@cuemath/leap 2.8.61-rj-12 → 2.8.61-rj-13

package/dist/features/milestone/milestone-list-container/filter-milestones.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-milestones.js","sources":["../../../../src/features/milestone/milestone-list-container/filter-milestones.tsx"],"sourcesContent":["import type { IFliterMilestones } from './filter-milestone-types';\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport CrossIcon from '../../../assets/line-icons/icons/cross';\nimport SearchIcon from '../../../assets/line-icons/icons/search';\nimport Button from '../../ui/buttons/button/button';\nimport SelectInput from '../../ui/inputs/select-input/select-input';\nimport TextInput from '../../ui/inputs/text-input/text-input';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getFilterOptions } from '../create/utils';\n\nconst FilterMilestones: React.FC<IFliterMilestones> = ({\n  filteredMilestones,\n  handleClearFilter,\n  handleFilterMilestones,\n  milestones,\n}) => {\n  const [filters, setFilters] = useState<{\n    grade: string;\n    board: string;\n    searchText: string;\n  }>({ grade: '', board: '', searchText: '' });\n  const { grade, board, searchText } = filters;\n\n  const { gradeOptions, boardOptions } = useMemo(() => getFilterOptions(milestones), [milestones]);\n\n  const handleChangeSearchText: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n    event => {\n      const value = event.target.value;\n\n      handleFilterMilestones({\n        searchText: value,\n        selectedBoard: board,\n        selectedGrade: grade,\n      });\n      setFilters(prev => {\n        return { ...prev, searchText: value };\n      });\n    },\n    [board, grade, handleFilterMilestones],\n  );\n\n  const handleBoardChange = useCallback(\n    (boardVal: string) => {\n      handleFilterMilestones({\n        searchText,\n        selectedBoard: boardVal,\n        selectedGrade: grade,\n      });\n      setFilters(prev => {\n        return { ...prev, board: boardVal };\n      });\n    },\n    [grade, handleFilterMilestones, searchText],\n  );\n\n  const handleGradeChange = useCallback(\n    (gradeVal: string) => {\n      handleFilterMilestones({\n        searchText,\n        selectedBoard: board,\n        selectedGrade: gradeVal,\n      });\n      setFilters(prev => {\n        return { ...prev, grade: gradeVal };\n      });\n    },\n    [board, handleFilterMilestones, searchText],\n  );\n\n  const clearFilters = useCallback(() => {\n    handleClearFilter();\n    setFilters({ grade: '', board: '', searchText: '' });\n  }, [handleClearFilter]);\n\n  const handleSearchCrossClick = useCallback(() => {\n    if (!grade && !board) {\n      clearFilters();\n    } else {\n      handleFilterMilestones({\n        searchText: '',\n        selectedBoard: board,\n        selectedGrade: grade,\n      });\n      setFilters(prev => {\n        return { ...prev, searchText: '' };\n      });\n    }\n  }, [board, clearFilters, grade, handleFilterMilestones]);\n\n  return (\n    <FlexView $marginBottomX={filteredMilestones?.length === 0 ? 1 : 0}>\n      <FlexView $flexDirection=\"row\" $flexGapX={1} $gapX={0.25}>\n        <TextInput\n          renderAs=\"primary\"\n          label=\"Search learning plan name\"\n          value={searchText}\n          widthX={24}\n          onChange={handleChangeSearchText}\n          siblingElement={\n            searchText.length > 0 ? <CrossIcon onClick={handleSearchCrossClick} /> : <SearchIcon />\n          }\n        />\n        <SelectInput\n          renderAs=\"primary\"\n          options={boardOptions}\n          label=\"Board\"\n          value={board}\n          onChange={handleBoardChange}\n        />\n        <SelectInput\n          renderAs=\"primary\"\n          options={gradeOptions || []}\n          label=\"Grade\"\n          value={grade}\n          onChange={handleGradeChange}\n        />\n      </FlexView>\n      <Button\n        renderAs=\"primary\"\n        onClick={clearFilters}\n        size=\"small\"\n        label=\"Clear filters\"\n        alignSelf=\"flex-end\"\n        disabled={!grade && !board && !searchText}\n      />\n    </FlexView>\n  );\n};\n\nexport default FilterMilestones;\n"],"names":["FilterMilestones","filteredMilestones","handleClearFilter","handleFilterMilestones","milestones","filters","setFilters","useState","grade","board","searchText","gradeOptions","boardOptions","useMemo","getFilterOptions","handleChangeSearchText","useCallback","event","value","prev","handleBoardChange","boardVal","handleGradeChange","gradeVal","clearFilters","handleSearchCrossClick","FlexView","jsxs","jsx","TextInput","CrossIcon","SearchIcon","SelectInput","Button"],"mappings":"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"}
+{"version":3,"file":"filter-milestones.js","sources":["../../../../src/features/milestone/milestone-list-container/filter-milestones.tsx"],"sourcesContent":["import type { IFliterMilestones } from './filter-milestone-types';\n\nimport React, { useCallback, useMemo, useState } from 'react';\n\nimport CrossIcon from '../../../assets/line-icons/icons/cross';\nimport SearchIcon from '../../../assets/line-icons/icons/search';\nimport Button from '../../ui/buttons/button/button';\nimport SelectInput from '../../ui/inputs/select-input/select-input';\nimport TextInput from '../../ui/inputs/text-input/text-input';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getFilterOptions } from '../create/utils';\n\nconst FilterMilestones: React.FC<IFliterMilestones> = ({\n  filteredMilestones,\n  handleClearFilter,\n  handleFilterMilestones,\n  milestones,\n}) => {\n  const [filters, setFilters] = useState<{\n    grade: string;\n    board: string;\n    searchText: string;\n  }>({ grade: '', board: '', searchText: '' });\n  const { grade, board, searchText } = filters;\n\n  const { gradeOptions, boardOptions } = useMemo(() => getFilterOptions(milestones), [milestones]);\n\n  const handleChangeSearchText: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n    event => {\n      const value = event.target.value;\n\n      handleFilterMilestones({\n        searchText: value,\n        selectedBoard: board,\n        selectedGrade: grade,\n      });\n      setFilters(prev => {\n        return { ...prev, searchText: value };\n      });\n    },\n    [board, grade, handleFilterMilestones],\n  );\n\n  const handleBoardChange = useCallback(\n    (boardVal: string) => {\n      handleFilterMilestones({\n        searchText,\n        selectedBoard: boardVal,\n        selectedGrade: grade,\n      });\n      setFilters(prev => {\n        return { ...prev, board: boardVal };\n      });\n    },\n    [grade, handleFilterMilestones, searchText],\n  );\n\n  const handleGradeChange = useCallback(\n    (gradeVal: string) => {\n      handleFilterMilestones({\n        searchText,\n        selectedBoard: board,\n        selectedGrade: gradeVal,\n      });\n      setFilters(prev => {\n        return { ...prev, grade: gradeVal };\n      });\n    },\n    [board, handleFilterMilestones, searchText],\n  );\n\n  const clearFilters = useCallback(() => {\n    handleClearFilter();\n    setFilters({ grade: '', board: '', searchText: '' });\n  }, [handleClearFilter]);\n\n  const handleSearchCrossClick = useCallback(() => {\n    if (!grade && !board) {\n      clearFilters();\n    } else {\n      handleFilterMilestones({\n        searchText: '',\n        selectedBoard: board,\n        selectedGrade: grade,\n      });\n      setFilters(prev => {\n        return { ...prev, searchText: '' };\n      });\n    }\n  }, [board, clearFilters, grade, handleFilterMilestones]);\n\n  return (\n    <FlexView $marginBottomX={filteredMilestones?.length === 0 ? 1 : 0}>\n      <FlexView $flexDirection=\"row\" $flexGapX={1} $gapX={0.25}>\n        <TextInput\n          renderAs=\"primary\"\n          label=\"Search learning plan name\"\n          value={searchText}\n          widthX={24}\n          onChange={handleChangeSearchText}\n          siblingElement={\n            searchText.length > 0 ? <CrossIcon onClick={handleSearchCrossClick} /> : <SearchIcon />\n          }\n        />\n        <SelectInput\n          renderAs=\"primary\"\n          options={boardOptions}\n          label=\"Board\"\n          value={board}\n          onChange={handleBoardChange}\n        />\n        <SelectInput\n          renderAs=\"primary\"\n          options={gradeOptions || []}\n          label=\"Grade\"\n          value={grade}\n          onChange={handleGradeChange}\n        />\n      </FlexView>\n      <Button\n        renderAs=\"primary\"\n        onClick={clearFilters}\n        size=\"small\"\n        label=\"Clear filters\"\n        alignSelf=\"flex-end\"\n        disabled={!grade && !board && !searchText}\n      />\n    </FlexView>\n  );\n};\n\nexport default FilterMilestones;\n"],"names":["FilterMilestones","filteredMilestones","handleClearFilter","handleFilterMilestones","milestones","filters","setFilters","useState","grade","board","searchText","gradeOptions","boardOptions","useMemo","getFilterOptions","handleChangeSearchText","useCallback","event","value","prev","handleBoardChange","boardVal","handleGradeChange","gradeVal","clearFilters","handleSearchCrossClick","FlexView","jsxs","jsx","TextInput","CrossIcon","SearchIcon","SelectInput","Button"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAgD,CAAC;AAAA,EACrD,oBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIC,EAI3B,EAAE,OAAO,IAAI,OAAO,IAAI,YAAY,GAAA,CAAI,GACrC,EAAE,OAAAC,GAAO,OAAAC,GAAO,YAAAC,EAAe,IAAAL,GAE/B,EAAE,cAAAM,GAAc,cAAAC,EAAA,IAAiBC,EAAQ,MAAMC,EAAiBV,CAAU,GAAG,CAACA,CAAU,CAAC,GAEzFW,IAAqEC;AAAA,IACzE,CAASC,MAAA;AACD,YAAAC,IAAQD,EAAM,OAAO;AAEJ,MAAAd,EAAA;AAAA,QACrB,YAAYe;AAAA,QACZ,eAAeT;AAAA,QACf,eAAeD;AAAA,MAAA,CAChB,GACDF,EAAW,CAAQa,OACV,EAAE,GAAGA,GAAM,YAAYD,EAAM,EACrC;AAAA,IACH;AAAA,IACA,CAACT,GAAOD,GAAOL,CAAsB;AAAA,EACvC,GAEMiB,IAAoBJ;AAAA,IACxB,CAACK,MAAqB;AACG,MAAAlB,EAAA;AAAA,QACrB,YAAAO;AAAA,QACA,eAAeW;AAAA,QACf,eAAeb;AAAA,MAAA,CAChB,GACDF,EAAW,CAAQa,OACV,EAAE,GAAGA,GAAM,OAAOE,EAAS,EACnC;AAAA,IACH;AAAA,IACA,CAACb,GAAOL,GAAwBO,CAAU;AAAA,EAC5C,GAEMY,IAAoBN;AAAA,IACxB,CAACO,MAAqB;AACG,MAAApB,EAAA;AAAA,QACrB,YAAAO;AAAA,QACA,eAAeD;AAAA,QACf,eAAec;AAAA,MAAA,CAChB,GACDjB,EAAW,CAAQa,OACV,EAAE,GAAGA,GAAM,OAAOI,EAAS,EACnC;AAAA,IACH;AAAA,IACA,CAACd,GAAON,GAAwBO,CAAU;AAAA,EAC5C,GAEMc,IAAeR,EAAY,MAAM;AACnB,IAAAd,EAAA,GAClBI,EAAW,EAAE,OAAO,IAAI,OAAO,IAAI,YAAY,IAAI;AAAA,EAAA,GAClD,CAACJ,CAAiB,CAAC,GAEhBuB,IAAyBT,EAAY,MAAM;AAC3C,IAAA,CAACR,KAAS,CAACC,IACAe,EAAA,KAEUrB,EAAA;AAAA,MACrB,YAAY;AAAA,MACZ,eAAeM;AAAA,MACf,eAAeD;AAAA,IAAA,CAChB,GACDF,EAAW,CAAQa,OACV,EAAE,GAAGA,GAAM,YAAY,GAAG,EAClC;AAAA,KAEF,CAACV,GAAOe,GAAchB,GAAOL,CAAsB,CAAC;AAEvD,2BACGuB,GAAS,EAAA,iBAAgBzB,KAAA,gBAAAA,EAAoB,YAAW,IAAI,IAAI,GAC/D,UAAA;AAAA,IAAA,gBAAA0B,EAACD,KAAS,gBAAe,OAAM,WAAW,GAAG,OAAO,MAClD,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,OAAM;AAAA,UACN,OAAOnB;AAAA,UACP,QAAQ;AAAA,UACR,UAAUK;AAAA,UACV,gBACEL,EAAW,SAAS,IAAI,gBAAAkB,EAACE,KAAU,SAASL,EAAwB,CAAA,IAAK,gBAAAG,EAACG,GAAW,CAAA,CAAA;AAAA,QAAA;AAAA,MAEzF;AAAA,MACA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,SAASpB;AAAA,UACT,OAAM;AAAA,UACN,OAAOH;AAAA,UACP,UAAUW;AAAA,QAAA;AAAA,MACZ;AAAA,MACA,gBAAAQ;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,SAASrB,KAAgB,CAAC;AAAA,UAC1B,OAAM;AAAA,UACN,OAAOH;AAAA,UACP,UAAUc;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,IACA,gBAAAM;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,SAAST;AAAA,QACT,MAAK;AAAA,QACL,OAAM;AAAA,QACN,WAAU;AAAA,QACV,UAAU,CAAChB,KAAS,CAACC,KAAS,CAACC;AAAA,MAAA;AAAA,IAAA;AAAA,EACjC,GACF;AAEJ;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import type { IMilestoneListProps } from './milestone-list-types';\n\nimport React, { memo, useState } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport { StyledDownIcon } from './milestone-widget/milestone-widget-styled';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\n    const [expandInactiveMilestones, setExpandInactiveMilestones] = useState(false);\n    const {\n      canCreatePlan,\n      isClassOngoing,\n      isFiltersAdded,\n      isStudentPresent,\n      onAddChapter,\n      onAddOutcome,\n      onChapterClick,\n      onCreatePlan,\n      onDelete,\n      onDraftPublish,\n      onEdit,\n      onExpandPastMilestones,\n      onCreateMilestoneTest,\n      onPreview,\n      onReattempt,\n      onReset,\n      onResume,\n      onReview,\n      onStart,\n      onAssignResources,\n      onUnAssignSheet,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n    } = restMilestoneListProps;\n\n    if (!milestones) {\n      return null;\n    }\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n\n    const toggleExpand = () => {\n      if (!expandInactiveMilestones && onExpandPastMilestones) {\n        onExpandPastMilestones();\n      }\n      setExpandInactiveMilestones(!expandInactiveMilestones);\n    };\n\n    const activeMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'ACTIVE',\n    );\n    const draftMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'DRAFT',\n    );\n\n    return (\n      <>\n        {isMilestoneActive && !activeMilestonePresent && (\n          <NoActiveMilestone\n            canCreatePlan={canCreatePlan}\n            isDraftMilestonePresent={draftMilestonePresent}\n            isFiltersAdded={isFiltersAdded}\n            onCreatePlan={onCreatePlan}\n            studentName={studentName}\n            userType={userType}\n          />\n        )}\n\n        {milestoneType === 'INACTIVE' && Boolean(milestones.length) && (\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n            <Text $renderAs=\"eyebrow1\">PAST LEARNING PLANS & OUTCOMES ({milestones.length})</Text>\n            <StyledDownIcon onClick={toggleExpand} $expanded={expandInactiveMilestones} />\n          </FlexView>\n        )}\n\n        {(isDraftMilestone || isMilestoneActive || expandInactiveMilestones) &&\n          milestones.map((milestone, idx) => {\n            const { id: milestoneId } = milestone;\n\n            return (\n              <React.Fragment key={`milestone=${milestoneId}`}>\n                <MilestoneWidget\n                  milestone={milestone}\n                  studentId={studentId}\n                  studentName={studentName}\n                  parentName={parentName}\n                  teacherName={teacherName}\n                  userType={userType}\n                  onAddOutcome={onAddOutcome}\n                  onChapterClick={onChapterClick}\n                  isMilestoneActive={isMilestoneActive || isDraftMilestone}\n                  milestoneType={milestoneType}\n                  onEdit={onEdit}\n                  onCreateMilestoneTest={onCreateMilestoneTest}\n                  onPreview={onPreview}\n                  onReattempt={onReattempt}\n                  onReset={onReset}\n                  onResume={onResume}\n                  onReview={onReview}\n                  onStart={onStart}\n                  onAddChapter={onAddChapter}\n                  onDelete={onDelete}\n                  onDraftPublish={onDraftPublish}\n                  isClassOngoing={isClassOngoing}\n                  isStudentPresent={isStudentPresent}\n                  onAssignResources={onAssignResources}\n                  onUnAssignSheet={onUnAssignSheet}\n                  onTestPreview={onTestPreview}\n                  onTestReview={onTestReview}\n                  onTestStart={onTestStart}\n                  courseStream={courseStream}\n                  activeMilestoneId={activeMilestoneId}\n                  activeTabId={activeTabId}\n                  onWidgetTabSelection={onWidgetTabSelection}\n                />\n                {idx !== milestones.length - 1 && <FlexView $heightX={2.625} />}\n              </React.Fragment>\n            );\n          })}\n      </>\n    );\n  },\n);\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","expandInactiveMilestones","setExpandInactiveMilestones","useState","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onExpandPastMilestones","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isMilestoneActive","isDraftMilestone","toggleExpand","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","NoActiveMilestone","FlexView","Text","StyledDownIcon","idx","milestoneId","React","MilestoneWidget"],"mappings":"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"}
+{"version":3,"file":"milestone-list.js","sources":["../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-list.tsx"],"sourcesContent":["import type { IMilestoneListProps } from './milestone-list-types';\n\nimport React, { memo, useState } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport MilestoneWidget from './milestone-widget/milestone-widget';\nimport { StyledDownIcon } from './milestone-widget/milestone-widget-styled';\nimport NoActiveMilestone from './no-active-milestone/no-active-milestone';\n\nconst MilestoneList: React.FC<IMilestoneListProps> = memo(\n  ({ milestones, studentId, milestoneType, ...restMilestoneListProps }) => {\n    const [expandInactiveMilestones, setExpandInactiveMilestones] = useState(false);\n    const {\n      canCreatePlan,\n      isClassOngoing,\n      isFiltersAdded,\n      isStudentPresent,\n      onAddChapter,\n      onAddOutcome,\n      onChapterClick,\n      onCreatePlan,\n      onDelete,\n      onDraftPublish,\n      onEdit,\n      onExpandPastMilestones,\n      onCreateMilestoneTest,\n      onPreview,\n      onReattempt,\n      onReset,\n      onResume,\n      onReview,\n      onStart,\n      onAssignResources,\n      onUnAssignSheet,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      activeMilestoneId,\n      activeTabId,\n      onWidgetTabSelection,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n    } = restMilestoneListProps;\n\n    if (!milestones) {\n      return null;\n    }\n\n    const isMilestoneActive = milestoneType === 'ACTIVE';\n    const isDraftMilestone = milestoneType === 'DRAFT';\n\n    const toggleExpand = () => {\n      if (!expandInactiveMilestones && onExpandPastMilestones) {\n        onExpandPastMilestones();\n      }\n      setExpandInactiveMilestones(!expandInactiveMilestones);\n    };\n\n    const activeMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'ACTIVE',\n    );\n    const draftMilestonePresent = milestones.some(\n      milestone => milestone.milestone_state === 'DRAFT',\n    );\n\n    return (\n      <>\n        {isMilestoneActive && !activeMilestonePresent && (\n          <NoActiveMilestone\n            canCreatePlan={canCreatePlan}\n            isDraftMilestonePresent={draftMilestonePresent}\n            isFiltersAdded={isFiltersAdded}\n            onCreatePlan={onCreatePlan}\n            studentName={studentName}\n            userType={userType}\n          />\n        )}\n\n        {milestoneType === 'INACTIVE' && Boolean(milestones.length) && (\n          <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n            <Text $renderAs=\"eyebrow1\">PAST LEARNING PLANS & OUTCOMES ({milestones.length})</Text>\n            <StyledDownIcon onClick={toggleExpand} $expanded={expandInactiveMilestones} />\n          </FlexView>\n        )}\n\n        {(isDraftMilestone || isMilestoneActive || expandInactiveMilestones) &&\n          milestones.map((milestone, idx) => {\n            const { id: milestoneId } = milestone;\n\n            return (\n              <React.Fragment key={`milestone=${milestoneId}`}>\n                <MilestoneWidget\n                  milestone={milestone}\n                  studentId={studentId}\n                  studentName={studentName}\n                  parentName={parentName}\n                  teacherName={teacherName}\n                  userType={userType}\n                  onAddOutcome={onAddOutcome}\n                  onChapterClick={onChapterClick}\n                  isMilestoneActive={isMilestoneActive || isDraftMilestone}\n                  milestoneType={milestoneType}\n                  onEdit={onEdit}\n                  onCreateMilestoneTest={onCreateMilestoneTest}\n                  onPreview={onPreview}\n                  onReattempt={onReattempt}\n                  onReset={onReset}\n                  onResume={onResume}\n                  onReview={onReview}\n                  onStart={onStart}\n                  onAddChapter={onAddChapter}\n                  onDelete={onDelete}\n                  onDraftPublish={onDraftPublish}\n                  isClassOngoing={isClassOngoing}\n                  isStudentPresent={isStudentPresent}\n                  onAssignResources={onAssignResources}\n                  onUnAssignSheet={onUnAssignSheet}\n                  onTestPreview={onTestPreview}\n                  onTestReview={onTestReview}\n                  onTestStart={onTestStart}\n                  courseStream={courseStream}\n                  activeMilestoneId={activeMilestoneId}\n                  activeTabId={activeTabId}\n                  onWidgetTabSelection={onWidgetTabSelection}\n                />\n                {idx !== milestones.length - 1 && <FlexView $heightX={2.625} />}\n              </React.Fragment>\n            );\n          })}\n      </>\n    );\n  },\n);\n\nexport default MilestoneList;\n"],"names":["MilestoneList","memo","milestones","studentId","milestoneType","restMilestoneListProps","expandInactiveMilestones","setExpandInactiveMilestones","useState","canCreatePlan","isClassOngoing","isFiltersAdded","isStudentPresent","onAddChapter","onAddOutcome","onChapterClick","onCreatePlan","onDelete","onDraftPublish","onEdit","onExpandPastMilestones","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onAssignResources","onUnAssignSheet","onTestPreview","onTestReview","onTestStart","activeMilestoneId","activeTabId","onWidgetTabSelection","studentName","teacherName","parentName","userType","courseStream","isMilestoneActive","isDraftMilestone","toggleExpand","activeMilestonePresent","milestone","draftMilestonePresent","jsxs","Fragment","jsx","NoActiveMilestone","FlexView","Text","StyledDownIcon","idx","milestoneId","React","MilestoneWidget"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-loader/milestone-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-loader.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-loader/milestone-loader.tsx"],"sourcesContent":["import type { IMilestoneLoaderProps } from './milestone-loader-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport { LoadingFlexView } from './milestone-loader-styled';\n\nconst MilestoneLoader: FC<IMilestoneLoaderProps> = memo(({ numMilestones = 1 }) => {\n  return (\n    <>\n      {Array.from({ length: numMilestones }).map((_, index) => (\n        <FlexView key={index} $gutterX={1} $gapX={1.5} $borderColor=\"GREY_2\" $background=\"GREY_1\">\n          <FlexView\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $flexGapX={1}\n            $marginBottomX={1.5}\n          >\n            <FlexView>\n              <LoadingFlexView $heightX={1.5} $background=\"REAL_BLACK_15\" $width={370} />\n              <Separator heightX={0.5} />\n              <LoadingFlexView $heightX={1.25} $background=\"REAL_BLACK_15\" $width={270} />\n            </FlexView>\n            <FlexView $flexGapX={1} $flexDirection=\"row\">\n              <LoadingFlexView $heightX={2} $widthX={2} $background=\"REAL_BLACK_15\" />\n              <LoadingFlexView $heightX={2} $widthX={2} $background=\"REAL_BLACK_15\" />\n            </FlexView>\n          </FlexView>\n          <FlexView\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $alignItems=\"center\"\n            $background=\"WHITE\"\n            $gutterX={1}\n            $inherit\n            $heightX={4}\n          >\n            <LoadingFlexView $heightX={3} $background=\"REAL_BLACK_15\" $widthX={12} />\n            <LoadingFlexView $heightX={2} $background=\"REAL_BLACK_15\" $widthX={2} />\n          </FlexView>\n        </FlexView>\n      ))}\n    </>\n  );\n});\n\nexport default MilestoneLoader;\n"],"names":["MilestoneLoader","memo","numMilestones","jsx","Fragment","_","index","jsxs","FlexView","LoadingFlexView","Separator"],"mappings":";;;;;AASA,MAAMA,IAA6CC,EAAK,CAAC,EAAE,eAAAC,IAAgB,QAEvE,gBAAAC,EAAAC,GAAA,EACG,gBAAM,KAAK,EAAE,QAAQF,EAAc,CAAC,EAAE,IAAI,CAACG,GAAGC,MAC7C,gBAAAC,EAACC,KAAqB,UAAU,GAAG,OAAO,KAAK,cAAa,UAAS,aAAY,UAC/E,UAAA;AAAA,EAAA,gBAAAD;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,WAAW;AAAA,MACX,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAD,EAACC,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAL,EAACM,KAAgB,UAAU,KAAK,aAAY,iBAAgB,QAAQ,KAAK;AAAA,UACzE,gBAAAN,EAACO,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,4BACxBD,GAAgB,EAAA,UAAU,MAAM,aAAY,iBAAgB,QAAQ,KAAK;AAAA,QAAA,GAC5E;AAAA,QACC,gBAAAF,EAAAC,GAAA,EAAS,WAAW,GAAG,gBAAe,OACrC,UAAA;AAAA,UAAA,gBAAAL,EAACM,KAAgB,UAAU,GAAG,SAAS,GAAG,aAAY,iBAAgB;AAAA,4BACrEA,GAAgB,EAAA,UAAU,GAAG,SAAS,GAAG,aAAY,iBAAgB;AAAA,QAAA,GACxE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EACA,gBAAAF;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAQ;AAAA,MACR,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAL,EAACM,KAAgB,UAAU,GAAG,aAAY,iBAAgB,SAAS,IAAI;AAAA,0BACtEA,GAAgB,EAAA,UAAU,GAAG,aAAY,iBAAgB,SAAS,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EACxE;AAAA,KA5BaH,CA6Bf,CACD,EACH,CAAA,CAEH;"}
+{"version":3,"file":"milestone-loader.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-loader/milestone-loader.tsx"],"sourcesContent":["import type { IMilestoneLoaderProps } from './milestone-loader-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport { LoadingFlexView } from './milestone-loader-styled';\n\nconst MilestoneLoader: FC<IMilestoneLoaderProps> = memo(({ numMilestones = 1 }) => {\n  return (\n    <>\n      {Array.from({ length: numMilestones }).map((_, index) => (\n        <FlexView key={index} $gutterX={1} $gapX={1.5} $borderColor=\"GREY_2\" $background=\"GREY_1\">\n          <FlexView\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $flexGapX={1}\n            $marginBottomX={1.5}\n          >\n            <FlexView>\n              <LoadingFlexView $heightX={1.5} $background=\"REAL_BLACK_15\" $width={370} />\n              <Separator heightX={0.5} />\n              <LoadingFlexView $heightX={1.25} $background=\"REAL_BLACK_15\" $width={270} />\n            </FlexView>\n            <FlexView $flexGapX={1} $flexDirection=\"row\">\n              <LoadingFlexView $heightX={2} $widthX={2} $background=\"REAL_BLACK_15\" />\n              <LoadingFlexView $heightX={2} $widthX={2} $background=\"REAL_BLACK_15\" />\n            </FlexView>\n          </FlexView>\n          <FlexView\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $alignItems=\"center\"\n            $background=\"WHITE\"\n            $gutterX={1}\n            $inherit\n            $heightX={4}\n          >\n            <LoadingFlexView $heightX={3} $background=\"REAL_BLACK_15\" $widthX={12} />\n            <LoadingFlexView $heightX={2} $background=\"REAL_BLACK_15\" $widthX={2} />\n          </FlexView>\n        </FlexView>\n      ))}\n    </>\n  );\n});\n\nexport default MilestoneLoader;\n"],"names":["MilestoneLoader","memo","numMilestones","jsx","Fragment","_","index","jsxs","FlexView","LoadingFlexView","Separator"],"mappings":";;;;;AASA,MAAMA,IAA6CC,EAAK,CAAC,EAAE,eAAAC,IAAgB,QAEvE,gBAAAC,EAAAC,GAAA,EACG,gBAAM,KAAK,EAAE,QAAQF,EAAc,CAAC,EAAE,IAAI,CAACG,GAAGC,MAC7C,gBAAAC,EAACC,KAAqB,UAAU,GAAG,OAAO,KAAK,cAAa,UAAS,aAAY,UAC/E,UAAA;AAAA,EAAA,gBAAAD;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,WAAW;AAAA,MACX,gBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAD,EAACC,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAL,EAACM,KAAgB,UAAU,KAAK,aAAY,iBAAgB,QAAQ,KAAK;AAAA,UACzE,gBAAAN,EAACO,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,4BACxBD,GAAgB,EAAA,UAAU,MAAM,aAAY,iBAAgB,QAAQ,IAAK,CAAA;AAAA,QAAA,GAC5E;AAAA,QACC,gBAAAF,EAAAC,GAAA,EAAS,WAAW,GAAG,gBAAe,OACrC,UAAA;AAAA,UAAA,gBAAAL,EAACM,KAAgB,UAAU,GAAG,SAAS,GAAG,aAAY,iBAAgB;AAAA,4BACrEA,GAAgB,EAAA,UAAU,GAAG,SAAS,GAAG,aAAY,gBAAgB,CAAA;AAAA,QAAA,EACxE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EACA,gBAAAF;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAQ;AAAA,MACR,UAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAL,EAACM,KAAgB,UAAU,GAAG,aAAY,iBAAgB,SAAS,IAAI;AAAA,0BACtEA,GAAgB,EAAA,UAAU,GAAG,aAAY,iBAAgB,SAAS,EAAG,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACxE,KA5BaH,CA6Bf,CACD,GACH,CAEH;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-element.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element.tsx"],"sourcesContent":["import type { IContextMenuElement } from './menu-element-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './menu-element-styled';\n\nconst ContextMenuElement: FC<IContextMenuElement> = memo(\n  ({ menuOptions, onMenuOptionSelection }) => {\n    const handleOnClick = useCallback(\n      (selectedOption: string, disabled?: boolean) => {\n        if (disabled) return null;\n\n        onMenuOptionSelection(selectedOption);\n      },\n      [onMenuOptionSelection],\n    );\n\n    return (\n      <Styled.MenuElementWrapper $background=\"WHITE\" $width=\"max-content\">\n        {menuOptions.map(opt => {\n          const { label, Icon, id, disabled, visible } = opt;\n\n          if (!visible) return null;\n\n          return (\n            <Styled.MenuOption\n              key={id}\n              $flexDirection=\"row\"\n              $flexGap={8}\n              $gap={8}\n              $gutterX={1}\n              onClick={() => handleOnClick(label, disabled)}\n              $disabled={!!disabled}\n            >\n              {Icon && <Icon width={20} height={20} />}\n\n              <Text $renderAs=\"ub2\">{label}</Text>\n            </Styled.MenuOption>\n          );\n        })}\n      </Styled.MenuElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenuElement;\n"],"names":["ContextMenuElement","memo","menuOptions","onMenuOptionSelection","handleOnClick","useCallback","selectedOption","disabled","jsx","Styled.MenuElementWrapper","opt","label","Icon","id","visible","jsxs","Styled.MenuOption","Text"],"mappings":";;;;AAQA,MAAMA,IAA8CC;AAAA,EAClD,CAAC,EAAE,aAAAC,GAAa,uBAAAC,QAA4B;AAC1C,UAAMC,IAAgBC;AAAA,MACpB,CAACC,GAAwBC,MAAuB;AAC9C,YAAIA,EAAiB,QAAA;AAErB,QAAAJ,EAAsBG,CAAc;AAAA,MACtC;AAAA,MACA,CAACH,CAAqB;AAAA,IAAA;AAItB,WAAA,gBAAAK,EAACC,GAAA,EAA0B,aAAY,SAAQ,QAAO,eACnD,UAAYP,EAAA,IAAI,CAAOQ,MAAA;AACtB,YAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,IAAAC,GAAI,UAAAN,GAAU,SAAAO,EAAY,IAAAJ;AAE3C,aAACI,IAGH,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,gBAAe;AAAA,UACf,UAAU;AAAA,UACV,MAAM;AAAA,UACN,UAAU;AAAA,UACV,SAAS,MAAMZ,EAAcO,GAAOJ,CAAQ;AAAA,UAC5C,WAAW,CAAC,CAACA;AAAA,UAEZ,UAAA;AAAA,YAAAK,KAAS,gBAAAJ,EAAAI,GAAA,EAAK,OAAO,IAAI,QAAQ,IAAI;AAAA,YAErC,gBAAAJ,EAAAS,GAAA,EAAK,WAAU,OAAO,UAAMN,GAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAVxBE;AAAA,MAAA,IAJY;AAAA,IAiBtB,CAAA,EACH,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"menu-element.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/context-menu-helper/menu-element.tsx"],"sourcesContent":["import type { IContextMenuElement } from './menu-element-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport Text from '../../../../../ui/text/text';\nimport * as Styled from './menu-element-styled';\n\nconst ContextMenuElement: FC<IContextMenuElement> = memo(\n  ({ menuOptions, onMenuOptionSelection }) => {\n    const handleOnClick = useCallback(\n      (selectedOption: string, disabled?: boolean) => {\n        if (disabled) return null;\n\n        onMenuOptionSelection(selectedOption);\n      },\n      [onMenuOptionSelection],\n    );\n\n    return (\n      <Styled.MenuElementWrapper $background=\"WHITE\" $width=\"max-content\">\n        {menuOptions.map(opt => {\n          const { label, Icon, id, disabled, visible } = opt;\n\n          if (!visible) return null;\n\n          return (\n            <Styled.MenuOption\n              key={id}\n              $flexDirection=\"row\"\n              $flexGap={8}\n              $gap={8}\n              $gutterX={1}\n              onClick={() => handleOnClick(label, disabled)}\n              $disabled={!!disabled}\n            >\n              {Icon && <Icon width={20} height={20} />}\n\n              <Text $renderAs=\"ub2\">{label}</Text>\n            </Styled.MenuOption>\n          );\n        })}\n      </Styled.MenuElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenuElement;\n"],"names":["ContextMenuElement","memo","menuOptions","onMenuOptionSelection","handleOnClick","useCallback","selectedOption","disabled","jsx","Styled.MenuElementWrapper","opt","label","Icon","id","visible","jsxs","Styled.MenuOption","Text"],"mappings":";;;;AAQA,MAAMA,IAA8CC;AAAA,EAClD,CAAC,EAAE,aAAAC,GAAa,uBAAAC,QAA4B;AAC1C,UAAMC,IAAgBC;AAAA,MACpB,CAACC,GAAwBC,MAAuB;AAC9C,YAAIA,EAAiB,QAAA;AAErB,QAAAJ,EAAsBG,CAAc;AAAA,MACtC;AAAA,MACA,CAACH,CAAqB;AAAA,IACxB;AAGE,WAAA,gBAAAK,EAACC,GAAA,EAA0B,aAAY,SAAQ,QAAO,eACnD,UAAYP,EAAA,IAAI,CAAOQ,MAAA;AACtB,YAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,IAAAC,GAAI,UAAAN,GAAU,SAAAO,MAAYJ;AAE3C,aAACI,IAGH,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,gBAAe;AAAA,UACf,UAAU;AAAA,UACV,MAAM;AAAA,UACN,UAAU;AAAA,UACV,SAAS,MAAMZ,EAAcO,GAAOJ,CAAQ;AAAA,UAC5C,WAAW,CAAC,CAACA;AAAA,UAEZ,UAAA;AAAA,YAAAK,KAAS,gBAAAJ,EAAAI,GAAA,EAAK,OAAO,IAAI,QAAQ,IAAI;AAAA,YAErC,gBAAAJ,EAAAS,GAAA,EAAK,WAAU,OAAO,UAAMN,EAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAVxBE;AAAA,MAWP,IAfmB;AAAA,IAiBtB,CAAA,GACH;AAAA,EAAA;AAGN;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-action-ctas.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.tsx"],"sourcesContent":["import type { IGoalActionCtas } from './goal-action-ctas-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport Bin2Icon from '../../../../../../assets/line-icons/icons/bin2';\nimport Edit2Icon from '../../../../../../assets/line-icons/icons/edit2';\nimport PlusIcon from '../../../../../../assets/line-icons/icons/plus';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../../ui/buttons/button/button';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { EVENT_NAMES } from '../../../../create/milestone-create-constants';\nimport { invalidateMilestonesData } from '../../../api/get-milestones';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(props => {\n  const {\n    milestone,\n    studentId,\n    isClassOngoing,\n    isStudentPresent,\n    studentName,\n    teacherName,\n    parentName,\n    onAddOutcome,\n    onDraftPublish,\n    onEdit,\n    onDelete,\n    courseStream,\n  } = props;\n  const {\n    id: milestoneId,\n    milestone_name: milestoneName,\n    milestone_date_ts: dueDate,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_category: goalCategory,\n    goal_code: goalCode,\n  } = milestone;\n\n  const {\n    can_delete: canDelete,\n    can_update_date: canUpdateDate,\n    can_update_plan: canUpdatePlan,\n  } = milestonePermissions;\n\n  const { onEvent: trackEvent } = useUIContext();\n  const [error, setError] = useState('');\n\n  const canAddOutcome = milestoneState === 'OUTCOME_PENDING';\n  const isDraftMilestone = goalCode && milestoneState === 'DRAFT';\n  const canPublishOrEditGoal = !isClassOngoing || isStudentPresent;\n\n  const handleGoalPublishComplete = useCallback(\n    (errorMessage: string | null, data?: { id: string }) => {\n      const { id } = data || {};\n\n      if (errorMessage) {\n        setError(errorMessage);\n      } else {\n        if (milestoneId) {\n          invalidateMilestonesData({\n            milestone_state_group: 'LIVE',\n            with_plan: true,\n            course_stream: courseStream,\n            student_id: studentId,\n            in_class: isClassOngoing,\n          });\n        }\n        onDraftPublish?.(milestoneId, true);\n        trackEvent(EVENT_NAMES.DRAFT_EDIT.completed, {\n          milestone_id: milestoneId || id,\n        });\n      }\n    },\n    [milestoneId, isClassOngoing, studentId, onDraftPublish, setError, trackEvent, courseStream],\n  );\n\n  const { onPublish, isProcessing } = useDraftPublish({\n    handleGoalPublishComplete,\n    milestone,\n    milestoneId,\n    studentName,\n    parentName,\n    teacherName,\n  });\n\n  const handleGoalEdit = useCallback(() => {\n    onEdit?.({\n      milestoneId,\n      milestoneName,\n      milestoneDueDate: dueDate,\n      isMilestoneChaptersListEditable: canUpdatePlan,\n      isMilestoneDateEditable: canUpdateDate,\n      milestoneState,\n      canDelete,\n      goalCategory,\n      goalCode,\n    });\n  }, [\n    canDelete,\n    canUpdateDate,\n    canUpdatePlan,\n    dueDate,\n    goalCategory,\n    goalCode,\n    milestoneId,\n    milestoneName,\n    milestoneState,\n    onEdit,\n  ]);\n\n  const handleGoalDelete = useCallback(() => {\n    onDelete?.({ milestoneId });\n  }, [onDelete, milestoneId]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.(milestoneId);\n  }, [onAddOutcome, milestoneId]);\n\n  return (\n    <FlexView\n      $flexDirection=\"row\"\n      $flexGapX={1.5}\n      $alignItems=\"center\"\n      $width=\"fit-content\"\n      onClick={e => e.stopPropagation()}\n    >\n      {canAddOutcome && (\n        <Button\n          renderAs=\"primary\"\n          Icon={PlusIcon}\n          size=\"small\"\n          label=\"Add outcome\"\n          shape=\"square\"\n          widthX={11}\n          onClick={handleOnAddOutcome}\n        />\n      )}\n\n      {isDraftMilestone && (\n        <>\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            tooltipItem=\"Goals can only be added for students who have joined the class\"\n            hidden={canPublishOrEditGoal}\n            widthX={15}\n          >\n            <Button\n              renderAs=\"primary\"\n              shape=\"square\"\n              widthX={8}\n              label=\"Publish\"\n              size=\"xsmall\"\n              onClick={onPublish}\n              busy={isProcessing}\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            widthX={!canPublishOrEditGoal ? 15 : 5}\n            tooltipItem={\n              !canPublishOrEditGoal\n                ? 'Goals can only be edited for students in class.'\n                : 'Edit goal'\n            }\n          >\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={Edit2Icon}\n              analyticsLabel=\"Edit Goal\"\n              onClick={handleGoalEdit}\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n\n          <ArrowTooltip position=\"bottom\" renderAs=\"primary\" tooltipItem=\"Delete goal\">\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={Bin2Icon}\n              analyticsLabel=\"Delete Goal\"\n              onClick={handleGoalDelete}\n            />\n          </ArrowTooltip>\n        </>\n      )}\n\n      {error && (\n        <Text $renderAs=\"ub3-bold\" $color=\"RED\">\n          {error}\n        </Text>\n      )}\n    </FlexView>\n  );\n});\n\nexport default GoalActionCtas;\n"],"names":["GoalActionCtas","memo","props","milestone","studentId","isClassOngoing","isStudentPresent","studentName","teacherName","parentName","onAddOutcome","onDraftPublish","onEdit","onDelete","courseStream","milestoneId","milestoneName","dueDate","milestoneState","milestonePermissions","goalCategory","goalCode","canDelete","canUpdateDate","canUpdatePlan","trackEvent","useUIContext","error","setError","useState","canAddOutcome","isDraftMilestone","canPublishOrEditGoal","handleGoalPublishComplete","useCallback","errorMessage","data","id","invalidateMilestonesData","EVENT_NAMES","onPublish","isProcessing","useDraftPublish","handleGoalEdit","handleGoalDelete","handleOnAddOutcome","jsxs","FlexView","e","jsx","Button","PlusIcon","Fragment","ArrowTooltip","IconButton","Edit2Icon","Bin2Icon","Text"],"mappings":"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"}
+{"version":3,"file":"goal-action-ctas.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.tsx"],"sourcesContent":["import type { IGoalActionCtas } from './goal-action-ctas-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport Bin2Icon from '../../../../../../assets/line-icons/icons/bin2';\nimport Edit2Icon from '../../../../../../assets/line-icons/icons/edit2';\nimport PlusIcon from '../../../../../../assets/line-icons/icons/plus';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../../ui/buttons/button/button';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { EVENT_NAMES } from '../../../../create/milestone-create-constants';\nimport { invalidateMilestonesData } from '../../../api/get-milestones';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(props => {\n  const {\n    milestone,\n    studentId,\n    isClassOngoing,\n    isStudentPresent,\n    studentName,\n    teacherName,\n    parentName,\n    onAddOutcome,\n    onDraftPublish,\n    onEdit,\n    onDelete,\n    courseStream,\n  } = props;\n  const {\n    id: milestoneId,\n    milestone_name: milestoneName,\n    milestone_date_ts: dueDate,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_category: goalCategory,\n    goal_code: goalCode,\n  } = milestone;\n\n  const {\n    can_delete: canDelete,\n    can_update_date: canUpdateDate,\n    can_update_plan: canUpdatePlan,\n  } = milestonePermissions;\n\n  const { onEvent: trackEvent } = useUIContext();\n  const [error, setError] = useState('');\n\n  const canAddOutcome = milestoneState === 'OUTCOME_PENDING';\n  const isDraftMilestone = goalCode && milestoneState === 'DRAFT';\n  const canPublishOrEditGoal = !isClassOngoing || isStudentPresent;\n\n  const handleGoalPublishComplete = useCallback(\n    (errorMessage: string | null, data?: { id: string }) => {\n      const { id } = data || {};\n\n      if (errorMessage) {\n        setError(errorMessage);\n      } else {\n        if (milestoneId) {\n          invalidateMilestonesData({\n            milestone_state_group: 'LIVE',\n            with_plan: true,\n            course_stream: courseStream,\n            student_id: studentId,\n            in_class: isClassOngoing,\n          });\n        }\n        onDraftPublish?.(milestoneId, true);\n        trackEvent(EVENT_NAMES.DRAFT_EDIT.completed, {\n          milestone_id: milestoneId || id,\n        });\n      }\n    },\n    [milestoneId, isClassOngoing, studentId, onDraftPublish, setError, trackEvent, courseStream],\n  );\n\n  const { onPublish, isProcessing } = useDraftPublish({\n    handleGoalPublishComplete,\n    milestone,\n    milestoneId,\n    studentName,\n    parentName,\n    teacherName,\n  });\n\n  const handleGoalEdit = useCallback(() => {\n    onEdit?.({\n      milestoneId,\n      milestoneName,\n      milestoneDueDate: dueDate,\n      isMilestoneChaptersListEditable: canUpdatePlan,\n      isMilestoneDateEditable: canUpdateDate,\n      milestoneState,\n      canDelete,\n      goalCategory,\n      goalCode,\n    });\n  }, [\n    canDelete,\n    canUpdateDate,\n    canUpdatePlan,\n    dueDate,\n    goalCategory,\n    goalCode,\n    milestoneId,\n    milestoneName,\n    milestoneState,\n    onEdit,\n  ]);\n\n  const handleGoalDelete = useCallback(() => {\n    onDelete?.({ milestoneId });\n  }, [onDelete, milestoneId]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.(milestoneId);\n  }, [onAddOutcome, milestoneId]);\n\n  return (\n    <FlexView\n      $flexDirection=\"row\"\n      $flexGapX={1.5}\n      $alignItems=\"center\"\n      $width=\"fit-content\"\n      onClick={e => e.stopPropagation()}\n    >\n      {canAddOutcome && (\n        <Button\n          renderAs=\"primary\"\n          Icon={PlusIcon}\n          size=\"small\"\n          label=\"Add outcome\"\n          shape=\"square\"\n          widthX={11}\n          onClick={handleOnAddOutcome}\n        />\n      )}\n\n      {isDraftMilestone && (\n        <>\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            tooltipItem=\"Goals can only be added for students who have joined the class\"\n            hidden={canPublishOrEditGoal}\n            widthX={15}\n          >\n            <Button\n              renderAs=\"primary\"\n              shape=\"square\"\n              widthX={8}\n              label=\"Publish\"\n              size=\"xsmall\"\n              onClick={onPublish}\n              busy={isProcessing}\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            widthX={!canPublishOrEditGoal ? 15 : 5}\n            tooltipItem={\n              !canPublishOrEditGoal\n                ? 'Goals can only be edited for students in class.'\n                : 'Edit goal'\n            }\n          >\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={Edit2Icon}\n              analyticsLabel=\"Edit Goal\"\n              onClick={handleGoalEdit}\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n\n          <ArrowTooltip position=\"bottom\" renderAs=\"primary\" tooltipItem=\"Delete goal\">\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={Bin2Icon}\n              analyticsLabel=\"Delete Goal\"\n              onClick={handleGoalDelete}\n            />\n          </ArrowTooltip>\n        </>\n      )}\n\n      {error && (\n        <Text $renderAs=\"ub3-bold\" $color=\"RED\">\n          {error}\n        </Text>\n      )}\n    </FlexView>\n  );\n});\n\nexport default GoalActionCtas;\n"],"names":["GoalActionCtas","memo","props","milestone","studentId","isClassOngoing","isStudentPresent","studentName","teacherName","parentName","onAddOutcome","onDraftPublish","onEdit","onDelete","courseStream","milestoneId","milestoneName","dueDate","milestoneState","milestonePermissions","goalCategory","goalCode","canDelete","canUpdateDate","canUpdatePlan","trackEvent","useUIContext","error","setError","useState","canAddOutcome","isDraftMilestone","canPublishOrEditGoal","handleGoalPublishComplete","useCallback","errorMessage","data","id","invalidateMilestonesData","EVENT_NAMES","onPublish","isProcessing","useDraftPublish","handleGoalEdit","handleGoalDelete","handleOnAddOutcome","jsxs","FlexView","e","jsx","Button","PlusIcon","Fragment","ArrowTooltip","IconButton","Edit2Icon","Bin2Icon","Text"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-action-utils.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-utils.ts"],"sourcesContent":["import type { TMilestonePayload } from '../../../../create/milestone-create-types';\nimport type { IMilestoneData } from '../../milestone-list-types';\nimport type { TGoalPlanMessageData } from './goal-action-ctas-types';\n\nimport { format } from 'date-fns';\n\nimport { createGoalPlanShareMessage } from '../../../../create/comps/confirmation-modals/goal-creation-confirmation-utils';\n\nconst getGoalPublishData = (\n  milestone: IMilestoneData,\n  goalPlanMessageData: TGoalPlanMessageData,\n) => {\n  const {\n    milestone_date_ts: milestoneDateTs,\n    user_milestone_plan: userMilestonePlan,\n    milestone_name: milestoneName,\n  } = milestone;\n\n  const { user_chapters: userChapters } = userMilestonePlan || {};\n  const { message: submitBaseMessage, parentName, teacherName, studentName } = goalPlanMessageData;\n\n  if (milestoneDateTs) {\n    const payload: TMilestonePayload = {\n      milestone_date_ts: milestoneDateTs,\n      publish: true,\n      chapters_in_plan: userChapters?.map(chapter => ({\n        chapter_code: chapter.code ?? chapter.chapter_code,\n        is_familiar: false,\n        is_in_focus: true,\n      })),\n    };\n\n    if (submitBaseMessage) {\n      payload.share_message = createGoalPlanShareMessage(submitBaseMessage, {\n        parentName,\n        teacherName,\n        studentName,\n        goalName: milestoneName,\n        completionDate: format(new Date(milestoneDateTs * 1000), 'yyyy-MM-dd'),\n      });\n    }\n\n    return payload;\n  }\n\n  return undefined;\n};\n\nexport { getGoalPublishData };\n"],"names":["getGoalPublishData","milestone","goalPlanMessageData","milestoneDateTs","userMilestonePlan","milestoneName","userChapters","submitBaseMessage","parentName","teacherName","studentName","payload","chapter","createGoalPlanShareMessage","format"],"mappings":";;AAQM,MAAAA,IAAqB,CACzBC,GACAC,MACG;AACG,QAAA;AAAA,IACJ,mBAAmBC;AAAA,IACnB,qBAAqBC;AAAA,IACrB,gBAAgBC;AAAA,EACd,IAAAJ,GAEE,EAAE,eAAeK,MAAiBF,KAAqB,CAAA,GACvD,EAAE,SAASG,GAAmB,YAAAC,GAAY,aAAAC,GAAa,aAAAC,EAAgB,IAAAR;AAE7E,MAAIC,GAAiB;AACnB,UAAMQ,IAA6B;AAAA,MACjC,mBAAmBR;AAAA,MACnB,SAAS;AAAA,MACT,kBAAkBG,KAAA,gBAAAA,EAAc,IAAI,CAAYM,OAAA;AAAA,QAC9C,cAAcA,EAAQ,QAAQA,EAAQ;AAAA,QACtC,aAAa;AAAA,QACb,aAAa;AAAA,MAAA;AAAA,IACb;AAGJ,WAAIL,MACMI,EAAA,gBAAgBE,EAA2BN,GAAmB;AAAA,MACpE,YAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAUL;AAAA,MACV,gBAAgBS,EAAO,IAAI,KAAKX,IAAkB,GAAI,GAAG,YAAY;AAAA,IAAA,CACtE,IAGIQ;AAAA,EACT;AAGF;"}
+{"version":3,"file":"goal-action-utils.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-utils.ts"],"sourcesContent":["import type { TMilestonePayload } from '../../../../create/milestone-create-types';\nimport type { IMilestoneData } from '../../milestone-list-types';\nimport type { TGoalPlanMessageData } from './goal-action-ctas-types';\n\nimport { format } from 'date-fns';\n\nimport { createGoalPlanShareMessage } from '../../../../create/comps/confirmation-modals/goal-creation-confirmation-utils';\n\nconst getGoalPublishData = (\n  milestone: IMilestoneData,\n  goalPlanMessageData: TGoalPlanMessageData,\n) => {\n  const {\n    milestone_date_ts: milestoneDateTs,\n    user_milestone_plan: userMilestonePlan,\n    milestone_name: milestoneName,\n  } = milestone;\n\n  const { user_chapters: userChapters } = userMilestonePlan || {};\n  const { message: submitBaseMessage, parentName, teacherName, studentName } = goalPlanMessageData;\n\n  if (milestoneDateTs) {\n    const payload: TMilestonePayload = {\n      milestone_date_ts: milestoneDateTs,\n      publish: true,\n      chapters_in_plan: userChapters?.map(chapter => ({\n        chapter_code: chapter.code ?? chapter.chapter_code,\n        is_familiar: false,\n        is_in_focus: true,\n      })),\n    };\n\n    if (submitBaseMessage) {\n      payload.share_message = createGoalPlanShareMessage(submitBaseMessage, {\n        parentName,\n        teacherName,\n        studentName,\n        goalName: milestoneName,\n        completionDate: format(new Date(milestoneDateTs * 1000), 'yyyy-MM-dd'),\n      });\n    }\n\n    return payload;\n  }\n\n  return undefined;\n};\n\nexport { getGoalPublishData };\n"],"names":["getGoalPublishData","milestone","goalPlanMessageData","milestoneDateTs","userMilestonePlan","milestoneName","userChapters","submitBaseMessage","parentName","teacherName","studentName","payload","chapter","createGoalPlanShareMessage","format"],"mappings":";;AAQM,MAAAA,IAAqB,CACzBC,GACAC,MACG;AACG,QAAA;AAAA,IACJ,mBAAmBC;AAAA,IACnB,qBAAqBC;AAAA,IACrB,gBAAgBC;AAAA,EAAA,IACdJ,GAEE,EAAE,eAAeK,EAAa,IAAIF,KAAqB,CAAC,GACxD,EAAE,SAASG,GAAmB,YAAAC,GAAY,aAAAC,GAAa,aAAAC,MAAgBR;AAE7E,MAAIC,GAAiB;AACnB,UAAMQ,IAA6B;AAAA,MACjC,mBAAmBR;AAAA,MACnB,SAAS;AAAA,MACT,kBAAkBG,KAAA,gBAAAA,EAAc,IAAI,CAAYM,OAAA;AAAA,QAC9C,cAAcA,EAAQ,QAAQA,EAAQ;AAAA,QACtC,aAAa;AAAA,QACb,aAAa;AAAA,MAAA;AAAA,IAEjB;AAEA,WAAIL,MACMI,EAAA,gBAAgBE,EAA2BN,GAAmB;AAAA,MACpE,YAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAUL;AAAA,MACV,gBAAgBS,EAAO,IAAI,KAAKX,IAAkB,GAAI,GAAG,YAAY;AAAA,IAAA,CACtE,IAGIQ;AAAA,EAAA;AAIX;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/use-goal-draft-publish.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-goal-draft-publish.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/use-goal-draft-publish.ts"],"sourcesContent":["import type { IMilestoneData } from '../../milestone-list-types';\n\nimport { useCallback, useEffect } from 'react';\n\nimport usePrevious from '../../../../../hooks/use-previous';\nimport { useGetMileStoneConfig } from '../../../../create/api/milestone-config';\nimport { useGoalPlanPatch } from '../../../../edit/comps/edit-milestone-modal/api/patch-goal-plan';\nimport { getGoalPublishData } from './goal-action-utils';\n\ntype TUseDraftPublishProps = {\n  handleGoalPublishComplete: (\n    errorMessage: string | null,\n    data?: {\n      id: string;\n    },\n  ) => void;\n  milestone: IMilestoneData;\n  parentName: string;\n  studentName: string;\n  teacherName: string;\n  milestoneId: string;\n};\n\ntype TUseDraftPublishReturnData = {\n  onPublish: () => void;\n  isProcessing: boolean;\n};\n\ninterface IUseDraftPublish {\n  (args: TUseDraftPublishProps): TUseDraftPublishReturnData;\n}\n\nconst useDraftPublish: IUseDraftPublish = ({\n  handleGoalPublishComplete,\n  milestone,\n  parentName,\n  studentName,\n  teacherName,\n  milestoneId,\n}) => {\n  const { patch: patchGoalCreation, isProcessing: draftPublishIsProcessing } = useGoalPlanPatch({\n    onComplete: handleGoalPublishComplete,\n  });\n\n  const {\n    get: getConfig,\n    data: configData,\n    isProcessed,\n    isProcessing: configIsProcessing,\n    isProcessingFailed,\n  } = useGetMileStoneConfig();\n\n  const configDataIsProcessedPrev = usePrevious(isProcessed);\n  const configDataIsProcessingFailedPrev = usePrevious(isProcessingFailed);\n\n  const handleDraftPublishTrigger = useCallback(() => {\n    getConfig('', undefined);\n  }, [getConfig]);\n\n  const handleDraftPublish = useCallback(\n    (message?: string) => {\n      const payload = getGoalPublishData(milestone, {\n        message,\n        parentName,\n        teacherName,\n        studentName,\n      });\n\n      if (payload) {\n        patchGoalCreation(milestoneId, payload);\n      }\n    },\n    [milestone, patchGoalCreation, milestoneId, parentName, teacherName, studentName],\n  );\n\n  useEffect(() => {\n    if (configDataIsProcessedPrev === false && isProcessed === true && configData) {\n      const { create_message_template: createMessageTemplate = '' } =\n        configData.share_message.default;\n\n      handleDraftPublish(createMessageTemplate);\n    }\n  }, [configData, configDataIsProcessedPrev, isProcessed, handleDraftPublish]);\n\n  useEffect(() => {\n    if (configDataIsProcessingFailedPrev === false && isProcessingFailed === true) {\n      handleDraftPublish();\n    }\n  }, [isProcessingFailed, configDataIsProcessingFailedPrev, handleDraftPublish]);\n\n  const isProcessing = configIsProcessing || draftPublishIsProcessing;\n\n  return {\n    onPublish: handleDraftPublishTrigger,\n    isProcessing,\n  };\n};\n\nexport { useDraftPublish };\n"],"names":["useDraftPublish","handleGoalPublishComplete","milestone","parentName","studentName","teacherName","milestoneId","patchGoalCreation","draftPublishIsProcessing","useGoalPlanPatch","getConfig","configData","isProcessed","configIsProcessing","isProcessingFailed","useGetMileStoneConfig","configDataIsProcessedPrev","usePrevious","configDataIsProcessingFailedPrev","handleDraftPublishTrigger","useCallback","handleDraftPublish","message","payload","getGoalPublishData","useEffect","createMessageTemplate"],"mappings":";;;;;AAgCA,MAAMA,IAAoC,CAAC;AAAA,EACzC,2BAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAM,EAAE,OAAOC,GAAmB,cAAcC,EAAA,IAA6BC,EAAiB;AAAA,IAC5F,YAAYR;AAAA,EAAA,CACb,GAEK;AAAA,IACJ,KAAKS;AAAA,IACL,MAAMC;AAAA,IACN,aAAAC;AAAA,IACA,cAAcC;AAAA,IACd,oBAAAC;AAAA,MACEC,EAAsB,GAEpBC,IAA4BC,EAAYL,CAAW,GACnDM,IAAmCD,EAAYH,CAAkB,GAEjEK,IAA4BC,EAAY,MAAM;AAClD,IAAAV,EAAU,IAAI,MAAS;AAAA,EAAA,GACtB,CAACA,CAAS,CAAC,GAERW,IAAqBD;AAAA,IACzB,CAACE,MAAqB;AACd,YAAAC,IAAUC,EAAmBtB,GAAW;AAAA,QAC5C,SAAAoB;AAAA,QACA,YAAAnB;AAAA,QACA,aAAAE;AAAA,QACA,aAAAD;AAAA,MAAA,CACD;AAED,MAAImB,KACFhB,EAAkBD,GAAaiB,CAAO;AAAA,IAE1C;AAAA,IACA,CAACrB,GAAWK,GAAmBD,GAAaH,GAAYE,GAAaD,CAAW;AAAA,EAAA;AAGlF,SAAAqB,EAAU,MAAM;AACd,QAAIT,MAA8B,MAASJ,MAAgB,MAAQD,GAAY;AAC7E,YAAM,EAAE,yBAAyBe,IAAwB,GAAG,IAC1Df,EAAW,cAAc;AAE3B,MAAAU,EAAmBK,CAAqB;AAAA,IAC1C;AAAA,KACC,CAACf,GAAYK,GAA2BJ,GAAaS,CAAkB,CAAC,GAE3EI,EAAU,MAAM;AACV,IAAAP,MAAqC,MAASJ,MAAuB,MACpDO;EAEpB,GAAA,CAACP,GAAoBI,GAAkCG,CAAkB,CAAC,GAItE;AAAA,IACL,WAAWF;AAAA,IACX,cAJmBN,KAAsBL;AAAA,EAIzC;AAEJ;"}
+{"version":3,"file":"use-goal-draft-publish.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/use-goal-draft-publish.ts"],"sourcesContent":["import type { IMilestoneData } from '../../milestone-list-types';\n\nimport { useCallback, useEffect } from 'react';\n\nimport usePrevious from '../../../../../hooks/use-previous';\nimport { useGetMileStoneConfig } from '../../../../create/api/milestone-config';\nimport { useGoalPlanPatch } from '../../../../edit/comps/edit-milestone-modal/api/patch-goal-plan';\nimport { getGoalPublishData } from './goal-action-utils';\n\ntype TUseDraftPublishProps = {\n  handleGoalPublishComplete: (\n    errorMessage: string | null,\n    data?: {\n      id: string;\n    },\n  ) => void;\n  milestone: IMilestoneData;\n  parentName: string;\n  studentName: string;\n  teacherName: string;\n  milestoneId: string;\n};\n\ntype TUseDraftPublishReturnData = {\n  onPublish: () => void;\n  isProcessing: boolean;\n};\n\ninterface IUseDraftPublish {\n  (args: TUseDraftPublishProps): TUseDraftPublishReturnData;\n}\n\nconst useDraftPublish: IUseDraftPublish = ({\n  handleGoalPublishComplete,\n  milestone,\n  parentName,\n  studentName,\n  teacherName,\n  milestoneId,\n}) => {\n  const { patch: patchGoalCreation, isProcessing: draftPublishIsProcessing } = useGoalPlanPatch({\n    onComplete: handleGoalPublishComplete,\n  });\n\n  const {\n    get: getConfig,\n    data: configData,\n    isProcessed,\n    isProcessing: configIsProcessing,\n    isProcessingFailed,\n  } = useGetMileStoneConfig();\n\n  const configDataIsProcessedPrev = usePrevious(isProcessed);\n  const configDataIsProcessingFailedPrev = usePrevious(isProcessingFailed);\n\n  const handleDraftPublishTrigger = useCallback(() => {\n    getConfig('', undefined);\n  }, [getConfig]);\n\n  const handleDraftPublish = useCallback(\n    (message?: string) => {\n      const payload = getGoalPublishData(milestone, {\n        message,\n        parentName,\n        teacherName,\n        studentName,\n      });\n\n      if (payload) {\n        patchGoalCreation(milestoneId, payload);\n      }\n    },\n    [milestone, patchGoalCreation, milestoneId, parentName, teacherName, studentName],\n  );\n\n  useEffect(() => {\n    if (configDataIsProcessedPrev === false && isProcessed === true && configData) {\n      const { create_message_template: createMessageTemplate = '' } =\n        configData.share_message.default;\n\n      handleDraftPublish(createMessageTemplate);\n    }\n  }, [configData, configDataIsProcessedPrev, isProcessed, handleDraftPublish]);\n\n  useEffect(() => {\n    if (configDataIsProcessingFailedPrev === false && isProcessingFailed === true) {\n      handleDraftPublish();\n    }\n  }, [isProcessingFailed, configDataIsProcessingFailedPrev, handleDraftPublish]);\n\n  const isProcessing = configIsProcessing || draftPublishIsProcessing;\n\n  return {\n    onPublish: handleDraftPublishTrigger,\n    isProcessing,\n  };\n};\n\nexport { useDraftPublish };\n"],"names":["useDraftPublish","handleGoalPublishComplete","milestone","parentName","studentName","teacherName","milestoneId","patchGoalCreation","draftPublishIsProcessing","useGoalPlanPatch","getConfig","configData","isProcessed","configIsProcessing","isProcessingFailed","useGetMileStoneConfig","configDataIsProcessedPrev","usePrevious","configDataIsProcessingFailedPrev","handleDraftPublishTrigger","useCallback","handleDraftPublish","message","payload","getGoalPublishData","useEffect","createMessageTemplate"],"mappings":";;;;;AAgCA,MAAMA,IAAoC,CAAC;AAAA,EACzC,2BAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAM,EAAE,OAAOC,GAAmB,cAAcC,EAAA,IAA6BC,EAAiB;AAAA,IAC5F,YAAYR;AAAA,EAAA,CACb,GAEK;AAAA,IACJ,KAAKS;AAAA,IACL,MAAMC;AAAA,IACN,aAAAC;AAAA,IACA,cAAcC;AAAA,IACd,oBAAAC;AAAA,MACEC,EAAsB,GAEpBC,IAA4BC,EAAYL,CAAW,GACnDM,IAAmCD,EAAYH,CAAkB,GAEjEK,IAA4BC,EAAY,MAAM;AAClD,IAAAV,EAAU,IAAI,MAAS;AAAA,EAAA,GACtB,CAACA,CAAS,CAAC,GAERW,IAAqBD;AAAA,IACzB,CAACE,MAAqB;AACd,YAAAC,IAAUC,EAAmBtB,GAAW;AAAA,QAC5C,SAAAoB;AAAA,QACA,YAAAnB;AAAA,QACA,aAAAE;AAAA,QACA,aAAAD;AAAA,MAAA,CACD;AAED,MAAImB,KACFhB,EAAkBD,GAAaiB,CAAO;AAAA,IAE1C;AAAA,IACA,CAACrB,GAAWK,GAAmBD,GAAaH,GAAYE,GAAaD,CAAW;AAAA,EAClF;AAEA,SAAAqB,EAAU,MAAM;AACd,QAAIT,MAA8B,MAASJ,MAAgB,MAAQD,GAAY;AAC7E,YAAM,EAAE,yBAAyBe,IAAwB,GAAG,IAC1Df,EAAW,cAAc;AAE3B,MAAAU,EAAmBK,CAAqB;AAAA,IAAA;AAAA,KAEzC,CAACf,GAAYK,GAA2BJ,GAAaS,CAAkB,CAAC,GAE3EI,EAAU,MAAM;AACV,IAAAP,MAAqC,MAASJ,MAAuB,MACpDO,EAAA;AAAA,EAEpB,GAAA,CAACP,GAAoBI,GAAkCG,CAAkB,CAAC,GAItE;AAAA,IACL,WAAWF;AAAA,IACX,cAJmBN,KAAsBL;AAAA,EAK3C;AACF;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-info.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.tsx"],"sourcesContent":["import type { IMenuOptionsProps } from './context-menu-helper/menu-element-types';\nimport type { IMileStoneInfoWrapperProps } from './milestone-widget-types';\n\nimport React, { memo, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport Bin2Icon from '../../../../../assets/line-icons/icons/bin2';\nimport ClosedEyeIcon from '../../../../../assets/line-icons/icons/closed-eye';\nimport Edit2Icon from '../../../../../assets/line-icons/icons/edit2';\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport Star2Icon from '../../../../../assets/line-icons/icons/star2';\nimport ContextMenuTargetElement from '../../../../sheets/lessons-list/lesson-item/context-menu-helper/target-element';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\nimport { useUIContext } from '../../../../ui/context/context';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport MilestoneProgressInfoV2 from '../../../create/comps/milestone-progress-v2/milestone-progress-v2';\nimport ContextMenuElement from './context-menu-helper/menu-element';\nimport { GOAL_CATEGORY_BASED_IMAGES } from './milestone-constants';\nimport { getGoalCategoryBasedColorTheme } from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\n\nconst MilestoneInfoWrapper: React.FC<IMileStoneInfoWrapperProps> = memo(\n  ({ isClassOngoing, isStudentPresent, isExpanded, ...restMilestoneInfoWrapperProps }) => {\n    const { milestone, userType, onEdit, onDelete, toggleExpand, onAddOutcome } =\n      restMilestoneInfoWrapperProps;\n\n    const {\n      id: milestoneId,\n      milestone_name: milestoneName,\n      milestone_date_ts: dueDate,\n      user_milestone_progress: milestoneProgress,\n      milestone_state: milestoneState,\n      permissions: milestonePermissions,\n      goal_category: goalCategory,\n      goal_code: goalCode,\n    } = milestone;\n\n    const { onEvent: trackEvent } = useUIContext();\n\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n    const {\n      can_delete: canDelete,\n      can_edit: canEdit,\n      can_update_date: canUpdateDate,\n      can_update_plan: canUpdatePlan,\n    } = milestonePermissions;\n\n    const { textColor: goalCategoryTextColor, borderColor } =\n      getGoalCategoryBasedColorTheme(goalCategory);\n    const isGoalCreation = useMemo(() => typeof goalCode === 'string', [goalCode]);\n\n    const isTeacher = userType === 'TEACHER';\n    const analyticsProps = useMemo(\n      () => ({\n        milestone_id: milestoneId,\n        temporary_milestone_id: milestoneId,\n        milestone_state: milestoneState,\n      }),\n      [milestoneId, milestoneState],\n    );\n\n    const isStudentAbsentInClass = isClassOngoing && !isStudentPresent;\n\n    const canDeleteGoal = !isGoalCreation || milestoneState !== 'DRAFT';\n\n    const menuOptions: IMenuOptionsProps[] = useMemo(\n      () => [\n        {\n          id: 'milestone-widget-edit',\n          Icon: Edit2Icon,\n          label: 'Edit',\n          disabled: isStudentAbsentInClass || !canEdit,\n          //* Not showing option to edit drafts.\n          //* For goals we have a separate edit CTA.\n          visible: isTeacher && milestoneState !== 'DRAFT',\n        },\n        {\n          id: 'milestone-widget-hide-n-show',\n          Icon: isExpanded ? ClosedEyeIcon : Eye2Icon,\n          label: isExpanded ? 'Hide' : 'Show',\n          disabled: false,\n          visible: true,\n        },\n        {\n          id: 'milestone-widget-add-outcome',\n          Icon: Star2Icon,\n          label: 'Add outcome',\n          disabled: milestoneState !== 'OUTCOME_PENDING',\n          visible: isTeacher,\n        },\n        {\n          id: 'milestone-widget-delete-draft',\n          Icon: Bin2Icon,\n          label: 'Delete',\n          disabled: !canDelete,\n          visible: isTeacher && canDelete && canDeleteGoal,\n        },\n      ],\n      [\n        canEdit,\n        isStudentAbsentInClass,\n        isExpanded,\n        milestoneState,\n        isTeacher,\n        canDelete,\n        canDeleteGoal,\n      ],\n    );\n\n    const handleOnMenuSelection = (selectedOption: string) => {\n      trackEvent('clicked', {\n        cta: selectedOption,\n        ...analyticsProps,\n      });\n\n      switch (selectedOption) {\n        case 'Edit':\n          onEdit?.({\n            milestoneId,\n            milestoneName,\n            milestoneDueDate: dueDate,\n            isMilestoneChaptersListEditable: canUpdatePlan,\n            isMilestoneDateEditable: canUpdateDate,\n            milestoneState,\n            canDelete,\n            goalCategory,\n            goalCode,\n          });\n\n          return;\n\n        case 'Add outcome':\n          onAddOutcome?.(milestoneId);\n\n          return;\n\n        case 'Delete':\n          onDelete?.({ milestoneId, isGoalCreation, milestoneState });\n\n          return;\n\n        default:\n          toggleExpand();\n\n          return;\n      }\n    };\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    return (\n      <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $flexGapX={1}>\n        <FlexView $widthX={30.5} $flexGap={isGoalCreation ? 8 : 0}>\n          {goalCategory && (\n            <FlexView $flexDirection=\"row\" $flexGap={4} $alignItems=\"center\">\n              <Image\n                src={GOAL_CATEGORY_BASED_IMAGES[goalCategory]}\n                withLoader\n                width={24}\n                height={24}\n              />\n\n              <Text $renderAs=\"ac4-black\" $color={goalCategoryTextColor}>\n                {goalCategory.split('_').join(' ')}\n              </Text>\n\n              {milestoneState === 'DRAFT' && (\n                <FlexView\n                  $flexDirection=\"row\"\n                  $gap={4}\n                  $gutter={4}\n                  $alignItems=\"center\"\n                  $background={borderColor}\n                >\n                  <Text $renderAs=\"ac4\">Draft</Text>\n                </FlexView>\n              )}\n            </FlexView>\n          )}\n\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={milestoneName}\n            hidden={!showTitleTooltip}\n          >\n            <Styled.MilestoneTitle ref={titleTextRef} $renderAs={!isGoalCreation ? 'ah3' : 'ah4'}>\n              {milestoneName}\n            </Styled.MilestoneTitle>\n          </ArrowTooltip>\n        </FlexView>\n\n        <FlexView onClick={e => e.stopPropagation()} $height=\"fit-content\">\n          <FlexView $flexDirection=\"row\" $flexGapX={1} $alignItems=\"center\">\n            <MilestoneProgressInfoV2\n              userType={userType}\n              milestoneId={milestoneId}\n              progressInfo={milestoneProgress}\n              showProgress\n            />\n\n            <ContextMenu\n              targetElement={<ContextMenuTargetElement shape=\"curve\" />}\n              menuElement={\n                <ContextMenuElement\n                  menuOptions={menuOptions}\n                  onMenuOptionSelection={handleOnMenuSelection}\n                />\n              }\n              menuOffset={12}\n              menuZIndex={2}\n            />\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nexport default MilestoneInfoWrapper;\n"],"names":["MilestoneInfoWrapper","memo","isClassOngoing","isStudentPresent","isExpanded","restMilestoneInfoWrapperProps","milestone","userType","onEdit","onDelete","toggleExpand","onAddOutcome","milestoneId","milestoneName","dueDate","milestoneProgress","milestoneState","milestonePermissions","goalCategory","goalCode","trackEvent","useUIContext","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","canDelete","canEdit","canUpdateDate","canUpdatePlan","goalCategoryTextColor","borderColor","getGoalCategoryBasedColorTheme","isGoalCreation","useMemo","isTeacher","analyticsProps","isStudentAbsentInClass","canDeleteGoal","menuOptions","Edit2Icon","ClosedEyeIcon","Eye2Icon","Star2Icon","Bin2Icon","handleOnMenuSelection","selectedOption","useLayoutEffect","FlexView","jsxs","jsx","Image","GOAL_CATEGORY_BASED_IMAGES","Text","ArrowTooltip","Styled.MilestoneTitle","e","MilestoneProgressInfoV2","ContextMenu","ContextMenuTargetElement","ContextMenuElement"],"mappings":"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"}
+{"version":3,"file":"milestone-info.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.tsx"],"sourcesContent":["import type { IMenuOptionsProps } from './context-menu-helper/menu-element-types';\nimport type { IMileStoneInfoWrapperProps } from './milestone-widget-types';\n\nimport React, { memo, useLayoutEffect, useMemo, useRef, useState } from 'react';\n\nimport Bin2Icon from '../../../../../assets/line-icons/icons/bin2';\nimport ClosedEyeIcon from '../../../../../assets/line-icons/icons/closed-eye';\nimport Edit2Icon from '../../../../../assets/line-icons/icons/edit2';\nimport Eye2Icon from '../../../../../assets/line-icons/icons/eye2';\nimport Star2Icon from '../../../../../assets/line-icons/icons/star2';\nimport ContextMenuTargetElement from '../../../../sheets/lessons-list/lesson-item/context-menu-helper/target-element';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport ContextMenu from '../../../../ui/context-menu/context-menu';\nimport { useUIContext } from '../../../../ui/context/context';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport MilestoneProgressInfoV2 from '../../../create/comps/milestone-progress-v2/milestone-progress-v2';\nimport ContextMenuElement from './context-menu-helper/menu-element';\nimport { GOAL_CATEGORY_BASED_IMAGES } from './milestone-constants';\nimport { getGoalCategoryBasedColorTheme } from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\n\nconst MilestoneInfoWrapper: React.FC<IMileStoneInfoWrapperProps> = memo(\n  ({ isClassOngoing, isStudentPresent, isExpanded, ...restMilestoneInfoWrapperProps }) => {\n    const { milestone, userType, onEdit, onDelete, toggleExpand, onAddOutcome } =\n      restMilestoneInfoWrapperProps;\n\n    const {\n      id: milestoneId,\n      milestone_name: milestoneName,\n      milestone_date_ts: dueDate,\n      user_milestone_progress: milestoneProgress,\n      milestone_state: milestoneState,\n      permissions: milestonePermissions,\n      goal_category: goalCategory,\n      goal_code: goalCode,\n    } = milestone;\n\n    const { onEvent: trackEvent } = useUIContext();\n\n    const titleTextRef = useRef<HTMLDivElement>(null);\n    const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n    const {\n      can_delete: canDelete,\n      can_edit: canEdit,\n      can_update_date: canUpdateDate,\n      can_update_plan: canUpdatePlan,\n    } = milestonePermissions;\n\n    const { textColor: goalCategoryTextColor, borderColor } =\n      getGoalCategoryBasedColorTheme(goalCategory);\n    const isGoalCreation = useMemo(() => typeof goalCode === 'string', [goalCode]);\n\n    const isTeacher = userType === 'TEACHER';\n    const analyticsProps = useMemo(\n      () => ({\n        milestone_id: milestoneId,\n        temporary_milestone_id: milestoneId,\n        milestone_state: milestoneState,\n      }),\n      [milestoneId, milestoneState],\n    );\n\n    const isStudentAbsentInClass = isClassOngoing && !isStudentPresent;\n\n    const canDeleteGoal = !isGoalCreation || milestoneState !== 'DRAFT';\n\n    const menuOptions: IMenuOptionsProps[] = useMemo(\n      () => [\n        {\n          id: 'milestone-widget-edit',\n          Icon: Edit2Icon,\n          label: 'Edit',\n          disabled: isStudentAbsentInClass || !canEdit,\n          //* Not showing option to edit drafts.\n          //* For goals we have a separate edit CTA.\n          visible: isTeacher && milestoneState !== 'DRAFT',\n        },\n        {\n          id: 'milestone-widget-hide-n-show',\n          Icon: isExpanded ? ClosedEyeIcon : Eye2Icon,\n          label: isExpanded ? 'Hide' : 'Show',\n          disabled: false,\n          visible: true,\n        },\n        {\n          id: 'milestone-widget-add-outcome',\n          Icon: Star2Icon,\n          label: 'Add outcome',\n          disabled: milestoneState !== 'OUTCOME_PENDING',\n          visible: isTeacher,\n        },\n        {\n          id: 'milestone-widget-delete-draft',\n          Icon: Bin2Icon,\n          label: 'Delete',\n          disabled: !canDelete,\n          visible: isTeacher && canDelete && canDeleteGoal,\n        },\n      ],\n      [\n        canEdit,\n        isStudentAbsentInClass,\n        isExpanded,\n        milestoneState,\n        isTeacher,\n        canDelete,\n        canDeleteGoal,\n      ],\n    );\n\n    const handleOnMenuSelection = (selectedOption: string) => {\n      trackEvent('clicked', {\n        cta: selectedOption,\n        ...analyticsProps,\n      });\n\n      switch (selectedOption) {\n        case 'Edit':\n          onEdit?.({\n            milestoneId,\n            milestoneName,\n            milestoneDueDate: dueDate,\n            isMilestoneChaptersListEditable: canUpdatePlan,\n            isMilestoneDateEditable: canUpdateDate,\n            milestoneState,\n            canDelete,\n            goalCategory,\n            goalCode,\n          });\n\n          return;\n\n        case 'Add outcome':\n          onAddOutcome?.(milestoneId);\n\n          return;\n\n        case 'Delete':\n          onDelete?.({ milestoneId, isGoalCreation, milestoneState });\n\n          return;\n\n        default:\n          toggleExpand();\n\n          return;\n      }\n    };\n\n    useLayoutEffect(() => {\n      if (\n        titleTextRef.current &&\n        titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n      ) {\n        setShowTitleTooltip(true);\n      }\n    }, [titleTextRef]);\n\n    return (\n      <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $flexGapX={1}>\n        <FlexView $widthX={30.5} $flexGap={isGoalCreation ? 8 : 0}>\n          {goalCategory && (\n            <FlexView $flexDirection=\"row\" $flexGap={4} $alignItems=\"center\">\n              <Image\n                src={GOAL_CATEGORY_BASED_IMAGES[goalCategory]}\n                withLoader\n                width={24}\n                height={24}\n              />\n\n              <Text $renderAs=\"ac4-black\" $color={goalCategoryTextColor}>\n                {goalCategory.split('_').join(' ')}\n              </Text>\n\n              {milestoneState === 'DRAFT' && (\n                <FlexView\n                  $flexDirection=\"row\"\n                  $gap={4}\n                  $gutter={4}\n                  $alignItems=\"center\"\n                  $background={borderColor}\n                >\n                  <Text $renderAs=\"ac4\">Draft</Text>\n                </FlexView>\n              )}\n            </FlexView>\n          )}\n\n          <ArrowTooltip\n            renderAs=\"primary\"\n            position=\"bottom\"\n            tooltipItem={milestoneName}\n            hidden={!showTitleTooltip}\n          >\n            <Styled.MilestoneTitle ref={titleTextRef} $renderAs={!isGoalCreation ? 'ah3' : 'ah4'}>\n              {milestoneName}\n            </Styled.MilestoneTitle>\n          </ArrowTooltip>\n        </FlexView>\n\n        <FlexView onClick={e => e.stopPropagation()} $height=\"fit-content\">\n          <FlexView $flexDirection=\"row\" $flexGapX={1} $alignItems=\"center\">\n            <MilestoneProgressInfoV2\n              userType={userType}\n              milestoneId={milestoneId}\n              progressInfo={milestoneProgress}\n              showProgress\n            />\n\n            <ContextMenu\n              targetElement={<ContextMenuTargetElement shape=\"curve\" />}\n              menuElement={\n                <ContextMenuElement\n                  menuOptions={menuOptions}\n                  onMenuOptionSelection={handleOnMenuSelection}\n                />\n              }\n              menuOffset={12}\n              menuZIndex={2}\n            />\n          </FlexView>\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nexport default MilestoneInfoWrapper;\n"],"names":["MilestoneInfoWrapper","memo","isClassOngoing","isStudentPresent","isExpanded","restMilestoneInfoWrapperProps","milestone","userType","onEdit","onDelete","toggleExpand","onAddOutcome","milestoneId","milestoneName","dueDate","milestoneProgress","milestoneState","milestonePermissions","goalCategory","goalCode","trackEvent","useUIContext","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","canDelete","canEdit","canUpdateDate","canUpdatePlan","goalCategoryTextColor","borderColor","getGoalCategoryBasedColorTheme","isGoalCreation","useMemo","isTeacher","analyticsProps","isStudentAbsentInClass","canDeleteGoal","menuOptions","Edit2Icon","ClosedEyeIcon","Eye2Icon","Star2Icon","Bin2Icon","handleOnMenuSelection","selectedOption","useLayoutEffect","FlexView","jsxs","jsx","Image","GOAL_CATEGORY_BASED_IMAGES","Text","ArrowTooltip","Styled.MilestoneTitle","e","MilestoneProgressInfoV2","ContextMenu","ContextMenuTargetElement","ContextMenuElement"],"mappings":";;;;;;;;;;;;;;;;;;;AAuBA,MAAMA,KAA6DC;AAAA,EACjE,CAAC,EAAE,gBAAAC,GAAgB,kBAAAC,GAAkB,YAAAC,GAAY,GAAGC,QAAoC;AACtF,UAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,GAAU,cAAAC,GAAc,cAAAC,MAC3DN,GAEI;AAAA,MACJ,IAAIO;AAAA,MACJ,gBAAgBC;AAAA,MAChB,mBAAmBC;AAAA,MACnB,yBAAyBC;AAAA,MACzB,iBAAiBC;AAAA,MACjB,aAAaC;AAAA,MACb,eAAeC;AAAA,MACf,WAAWC;AAAA,IAAA,IACTb,GAEE,EAAE,SAASc,EAAW,IAAIC,EAAa,GAEvCC,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GAExD;AAAA,MACJ,YAAYC;AAAA,MACZ,UAAUC;AAAA,MACV,iBAAiBC;AAAA,MACjB,iBAAiBC;AAAA,IAAA,IACfb,GAEE,EAAE,WAAWc,GAAuB,aAAAC,EAAY,IACpDC,GAA+Bf,CAAY,GACvCgB,IAAiBC,EAAQ,MAAM,OAAOhB,KAAa,UAAU,CAACA,CAAQ,CAAC,GAEvEiB,IAAY7B,MAAa,WACzB8B,IAAiBF;AAAA,MACrB,OAAO;AAAA,QACL,cAAcvB;AAAA,QACd,wBAAwBA;AAAA,QACxB,iBAAiBI;AAAA,MAAA;AAAA,MAEnB,CAACJ,GAAaI,CAAc;AAAA,IAC9B,GAEMsB,IAAyBpC,KAAkB,CAACC,GAE5CoC,IAAgB,CAACL,KAAkBlB,MAAmB,SAEtDwB,IAAmCL;AAAA,MACvC,MAAM;AAAA,QACJ;AAAA,UACE,IAAI;AAAA,UACJ,MAAMM;AAAA,UACN,OAAO;AAAA,UACP,UAAUH,KAA0B,CAACV;AAAA;AAAA;AAAA,UAGrC,SAASQ,KAAapB,MAAmB;AAAA,QAC3C;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,MAAMZ,IAAasC,IAAgBC;AAAA,UACnC,OAAOvC,IAAa,SAAS;AAAA,UAC7B,UAAU;AAAA,UACV,SAAS;AAAA,QACX;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,MAAMwC;AAAA,UACN,OAAO;AAAA,UACP,UAAU5B,MAAmB;AAAA,UAC7B,SAASoB;AAAA,QACX;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,MAAMS;AAAA,UACN,OAAO;AAAA,UACP,UAAU,CAAClB;AAAA,UACX,SAASS,KAAaT,KAAaY;AAAA,QAAA;AAAA,MAEvC;AAAA,MACA;AAAA,QACEX;AAAA,QACAU;AAAA,QACAlC;AAAA,QACAY;AAAA,QACAoB;AAAA,QACAT;AAAA,QACAY;AAAA,MAAA;AAAA,IAEJ,GAEMO,IAAwB,CAACC,MAA2B;AAMxD,cALA3B,EAAW,WAAW;AAAA,QACpB,KAAK2B;AAAA,QACL,GAAGV;AAAA,MAAA,CACJ,GAEOU,GAAgB;AAAA,QACtB,KAAK;AACM,UAAAvC,KAAA,QAAAA,EAAA;AAAA,YACP,aAAAI;AAAA,YACA,eAAAC;AAAA,YACA,kBAAkBC;AAAA,YAClB,iCAAiCgB;AAAA,YACjC,yBAAyBD;AAAA,YACzB,gBAAAb;AAAA,YACA,WAAAW;AAAA,YACA,cAAAT;AAAA,YACA,UAAAC;AAAA,UAAA;AAGF;AAAA,QAEF,KAAK;AACH,UAAAR,KAAA,QAAAA,EAAeC;AAEf;AAAA,QAEF,KAAK;AACH,UAAAH,KAAA,QAAAA,EAAW,EAAE,aAAAG,GAAa,gBAAAsB,GAAgB,gBAAAlB,EAAA;AAE1C;AAAA,QAEF;AACe,UAAAN,EAAA;AAEb;AAAA,MAAA;AAAA,IAEN;AAEA,WAAAsC,EAAgB,MAAM;AACpB,MACE1B,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDG,EAAoB,EAAI;AAAA,IAC1B,GACC,CAACH,CAAY,CAAC,qBAGd2B,GAAS,EAAA,gBAAe,OAAM,iBAAgB,iBAAgB,WAAW,GACxE,UAAA;AAAA,MAAA,gBAAAC,EAACD,KAAS,SAAS,MAAM,UAAUf,IAAiB,IAAI,GACrD,UAAA;AAAA,QAAAhB,uBACE+B,GAAS,EAAA,gBAAe,OAAM,UAAU,GAAG,aAAY,UACtD,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,KAAKC,GAA2BnC,CAAY;AAAA,cAC5C,YAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQ;AAAA,YAAA;AAAA,UACV;AAAA,UAEC,gBAAAiC,EAAAG,GAAA,EAAK,WAAU,aAAY,QAAQvB,GACjC,UAAab,EAAA,MAAM,GAAG,EAAE,KAAK,GAAG,EACnC,CAAA;AAAA,UAECF,MAAmB,WAClB,gBAAAmC;AAAA,YAACF;AAAA,YAAA;AAAA,cACC,gBAAe;AAAA,cACf,MAAM;AAAA,cACN,SAAS;AAAA,cACT,aAAY;AAAA,cACZ,aAAajB;AAAA,cAEb,UAAC,gBAAAmB,EAAAG,GAAA,EAAK,WAAU,OAAM,UAAK,QAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC7B,GAEJ;AAAA,QAGF,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,UAAS;AAAA,YACT,aAAa1C;AAAA,YACb,QAAQ,CAACW;AAAA,YAET,UAAA,gBAAA2B,EAACK,IAAA,EAAsB,KAAKlC,GAAc,WAAYY,IAAyB,QAAR,OACpE,UACHrB,EAAA,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GACF;AAAA,wBAECoC,GAAS,EAAA,SAAS,CAAKQ,MAAAA,EAAE,mBAAmB,SAAQ,eACnD,UAAA,gBAAAP,EAACD,KAAS,gBAAe,OAAM,WAAW,GAAG,aAAY,UACvD,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,UAAAnD;AAAA,YACA,aAAAK;AAAA,YACA,cAAcG;AAAA,YACd,cAAY;AAAA,UAAA;AAAA,QACd;AAAA,QAEA,gBAAAoC;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,eAAe,gBAAAR,EAACS,GAAyB,EAAA,OAAM,QAAQ,CAAA;AAAA,YACvD,aACE,gBAAAT;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,aAAArB;AAAA,gBACA,uBAAuBM;AAAA,cAAA;AAAA,YACzB;AAAA,YAEF,YAAY;AAAA,YACZ,YAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MACd,EAAA,CACF,EACF,CAAA;AAAA,IAAA,GACF;AAAA,EAAA;AAGN;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-tabs-styled.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\n\nconst NoPlanCardWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    padding-bottom: ${theme.layout.gutter * 1.5}px;\n  `;\n});\n\ninterface ITabsWrapper {\n  $backgroundColor?: TColorNames;\n  $frames: number;\n}\n\nconst TabsWrapper = styled.div<ITabsWrapper>(({ theme, $backgroundColor, $frames }) => {\n  const { colors } = theme;\n\n  return `\n    display: grid;\n    background: ${colors[$backgroundColor || 'WHITE_3']};\n    grid-template-columns: repeat(${$frames}, 1fr);\n  `;\n});\n\ninterface ITabsText {\n  $selected?: boolean;\n}\n\nconst TabsText = styled(Text)<ITabsText>(({ theme, $selected }) => {\n  const { layout, colors } = theme;\n  const { BLACK_T_15, BLACK_T_87 } = colors;\n\n  return `\n    cursor: pointer;\n    padding: ${layout.gutter * 0.5}px 0;\n    border-bottom: 1px solid ${$selected ? BLACK_T_87 : BLACK_T_15};\n  `;\n});\n\nexport { NoPlanCardWrapper, TabsWrapper, TabsText };\n"],"names":["NoPlanCardWrapper","styled","FlexView","theme","TabsWrapper","$backgroundColor","$frames","colors","TabsText","Text","$selected","layout","BLACK_T_15","BLACK_T_87"],"mappings":";;;AAOA,MAAMA,IAAoBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACrC;AAAA,sBACaA,EAAM,OAAO,SAAS,GAAG;AAAA,GAE9C,GAOKC,IAAcH,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,kBAAAE,GAAkB,SAAAC,QAAc;AAC/E,QAAA,EAAE,QAAAC,EAAW,IAAAJ;AAEZ,SAAA;AAAA;AAAA,kBAESI,EAAOF,KAAoB,SAAS,CAAC;AAAA,oCACnBC,CAAO;AAAA;AAE3C,CAAC,GAMKE,IAAWP,EAAOQ,CAAI,EAAa,CAAC,EAAE,OAAAN,GAAO,WAAAO,QAAgB;AAC3D,QAAA,EAAE,QAAAC,GAAQ,QAAAJ,EAAW,IAAAJ,GACrB,EAAE,YAAAS,GAAY,YAAAC,EAAe,IAAAN;AAE5B,SAAA;AAAA;AAAA,eAEMI,EAAO,SAAS,GAAG;AAAA,+BACHD,IAAYG,IAAaD,CAAU;AAAA;AAElE,CAAC;"}
+{"version":3,"file":"milestone-tabs-styled.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\n\nconst NoPlanCardWrapper = styled(FlexView)(({ theme }) => {\n  return `\n    padding-bottom: ${theme.layout.gutter * 1.5}px;\n  `;\n});\n\ninterface ITabsWrapper {\n  $backgroundColor?: TColorNames;\n  $frames: number;\n}\n\nconst TabsWrapper = styled.div<ITabsWrapper>(({ theme, $backgroundColor, $frames }) => {\n  const { colors } = theme;\n\n  return `\n    display: grid;\n    background: ${colors[$backgroundColor || 'WHITE_3']};\n    grid-template-columns: repeat(${$frames}, 1fr);\n  `;\n});\n\ninterface ITabsText {\n  $selected?: boolean;\n}\n\nconst TabsText = styled(Text)<ITabsText>(({ theme, $selected }) => {\n  const { layout, colors } = theme;\n  const { BLACK_T_15, BLACK_T_87 } = colors;\n\n  return `\n    cursor: pointer;\n    padding: ${layout.gutter * 0.5}px 0;\n    border-bottom: 1px solid ${$selected ? BLACK_T_87 : BLACK_T_15};\n  `;\n});\n\nexport { NoPlanCardWrapper, TabsWrapper, TabsText };\n"],"names":["NoPlanCardWrapper","styled","FlexView","theme","TabsWrapper","$backgroundColor","$frames","colors","TabsText","Text","$selected","layout","BLACK_T_15","BLACK_T_87"],"mappings":";;;AAOA,MAAMA,IAAoBC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QACrC;AAAA,sBACaA,EAAM,OAAO,SAAS,GAAG;AAAA,GAE9C,GAOKC,IAAcH,EAAO,IAAkB,CAAC,EAAE,OAAAE,GAAO,kBAAAE,GAAkB,SAAAC,QAAc;AAC/E,QAAA,EAAE,QAAAC,MAAWJ;AAEZ,SAAA;AAAA;AAAA,kBAESI,EAAOF,KAAoB,SAAS,CAAC;AAAA,oCACnBC,CAAO;AAAA;AAE3C,CAAC,GAMKE,IAAWP,EAAOQ,CAAI,EAAa,CAAC,EAAE,OAAAN,GAAO,WAAAO,QAAgB;AAC3D,QAAA,EAAE,QAAAC,GAAQ,QAAAJ,EAAA,IAAWJ,GACrB,EAAE,YAAAS,GAAY,YAAAC,EAAA,IAAeN;AAE5B,SAAA;AAAA;AAAA,eAEMI,EAAO,SAAS,GAAG;AAAA,+BACHD,IAAYG,IAAaD,CAAU;AAAA;AAElE,CAAC;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-tabs.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.tsx"],"sourcesContent":["import type { IMilestoneTabConfig, IMilestoneTabsProps } from './milestone-tabs-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport ChaptersList from '../../../../../chapters/chapters-list/chapters-list';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport Text from '../../../../../ui/text/text';\nimport MilestoneWidgetResources from '../../../../milestone-resources/resources-list/resources-list';\nimport MilestoneTestsList from '../../../../milestone-tests/tests-list/tests-list';\nimport { getGoalCategoryBasedColorTheme } from '../milestone-utils';\nimport * as Styled from './milestone-tabs-styled';\n\nconst MilestoneTabs: FC<IMilestoneTabsProps> = memo(props => {\n  const {\n    goalCategory,\n    isDraftMilestone,\n    isGoalCreation,\n    isMilestoneActive,\n    userMilestoneId,\n    chapters,\n    userType,\n    canUpdatePlan,\n    studentId,\n    isOutcomeAdded,\n    milestoneState,\n    milestonePermissions,\n    activeMilestoneId,\n    activeTabId,\n  } = props;\n  const {\n    onAddChapter,\n    onAssignResources,\n    onChapterClick,\n    onCreateMilestoneTest,\n    onPreview,\n    onReattempt,\n    onReset,\n    onResume,\n    onReview,\n    onStart,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    onUnAssignSheet,\n    onWidgetTabSelection,\n  } = props;\n  const { visible_tabs: visibleTabs } = milestonePermissions;\n  const { onEvent: trackEvent } = useUIContext();\n\n  const { backgroundColor } = getGoalCategoryBasedColorTheme(\n    goalCategory,\n    isDraftMilestone,\n    isOutcomeAdded,\n  );\n\n  const TAB_CONFIG: IMilestoneTabConfig = {\n    chapters: {\n      label: 'Chapters',\n      component: (\n        <ChaptersList\n          milestoneId={userMilestoneId}\n          chapters={chapters}\n          userType={userType}\n          isGoalCreation={isGoalCreation}\n          onChapterClick={onChapterClick}\n          onAddChapter={onAddChapter}\n          canUpdatePlan={Boolean(milestoneState !== 'DRAFT' && canUpdatePlan)}\n          isMilestoneActive={isMilestoneActive}\n        />\n      ),\n    },\n    tests: {\n      label: 'Tests',\n      component: (\n        <MilestoneTestsList\n          isDraftMilestone={isDraftMilestone}\n          isChaptersAvailable={chapters.length > 0}\n          isMilestoneActive={isMilestoneActive}\n          studentId={studentId}\n          userMilestoneId={userMilestoneId}\n          userType={userType}\n          canUpdatePlan={canUpdatePlan}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onTestPreview={onTestPreview}\n          onTestStart={onTestStart}\n          onTestReview={onTestReview}\n        />\n      ),\n    },\n    resources: {\n      label: 'Resources',\n      component: (\n        <MilestoneWidgetResources\n          isDraftMilestone={isDraftMilestone}\n          isMilestoneActive={isMilestoneActive}\n          userMilestoneId={userMilestoneId}\n          canUpdatePlan={canUpdatePlan}\n          studentId={studentId}\n          userType={userType}\n          onAssignResources={onAssignResources}\n          onUnAssignSheet={onUnAssignSheet}\n          onStart={onStart}\n          onReset={onReset}\n          onPreview={onPreview}\n          onReview={onReview}\n          onResume={onResume}\n          onReattempt={onReattempt}\n        />\n      ),\n    },\n  };\n\n  const filteredTabConfig =\n    (visibleTabs ?? []).length === 0\n      ? Object.entries(TAB_CONFIG)\n      : Object.entries(TAB_CONFIG).filter(([tabName]) =>\n          (visibleTabs ?? []).includes(tabName.toUpperCase()),\n        );\n  const [selectedTabName, setSelectedTabName] = useState(\n    userMilestoneId === activeMilestoneId ? activeTabId : filteredTabConfig?.[0]?.[0] || 'chapters',\n  );\n\n  const handleTabChange = useCallback(\n    (tabName: keyof IMilestoneTabConfig, ctaLabel: string) => {\n      if (activeMilestoneId === userMilestoneId && tabName === selectedTabName) return null;\n\n      setSelectedTabName(tabName);\n\n      onWidgetTabSelection?.(userMilestoneId, tabName);\n\n      trackEvent('clicked', {\n        cta: ctaLabel,\n        milestone_id: userMilestoneId,\n      });\n    },\n    [activeMilestoneId, userMilestoneId, selectedTabName, onWidgetTabSelection, trackEvent],\n  );\n\n  if (isDraftMilestone && chapters.length === 0) {\n    return (\n      <Styled.NoPlanCardWrapper $gutterX={2} $background=\"WHITE_3\">\n        <Text $renderAs=\"ab2\" $color=\"RED\">\n          No chapter has been assigned\n        </Text>\n      </Styled.NoPlanCardWrapper>\n    );\n  }\n\n  return (\n    <>\n      <Styled.TabsWrapper $backgroundColor={backgroundColor} $frames={filteredTabConfig.length}>\n        {filteredTabConfig.map(tabConfig => {\n          const [tabName, tabInfo] = tabConfig;\n          const { label } = tabInfo;\n          const isSelected = tabName === selectedTabName;\n\n          return (\n            <Styled.TabsText\n              $renderAs={isSelected ? 'ub3-bold' : 'ub3'}\n              $align=\"center\"\n              key={tabName}\n              $selected={isSelected}\n              onClick={() => handleTabChange(tabName as keyof IMilestoneTabConfig, label)}\n            >\n              {label}\n            </Styled.TabsText>\n          );\n        })}\n      </Styled.TabsWrapper>\n\n      {TAB_CONFIG[selectedTabName as keyof typeof TAB_CONFIG].component}\n    </>\n  );\n});\n\nexport default MilestoneTabs;\n"],"names":["MilestoneTabs","memo","props","goalCategory","isDraftMilestone","isGoalCreation","isMilestoneActive","userMilestoneId","chapters","userType","canUpdatePlan","studentId","isOutcomeAdded","milestoneState","milestonePermissions","activeMilestoneId","activeTabId","onAddChapter","onAssignResources","onChapterClick","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onTestPreview","onTestReview","onTestStart","onUnAssignSheet","onWidgetTabSelection","visibleTabs","trackEvent","useUIContext","backgroundColor","getGoalCategoryBasedColorTheme","TAB_CONFIG","jsx","ChaptersList","MilestoneTestsList","MilestoneWidgetResources","filteredTabConfig","tabName","selectedTabName","setSelectedTabName","useState","_a","handleTabChange","useCallback","ctaLabel","Styled.NoPlanCardWrapper","Text","jsxs","Fragment","Styled.TabsWrapper","tabConfig","tabInfo","label","isSelected","Styled.TabsText"],"mappings":"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"}
+{"version":3,"file":"milestone-tabs.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-tabs/milestone-tabs.tsx"],"sourcesContent":["import type { IMilestoneTabConfig, IMilestoneTabsProps } from './milestone-tabs-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useState } from 'react';\n\nimport ChaptersList from '../../../../../chapters/chapters-list/chapters-list';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport Text from '../../../../../ui/text/text';\nimport MilestoneWidgetResources from '../../../../milestone-resources/resources-list/resources-list';\nimport MilestoneTestsList from '../../../../milestone-tests/tests-list/tests-list';\nimport { getGoalCategoryBasedColorTheme } from '../milestone-utils';\nimport * as Styled from './milestone-tabs-styled';\n\nconst MilestoneTabs: FC<IMilestoneTabsProps> = memo(props => {\n  const {\n    goalCategory,\n    isDraftMilestone,\n    isGoalCreation,\n    isMilestoneActive,\n    userMilestoneId,\n    chapters,\n    userType,\n    canUpdatePlan,\n    studentId,\n    isOutcomeAdded,\n    milestoneState,\n    milestonePermissions,\n    activeMilestoneId,\n    activeTabId,\n  } = props;\n  const {\n    onAddChapter,\n    onAssignResources,\n    onChapterClick,\n    onCreateMilestoneTest,\n    onPreview,\n    onReattempt,\n    onReset,\n    onResume,\n    onReview,\n    onStart,\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    onUnAssignSheet,\n    onWidgetTabSelection,\n  } = props;\n  const { visible_tabs: visibleTabs } = milestonePermissions;\n  const { onEvent: trackEvent } = useUIContext();\n\n  const { backgroundColor } = getGoalCategoryBasedColorTheme(\n    goalCategory,\n    isDraftMilestone,\n    isOutcomeAdded,\n  );\n\n  const TAB_CONFIG: IMilestoneTabConfig = {\n    chapters: {\n      label: 'Chapters',\n      component: (\n        <ChaptersList\n          milestoneId={userMilestoneId}\n          chapters={chapters}\n          userType={userType}\n          isGoalCreation={isGoalCreation}\n          onChapterClick={onChapterClick}\n          onAddChapter={onAddChapter}\n          canUpdatePlan={Boolean(milestoneState !== 'DRAFT' && canUpdatePlan)}\n          isMilestoneActive={isMilestoneActive}\n        />\n      ),\n    },\n    tests: {\n      label: 'Tests',\n      component: (\n        <MilestoneTestsList\n          isDraftMilestone={isDraftMilestone}\n          isChaptersAvailable={chapters.length > 0}\n          isMilestoneActive={isMilestoneActive}\n          studentId={studentId}\n          userMilestoneId={userMilestoneId}\n          userType={userType}\n          canUpdatePlan={canUpdatePlan}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onTestPreview={onTestPreview}\n          onTestStart={onTestStart}\n          onTestReview={onTestReview}\n        />\n      ),\n    },\n    resources: {\n      label: 'Resources',\n      component: (\n        <MilestoneWidgetResources\n          isDraftMilestone={isDraftMilestone}\n          isMilestoneActive={isMilestoneActive}\n          userMilestoneId={userMilestoneId}\n          canUpdatePlan={canUpdatePlan}\n          studentId={studentId}\n          userType={userType}\n          onAssignResources={onAssignResources}\n          onUnAssignSheet={onUnAssignSheet}\n          onStart={onStart}\n          onReset={onReset}\n          onPreview={onPreview}\n          onReview={onReview}\n          onResume={onResume}\n          onReattempt={onReattempt}\n        />\n      ),\n    },\n  };\n\n  const filteredTabConfig =\n    (visibleTabs ?? []).length === 0\n      ? Object.entries(TAB_CONFIG)\n      : Object.entries(TAB_CONFIG).filter(([tabName]) =>\n          (visibleTabs ?? []).includes(tabName.toUpperCase()),\n        );\n  const [selectedTabName, setSelectedTabName] = useState(\n    userMilestoneId === activeMilestoneId ? activeTabId : filteredTabConfig?.[0]?.[0] || 'chapters',\n  );\n\n  const handleTabChange = useCallback(\n    (tabName: keyof IMilestoneTabConfig, ctaLabel: string) => {\n      if (activeMilestoneId === userMilestoneId && tabName === selectedTabName) return null;\n\n      setSelectedTabName(tabName);\n\n      onWidgetTabSelection?.(userMilestoneId, tabName);\n\n      trackEvent('clicked', {\n        cta: ctaLabel,\n        milestone_id: userMilestoneId,\n      });\n    },\n    [activeMilestoneId, userMilestoneId, selectedTabName, onWidgetTabSelection, trackEvent],\n  );\n\n  if (isDraftMilestone && chapters.length === 0) {\n    return (\n      <Styled.NoPlanCardWrapper $gutterX={2} $background=\"WHITE_3\">\n        <Text $renderAs=\"ab2\" $color=\"RED\">\n          No chapter has been assigned\n        </Text>\n      </Styled.NoPlanCardWrapper>\n    );\n  }\n\n  return (\n    <>\n      <Styled.TabsWrapper $backgroundColor={backgroundColor} $frames={filteredTabConfig.length}>\n        {filteredTabConfig.map(tabConfig => {\n          const [tabName, tabInfo] = tabConfig;\n          const { label } = tabInfo;\n          const isSelected = tabName === selectedTabName;\n\n          return (\n            <Styled.TabsText\n              $renderAs={isSelected ? 'ub3-bold' : 'ub3'}\n              $align=\"center\"\n              key={tabName}\n              $selected={isSelected}\n              onClick={() => handleTabChange(tabName as keyof IMilestoneTabConfig, label)}\n            >\n              {label}\n            </Styled.TabsText>\n          );\n        })}\n      </Styled.TabsWrapper>\n\n      {TAB_CONFIG[selectedTabName as keyof typeof TAB_CONFIG].component}\n    </>\n  );\n});\n\nexport default MilestoneTabs;\n"],"names":["MilestoneTabs","memo","props","goalCategory","isDraftMilestone","isGoalCreation","isMilestoneActive","userMilestoneId","chapters","userType","canUpdatePlan","studentId","isOutcomeAdded","milestoneState","milestonePermissions","activeMilestoneId","activeTabId","onAddChapter","onAssignResources","onChapterClick","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onTestPreview","onTestReview","onTestStart","onUnAssignSheet","onWidgetTabSelection","visibleTabs","trackEvent","useUIContext","backgroundColor","getGoalCategoryBasedColorTheme","TAB_CONFIG","jsx","ChaptersList","MilestoneTestsList","MilestoneWidgetResources","filteredTabConfig","tabName","selectedTabName","setSelectedTabName","useState","_a","handleTabChange","useCallback","ctaLabel","Styled.NoPlanCardWrapper","Text","jsxs","Fragment","Styled.TabsWrapper","tabConfig","tabInfo","label","isSelected","Styled.TabsText"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-utils.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-utils.ts"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type { TMilestoneStates, TOutcomeLabel } from '../milestone-list-types';\n\nimport { GOAL_CATEGORY } from '../../../constants';\n\nconst { SCHOOL_SUCCESS, TEST_PREP, ENRICHMENT } = GOAL_CATEGORY;\n\nconst formatOutcomeValue = (\n  name: TOutcomeLabel,\n  value: string | number,\n  max: string | number | null,\n): string | number => {\n  switch (name) {\n    case 'score':\n      if (max) return `${value}/${max}`;\n\n      return `${value}`;\n    case 'level':\n    case 'gpa':\n      return `${value}(Max ${max})`;\n    case 'percentage':\n      return `${value}%`;\n    case 'percentile':\n      return `${value}th`;\n    default:\n      return value;\n  }\n};\n\ninterface IGetOutcomeStatusInfo {\n  (milestoneState: TMilestoneStates):\n    | {\n        placement: string;\n        progressBackgroundColor: TColorNames;\n        statusBackgroundColor: TColorNames;\n        statusBorderColor: TColorNames;\n        label: string;\n      }\n    | undefined;\n}\n\nconst getMilestoneWidgetStatusInfo: IGetOutcomeStatusInfo = milestoneState => {\n  if (milestoneState === 'OUTCOME_PENDING') {\n    return {\n      placement: 'right',\n      progressBackgroundColor: 'RED',\n      statusBackgroundColor: 'RED',\n      statusBorderColor: 'WHITE',\n      label: 'Outcome pending',\n    };\n  }\n\n  if (milestoneState === 'OUTCOME_ADDED') {\n    return {\n      placement: 'right',\n      progressBackgroundColor: 'GREEN_5',\n      statusBackgroundColor: 'GREEN_5',\n      statusBorderColor: 'BLACK_T_87',\n      label: '',\n    };\n  }\n\n  return undefined;\n};\n\ninterface IGetGoalCategoryBasedColorTheme {\n  (\n    category: string | null,\n    isDraftMilestone?: boolean,\n    isOutcomeAdded?: boolean,\n  ): {\n    backgroundColor: TColorNames;\n    borderColor: TColorNames;\n    textColor?: TColorNames;\n  };\n}\n\nconst getGoalCategoryBasedColorTheme: IGetGoalCategoryBasedColorTheme = (\n  category,\n  isDraftMilestone,\n  isOutcomeAdded,\n) => {\n  if (isOutcomeAdded)\n    return {\n      backgroundColor: 'WHITE_4',\n      borderColor: 'GREEN_5',\n    };\n\n  if (isDraftMilestone) return { backgroundColor: 'WHITE_2', borderColor: 'WHITE_5' };\n\n  if (category === SCHOOL_SUCCESS) {\n    return { textColor: 'PURPLE_5', backgroundColor: 'PURPLE_1', borderColor: 'PURPLE_2' };\n  }\n\n  if (category === TEST_PREP) {\n    return { textColor: 'BLUE_5', backgroundColor: 'BLUE_1', borderColor: 'BLUE_2' };\n  }\n\n  if (category === ENRICHMENT) {\n    return { textColor: 'ORANGE_5', backgroundColor: 'ORANGE_1', borderColor: 'ORANGE_2' };\n  }\n\n  return { backgroundColor: 'WHITE_2', borderColor: 'WHITE_5' };\n};\n\nexport { formatOutcomeValue, getMilestoneWidgetStatusInfo, getGoalCategoryBasedColorTheme };\n"],"names":["SCHOOL_SUCCESS","TEST_PREP","ENRICHMENT","GOAL_CATEGORY","formatOutcomeValue","name","value","max","getMilestoneWidgetStatusInfo","milestoneState","getGoalCategoryBasedColorTheme","category","isDraftMilestone","isOutcomeAdded"],"mappings":";AAKA,MAAM,EAAE,gBAAAA,GAAgB,WAAAC,GAAW,YAAAC,EAAA,IAAeC,GAE5CC,IAAqB,CACzBC,GACAC,GACAC,MACoB;AACpB,UAAQF,GAAM;AAAA,IACZ,KAAK;AACH,aAAIE,IAAY,GAAGD,CAAK,IAAIC,CAAG,KAExB,GAAGD,CAAK;AAAA,IACjB,KAAK;AAAA,IACL,KAAK;AACI,aAAA,GAAGA,CAAK,QAAQC,CAAG;AAAA,IAC5B,KAAK;AACH,aAAO,GAAGD,CAAK;AAAA,IACjB,KAAK;AACH,aAAO,GAAGA,CAAK;AAAA,IACjB;AACS,aAAAA;AAAA,EACX;AACF,GAcME,IAAsD,CAAkBC,MAAA;AAC5E,MAAIA,MAAmB;AACd,WAAA;AAAA,MACL,WAAW;AAAA,MACX,yBAAyB;AAAA,MACzB,uBAAuB;AAAA,MACvB,mBAAmB;AAAA,MACnB,OAAO;AAAA,IAAA;AAIX,MAAIA,MAAmB;AACd,WAAA;AAAA,MACL,WAAW;AAAA,MACX,yBAAyB;AAAA,MACzB,uBAAuB;AAAA,MACvB,mBAAmB;AAAA,MACnB,OAAO;AAAA,IAAA;AAKb,GAcMC,IAAkE,CACtEC,GACAC,GACAC,MAEIA,IACK;AAAA,EACL,iBAAiB;AAAA,EACjB,aAAa;AAAA,IAGbD,IAAyB,EAAE,iBAAiB,WAAW,aAAa,cAEpED,MAAaX,IACR,EAAE,WAAW,YAAY,iBAAiB,YAAY,aAAa,eAGxEW,MAAaV,IACR,EAAE,WAAW,UAAU,iBAAiB,UAAU,aAAa,aAGpEU,MAAaT,IACR,EAAE,WAAW,YAAY,iBAAiB,YAAY,aAAa,eAGrE,EAAE,iBAAiB,WAAW,aAAa,UAAU;"}
+{"version":3,"file":"milestone-utils.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-utils.ts"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type { TMilestoneStates, TOutcomeLabel } from '../milestone-list-types';\n\nimport { GOAL_CATEGORY } from '../../../constants';\n\nconst { SCHOOL_SUCCESS, TEST_PREP, ENRICHMENT } = GOAL_CATEGORY;\n\nconst formatOutcomeValue = (\n  name: TOutcomeLabel,\n  value: string | number,\n  max: string | number | null,\n): string | number => {\n  switch (name) {\n    case 'score':\n      if (max) return `${value}/${max}`;\n\n      return `${value}`;\n    case 'level':\n    case 'gpa':\n      return `${value}(Max ${max})`;\n    case 'percentage':\n      return `${value}%`;\n    case 'percentile':\n      return `${value}th`;\n    default:\n      return value;\n  }\n};\n\ninterface IGetOutcomeStatusInfo {\n  (milestoneState: TMilestoneStates):\n    | {\n        placement: string;\n        progressBackgroundColor: TColorNames;\n        statusBackgroundColor: TColorNames;\n        statusBorderColor: TColorNames;\n        label: string;\n      }\n    | undefined;\n}\n\nconst getMilestoneWidgetStatusInfo: IGetOutcomeStatusInfo = milestoneState => {\n  if (milestoneState === 'OUTCOME_PENDING') {\n    return {\n      placement: 'right',\n      progressBackgroundColor: 'RED',\n      statusBackgroundColor: 'RED',\n      statusBorderColor: 'WHITE',\n      label: 'Outcome pending',\n    };\n  }\n\n  if (milestoneState === 'OUTCOME_ADDED') {\n    return {\n      placement: 'right',\n      progressBackgroundColor: 'GREEN_5',\n      statusBackgroundColor: 'GREEN_5',\n      statusBorderColor: 'BLACK_T_87',\n      label: '',\n    };\n  }\n\n  return undefined;\n};\n\ninterface IGetGoalCategoryBasedColorTheme {\n  (\n    category: string | null,\n    isDraftMilestone?: boolean,\n    isOutcomeAdded?: boolean,\n  ): {\n    backgroundColor: TColorNames;\n    borderColor: TColorNames;\n    textColor?: TColorNames;\n  };\n}\n\nconst getGoalCategoryBasedColorTheme: IGetGoalCategoryBasedColorTheme = (\n  category,\n  isDraftMilestone,\n  isOutcomeAdded,\n) => {\n  if (isOutcomeAdded)\n    return {\n      backgroundColor: 'WHITE_4',\n      borderColor: 'GREEN_5',\n    };\n\n  if (isDraftMilestone) return { backgroundColor: 'WHITE_2', borderColor: 'WHITE_5' };\n\n  if (category === SCHOOL_SUCCESS) {\n    return { textColor: 'PURPLE_5', backgroundColor: 'PURPLE_1', borderColor: 'PURPLE_2' };\n  }\n\n  if (category === TEST_PREP) {\n    return { textColor: 'BLUE_5', backgroundColor: 'BLUE_1', borderColor: 'BLUE_2' };\n  }\n\n  if (category === ENRICHMENT) {\n    return { textColor: 'ORANGE_5', backgroundColor: 'ORANGE_1', borderColor: 'ORANGE_2' };\n  }\n\n  return { backgroundColor: 'WHITE_2', borderColor: 'WHITE_5' };\n};\n\nexport { formatOutcomeValue, getMilestoneWidgetStatusInfo, getGoalCategoryBasedColorTheme };\n"],"names":["SCHOOL_SUCCESS","TEST_PREP","ENRICHMENT","GOAL_CATEGORY","formatOutcomeValue","name","value","max","getMilestoneWidgetStatusInfo","milestoneState","getGoalCategoryBasedColorTheme","category","isDraftMilestone","isOutcomeAdded"],"mappings":";AAKA,MAAM,EAAE,gBAAAA,GAAgB,WAAAC,GAAW,YAAAC,EAAA,IAAeC,GAE5CC,IAAqB,CACzBC,GACAC,GACAC,MACoB;AACpB,UAAQF,GAAM;AAAA,IACZ,KAAK;AACH,aAAIE,IAAY,GAAGD,CAAK,IAAIC,CAAG,KAExB,GAAGD,CAAK;AAAA,IACjB,KAAK;AAAA,IACL,KAAK;AACI,aAAA,GAAGA,CAAK,QAAQC,CAAG;AAAA,IAC5B,KAAK;AACH,aAAO,GAAGD,CAAK;AAAA,IACjB,KAAK;AACH,aAAO,GAAGA,CAAK;AAAA,IACjB;AACS,aAAAA;AAAA,EAAA;AAEb,GAcME,IAAsD,CAAkBC,MAAA;AAC5E,MAAIA,MAAmB;AACd,WAAA;AAAA,MACL,WAAW;AAAA,MACX,yBAAyB;AAAA,MACzB,uBAAuB;AAAA,MACvB,mBAAmB;AAAA,MACnB,OAAO;AAAA,IACT;AAGF,MAAIA,MAAmB;AACd,WAAA;AAAA,MACL,WAAW;AAAA,MACX,yBAAyB;AAAA,MACzB,uBAAuB;AAAA,MACvB,mBAAmB;AAAA,MACnB,OAAO;AAAA,IACT;AAIJ,GAcMC,IAAkE,CACtEC,GACAC,GACAC,MAEIA,IACK;AAAA,EACL,iBAAiB;AAAA,EACjB,aAAa;AACf,IAEED,IAAyB,EAAE,iBAAiB,WAAW,aAAa,UAAU,IAE9ED,MAAaX,IACR,EAAE,WAAW,YAAY,iBAAiB,YAAY,aAAa,WAAW,IAGnFW,MAAaV,IACR,EAAE,WAAW,UAAU,iBAAiB,UAAU,aAAa,SAAS,IAG7EU,MAAaT,IACR,EAAE,WAAW,YAAY,iBAAiB,YAAY,aAAa,WAAW,IAGhF,EAAE,iBAAiB,WAAW,aAAa,UAAU;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-status.js

@@ -3,11 +3,11 @@ import { memo as p } from "react";
 import u from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
 import h from "../../../../ui/separator/separator.js";
 import C from "../../../../ui/text/text.js";
-import { getMilestoneWidgetStatusInfo as f, getGoalCategoryBasedColorTheme as T } from "./milestone-utils.js";
+import { getGoalCategoryBasedColorTheme as f, getMilestoneWidgetStatusInfo as T } from "./milestone-utils.js";
 import { MilestoneWidgetStatusWrapper as b, MilestoneWidgetStatusTag as $, StyledCheckIcon as A } from "./milestone-widget-styled.js";
 const I = p(
   ({ milestoneState: r, userType: s, isStudentPresent: d, goalCategory: c }) => {
-    const o = f(r), n = r === "DRAFT", e = r === "OUTCOME_ADDED", l = e || r === "OUTCOME_PENDING", i = s === "TEACHER" && n && !d, { borderColor: a } = T(
+    const o = T(r), n = r === "DRAFT", e = r === "OUTCOME_ADDED", l = e || r === "OUTCOME_PENDING", i = s === "TEACHER" && n && !d, { borderColor: a } = f(
       c,
       n,
       e

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-status.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-widget-status.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-status.tsx"],"sourcesContent":["import type { IMilestoneWidgetStatusProps } from './milestone-widget-types';\n\nimport React, { memo } from 'react';\n\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { getGoalCategoryBasedColorTheme, getMilestoneWidgetStatusInfo } from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\n\nconst MilestoneWidgetStatus: React.FC<IMilestoneWidgetStatusProps> = memo(\n  ({ milestoneState, userType, isStudentPresent, goalCategory }) => {\n    const outcomeStatusInfo = getMilestoneWidgetStatusInfo(milestoneState);\n\n    const isDraftMilestone = milestoneState === 'DRAFT';\n    const isOutcomeAdded = milestoneState === 'OUTCOME_ADDED';\n    const isOutcomeCard = isOutcomeAdded || milestoneState === 'OUTCOME_PENDING';\n    const isDraftActionDisabled = userType === 'TEACHER' && isDraftMilestone && !isStudentPresent;\n\n    const { borderColor: goalBorderColor } = getGoalCategoryBasedColorTheme(\n      goalCategory,\n      isDraftMilestone,\n      isOutcomeAdded,\n    );\n    const backgroundColor =\n      (isOutcomeCard ? outcomeStatusInfo?.progressBackgroundColor : goalBorderColor) || 'WHITE_5';\n\n    return (\n      <Styled.MilestoneWidgetStatusWrapper $heightX={2} $justifyContent=\"center\">\n        <Separator background={backgroundColor} heightX={0.25} />\n\n        {outcomeStatusInfo && (\n          <Styled.MilestoneWidgetStatusTag\n            $placement={outcomeStatusInfo.placement}\n            $gutterX={0.75}\n            $heightX={1.75}\n            $justifyContent=\"center\"\n            $width=\"fit-content\"\n            $background={outcomeStatusInfo.statusBackgroundColor}\n          >\n            {isOutcomeAdded ? (\n              <Styled.StyledCheckIcon />\n            ) : (\n              <ArrowTooltip\n                renderAs=\"secondary\"\n                tooltipItem=\"Can only be published in class\"\n                position=\"bottom\"\n                hidden={!isDraftActionDisabled}\n                widthX={14}\n                zIndex={2}\n              >\n                <Text\n                  $renderAs=\"ub3-bold\"\n                  $color={isDraftActionDisabled ? 'BLACK_T_38' : 'WHITE_T_87'}\n                >\n                  {outcomeStatusInfo.label}\n                </Text>\n              </ArrowTooltip>\n            )}\n          </Styled.MilestoneWidgetStatusTag>\n        )}\n      </Styled.MilestoneWidgetStatusWrapper>\n    );\n  },\n);\n\nexport default MilestoneWidgetStatus;\n"],"names":["MilestoneWidgetStatus","memo","milestoneState","userType","isStudentPresent","goalCategory","outcomeStatusInfo","getMilestoneWidgetStatusInfo","isDraftMilestone","isOutcomeAdded","isOutcomeCard","isDraftActionDisabled","goalBorderColor","getGoalCategoryBasedColorTheme","backgroundColor","Styled.MilestoneWidgetStatusWrapper","jsx","Separator","Styled.MilestoneWidgetStatusTag","Styled.StyledCheckIcon","ArrowTooltip","Text"],"mappings":";;;;;;;AAUA,MAAMA,IAA+DC;AAAA,EACnE,CAAC,EAAE,gBAAAC,GAAgB,UAAAC,GAAU,kBAAAC,GAAkB,cAAAC,QAAmB;AAC1D,UAAAC,IAAoBC,EAA6BL,CAAc,GAE/DM,IAAmBN,MAAmB,SACtCO,IAAiBP,MAAmB,iBACpCQ,IAAgBD,KAAkBP,MAAmB,mBACrDS,IAAwBR,MAAa,aAAaK,KAAoB,CAACJ,GAEvE,EAAE,aAAaQ,EAAA,IAAoBC;AAAA,MACvCR;AAAA,MACAG;AAAA,MACAC;AAAA,IAAA,GAEIK,KACHJ,IAAgBJ,KAAA,gBAAAA,EAAmB,0BAA0BM,MAAoB;AAEpF,6BACGG,GAAA,EAAoC,UAAU,GAAG,iBAAgB,UAChE,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAU,EAAA,YAAYH,GAAiB,SAAS,MAAM;AAAA,MAEtDR,KACC,gBAAAU;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,YAAYZ,EAAkB;AAAA,UAC9B,UAAU;AAAA,UACV,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,QAAO;AAAA,UACP,aAAaA,EAAkB;AAAA,UAE9B,UACCG,IAAA,gBAAAO,EAACG,GAAA,CAAA,CAAuB,IAExB,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,UAAS;AAAA,cACT,QAAQ,CAACT;AAAA,cACT,QAAQ;AAAA,cACR,QAAQ;AAAA,cAER,UAAA,gBAAAK;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,QAAQV,IAAwB,eAAe;AAAA,kBAE9C,UAAkBL,EAAA;AAAA,gBAAA;AAAA,cACrB;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAEJ;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"milestone-widget-status.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-status.tsx"],"sourcesContent":["import type { IMilestoneWidgetStatusProps } from './milestone-widget-types';\n\nimport React, { memo } from 'react';\n\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { getGoalCategoryBasedColorTheme, getMilestoneWidgetStatusInfo } from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\n\nconst MilestoneWidgetStatus: React.FC<IMilestoneWidgetStatusProps> = memo(\n  ({ milestoneState, userType, isStudentPresent, goalCategory }) => {\n    const outcomeStatusInfo = getMilestoneWidgetStatusInfo(milestoneState);\n\n    const isDraftMilestone = milestoneState === 'DRAFT';\n    const isOutcomeAdded = milestoneState === 'OUTCOME_ADDED';\n    const isOutcomeCard = isOutcomeAdded || milestoneState === 'OUTCOME_PENDING';\n    const isDraftActionDisabled = userType === 'TEACHER' && isDraftMilestone && !isStudentPresent;\n\n    const { borderColor: goalBorderColor } = getGoalCategoryBasedColorTheme(\n      goalCategory,\n      isDraftMilestone,\n      isOutcomeAdded,\n    );\n    const backgroundColor =\n      (isOutcomeCard ? outcomeStatusInfo?.progressBackgroundColor : goalBorderColor) || 'WHITE_5';\n\n    return (\n      <Styled.MilestoneWidgetStatusWrapper $heightX={2} $justifyContent=\"center\">\n        <Separator background={backgroundColor} heightX={0.25} />\n\n        {outcomeStatusInfo && (\n          <Styled.MilestoneWidgetStatusTag\n            $placement={outcomeStatusInfo.placement}\n            $gutterX={0.75}\n            $heightX={1.75}\n            $justifyContent=\"center\"\n            $width=\"fit-content\"\n            $background={outcomeStatusInfo.statusBackgroundColor}\n          >\n            {isOutcomeAdded ? (\n              <Styled.StyledCheckIcon />\n            ) : (\n              <ArrowTooltip\n                renderAs=\"secondary\"\n                tooltipItem=\"Can only be published in class\"\n                position=\"bottom\"\n                hidden={!isDraftActionDisabled}\n                widthX={14}\n                zIndex={2}\n              >\n                <Text\n                  $renderAs=\"ub3-bold\"\n                  $color={isDraftActionDisabled ? 'BLACK_T_38' : 'WHITE_T_87'}\n                >\n                  {outcomeStatusInfo.label}\n                </Text>\n              </ArrowTooltip>\n            )}\n          </Styled.MilestoneWidgetStatusTag>\n        )}\n      </Styled.MilestoneWidgetStatusWrapper>\n    );\n  },\n);\n\nexport default MilestoneWidgetStatus;\n"],"names":["MilestoneWidgetStatus","memo","milestoneState","userType","isStudentPresent","goalCategory","outcomeStatusInfo","getMilestoneWidgetStatusInfo","isDraftMilestone","isOutcomeAdded","isOutcomeCard","isDraftActionDisabled","goalBorderColor","getGoalCategoryBasedColorTheme","backgroundColor","Styled.MilestoneWidgetStatusWrapper","jsx","Separator","Styled.MilestoneWidgetStatusTag","Styled.StyledCheckIcon","ArrowTooltip","Text"],"mappings":";;;;;;;AAUA,MAAMA,IAA+DC;AAAA,EACnE,CAAC,EAAE,gBAAAC,GAAgB,UAAAC,GAAU,kBAAAC,GAAkB,cAAAC,QAAmB;AAC1D,UAAAC,IAAoBC,EAA6BL,CAAc,GAE/DM,IAAmBN,MAAmB,SACtCO,IAAiBP,MAAmB,iBACpCQ,IAAgBD,KAAkBP,MAAmB,mBACrDS,IAAwBR,MAAa,aAAaK,KAAoB,CAACJ,GAEvE,EAAE,aAAaQ,EAAA,IAAoBC;AAAA,MACvCR;AAAA,MACAG;AAAA,MACAC;AAAA,IACF,GACMK,KACHJ,IAAgBJ,KAAA,gBAAAA,EAAmB,0BAA0BM,MAAoB;AAEpF,6BACGG,GAAA,EAAoC,UAAU,GAAG,iBAAgB,UAChE,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAU,EAAA,YAAYH,GAAiB,SAAS,MAAM;AAAA,MAEtDR,KACC,gBAAAU;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,YAAYZ,EAAkB;AAAA,UAC9B,UAAU;AAAA,UACV,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,QAAO;AAAA,UACP,aAAaA,EAAkB;AAAA,UAE9B,UACCG,IAAA,gBAAAO,EAACG,GAAA,CAAA,CAAuB,IAExB,gBAAAH;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,UAAS;AAAA,cACT,QAAQ,CAACT;AAAA,cACT,QAAQ;AAAA,cACR,QAAQ;AAAA,cAER,UAAA,gBAAAK;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,QAAQV,IAAwB,eAAe;AAAA,kBAE9C,UAAkBL,EAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ,GAEJ;AAAA,EAAA;AAGN;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-widget-styled.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport DownIcon from '../../../../../assets/line-icons/icons/down';\nimport InfoIcon from '../../../../../assets/line-icons/icons/info';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface IContentWrapperProps {\n  $expanded: boolean;\n}\n\ninterface IStyledDownIconProps {\n  $expanded: boolean;\n}\n\nconst fadeIn = keyframes`\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst MainContainer = styled(FlexView)`\n  position: relative;\n  animation: ${fadeIn} 0.3s ease-in-out;\n`;\n\nconst StyledDownIcon = styled(DownIcon)<IStyledDownIconProps>(({ theme, $expanded }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    cursor:pointer;\n    height:${gutter * 2}px;\n    width:${gutter * 2}px;\n    transform:rotate(${$expanded === true ? 180 : 0}deg);\n    transition: transform 0.3s ease;\n  `;\n});\n\nconst ContentWrapper = styled.div<IContentWrapperProps>(({ $expanded, theme }) => {\n  const { colors } = theme;\n\n  return `\n    display:grid;\n    grid-template-rows:${$expanded ? 1 : 0}fr;\n    overflow:hidden;\n    transition:grid-template-rows 200ms;\n    border: 1px solid ${colors.GREY_2};\n    border-top:none;\n  `;\n});\n\nconst Content = styled.div`\n  min-height: 0px;\n  width: 100%;\n`;\n\nconst HelpWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    padding: ${gutter * 2}px;\n  `;\n});\n\nconst StyledInfoIcon = styled(InfoIcon)(\n  () => `\n    position: relative;\n    cursor: pointer;\n  `,\n);\n\nconst LessonsInfoWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    padding:${gutter}px;\n    display: grid;\n    gap:0px;\n    grid-template-rows: 1fr ${gutter * 1.75}px 1fr ${gutter * 1.75}px 1fr;\n    grid-template-columns: ${gutter * 4}px ${gutter * 5}px ${gutter * 6.375}px ${gutter * 10.25}px;\n    width:${gutter * 28}px;\n    align-items:center;\n  `;\n});\n\nconst UpArrowWrapper = styled.div<{ $rotate: boolean }>(({ theme, $rotate }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    grid-column: span 4;\n    padding-left: ${gutter * 1.5}px;\n    & img {\n      transform: rotate(${$rotate ? 180 : 0}deg);\n    }\n  `;\n});\n\nconst Wrapper = styled(FlexView)`\n  border-top: 0px;\n  border-bottom: 0px;\n  position: relative;\n  padding: 32px 32px 24px;\n  cursor: pointer;\n`;\n\nconst SpacedText = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst MilestoneTitle = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n\nconst MilestoneWidgetStatusWrapper = styled(FlexView)`\n  position: relative;\n  z-index: 1;\n`;\n\ninterface IMilestoneWidgetStatusTag {\n  $placement: string;\n}\n\nconst MilestoneWidgetStatusTag = styled(FlexView)<IMilestoneWidgetStatusTag>(({\n  $placement,\n  theme,\n}) => {\n  return `\n    position: absolute;\n    top: ${(theme.layout.gutter * 1.75) / 2}px;\n    ${$placement === 'right' ? 'right: 0px;' : 'left: 0px;'}\n  `;\n});\n\nconst StyledCheckIcon = styled(Check2Icon)(({ theme }) => {\n  return `\n    path {\n      stroke: ${theme.colors.WHITE};\n      fill: ${theme.colors.WHITE};\n    }\n  `;\n});\n\nexport {\n  Content,\n  ContentWrapper,\n  HelpWrapper,\n  LessonsInfoWrapper,\n  MainContainer,\n  SpacedText,\n  StyledDownIcon,\n  StyledInfoIcon,\n  UpArrowWrapper,\n  Wrapper,\n  MilestoneTitle,\n  MilestoneWidgetStatusWrapper,\n  MilestoneWidgetStatusTag,\n  StyledCheckIcon,\n};\n"],"names":["fadeIn","keyframes","MainContainer","styled","FlexView","StyledDownIcon","DownIcon","theme","$expanded","gutter","ContentWrapper","colors","Content","InfoIcon","$rotate","Wrapper","Text","MilestoneTitle","MilestoneWidgetStatusWrapper","MilestoneWidgetStatusTag","$placement","StyledCheckIcon","Check2Icon"],"mappings":";;;;;;AAgBA,MAAMA,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAgBC,EAAOC,CAAQ;AAAA;AAAA,eAEtBJ,CAAM;AAAA,GAGfK,IAAiBF,EAAOG,CAAQ,EAAwB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AAChF,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAF;AAEG,SAAA;AAAA;AAAA,aAEIE,IAAS,CAAC;AAAA,YACXA,IAAS,CAAC;AAAA,uBACCD,MAAc,KAAO,MAAM,CAAC;AAAA;AAAA;AAGnD,CAAC,GAEKE,IAAiBP,EAAO,IAA0B,CAAC,EAAE,WAAAK,GAAW,OAAAD,QAAY;AAC1E,QAAA,EAAE,QAAAI,EAAW,IAAAJ;AAEZ,SAAA;AAAA;AAAA,yBAEgBC,IAAY,IAAI,CAAC;AAAA;AAAA;AAAA,wBAGlBG,EAAO,MAAM;AAAA;AAAA;AAGrC,CAAC,GAEKC,IAAUT,EAAO;AAAA;AAAA;AAAA;AAKHA,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AACtC,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAE,EAAO;AAAA,EACf,IAAAF;AAEG,SAAA;AAAA,eACME,IAAS,CAAC;AAAA;AAEzB,CAAC;AAEsBN,EAAOU,CAAQ;AAAA,EACpC,MAAM;AAAA;AAAA;AAAA;AAIR;AAE2BV,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AAC7C,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAE,EAAO;AAAA,EACf,IAAAF;AAEG,SAAA;AAAA,cACKE,CAAM;AAAA;AAAA;AAAA,8BAGUA,IAAS,IAAI,UAAUA,IAAS,IAAI;AAAA,6BACrCA,IAAS,CAAC,MAAMA,IAAS,CAAC,MAAMA,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA,YACnFA,IAAS,EAAE;AAAA;AAAA;AAGvB,CAAC;AAEsBN,EAAO,IAA0B,CAAC,EAAE,OAAAI,GAAO,SAAAO,QAAc;AACxE,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAL,EAAO;AAAA,EACf,IAAAF;AAEG,SAAA;AAAA;AAAA,oBAEWE,IAAS,GAAG;AAAA;AAAA,0BAENK,IAAU,MAAM,CAAC;AAAA;AAAA;AAG3C,CAAC;AAEK,MAAAC,IAAUZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQZD,EAAOa,CAAI;AAAA;AAAA;AAIxB,MAAAC,IAAiBd,EAAOa,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ5BE,IAA+Bf,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAS9Ce,IAA2BhB,EAAOC,CAAQ,EAA6B,CAAC;AAAA,EAC5E,YAAAgB;AAAA,EACA,OAAAb;AACF,MACS;AAAA;AAAA,WAEGA,EAAM,OAAO,SAAS,OAAQ,CAAC;AAAA,MACrCa,MAAe,UAAU,gBAAgB,YAAY;AAAA,GAE1D,GAEKC,IAAkBlB,EAAOmB,CAAU,EAAE,CAAC,EAAE,OAAAf,QACrC;AAAA;AAAA,gBAEOA,EAAM,OAAO,KAAK;AAAA,cACpBA,EAAM,OAAO,KAAK;AAAA;AAAA,GAG/B;"}
+{"version":3,"file":"milestone-widget-styled.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport DownIcon from '../../../../../assets/line-icons/icons/down';\nimport InfoIcon from '../../../../../assets/line-icons/icons/info';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface IContentWrapperProps {\n  $expanded: boolean;\n}\n\ninterface IStyledDownIconProps {\n  $expanded: boolean;\n}\n\nconst fadeIn = keyframes`\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst MainContainer = styled(FlexView)`\n  position: relative;\n  animation: ${fadeIn} 0.3s ease-in-out;\n`;\n\nconst StyledDownIcon = styled(DownIcon)<IStyledDownIconProps>(({ theme, $expanded }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    cursor:pointer;\n    height:${gutter * 2}px;\n    width:${gutter * 2}px;\n    transform:rotate(${$expanded === true ? 180 : 0}deg);\n    transition: transform 0.3s ease;\n  `;\n});\n\nconst ContentWrapper = styled.div<IContentWrapperProps>(({ $expanded, theme }) => {\n  const { colors } = theme;\n\n  return `\n    display:grid;\n    grid-template-rows:${$expanded ? 1 : 0}fr;\n    overflow:hidden;\n    transition:grid-template-rows 200ms;\n    border: 1px solid ${colors.GREY_2};\n    border-top:none;\n  `;\n});\n\nconst Content = styled.div`\n  min-height: 0px;\n  width: 100%;\n`;\n\nconst HelpWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    padding: ${gutter * 2}px;\n  `;\n});\n\nconst StyledInfoIcon = styled(InfoIcon)(\n  () => `\n    position: relative;\n    cursor: pointer;\n  `,\n);\n\nconst LessonsInfoWrapper = styled.div(({ theme }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    padding:${gutter}px;\n    display: grid;\n    gap:0px;\n    grid-template-rows: 1fr ${gutter * 1.75}px 1fr ${gutter * 1.75}px 1fr;\n    grid-template-columns: ${gutter * 4}px ${gutter * 5}px ${gutter * 6.375}px ${gutter * 10.25}px;\n    width:${gutter * 28}px;\n    align-items:center;\n  `;\n});\n\nconst UpArrowWrapper = styled.div<{ $rotate: boolean }>(({ theme, $rotate }) => {\n  const {\n    layout: { gutter },\n  } = theme;\n\n  return `\n    grid-column: span 4;\n    padding-left: ${gutter * 1.5}px;\n    & img {\n      transform: rotate(${$rotate ? 180 : 0}deg);\n    }\n  `;\n});\n\nconst Wrapper = styled(FlexView)`\n  border-top: 0px;\n  border-bottom: 0px;\n  position: relative;\n  padding: 32px 32px 24px;\n  cursor: pointer;\n`;\n\nconst SpacedText = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst MilestoneTitle = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n\nconst MilestoneWidgetStatusWrapper = styled(FlexView)`\n  position: relative;\n  z-index: 1;\n`;\n\ninterface IMilestoneWidgetStatusTag {\n  $placement: string;\n}\n\nconst MilestoneWidgetStatusTag = styled(FlexView)<IMilestoneWidgetStatusTag>(({\n  $placement,\n  theme,\n}) => {\n  return `\n    position: absolute;\n    top: ${(theme.layout.gutter * 1.75) / 2}px;\n    ${$placement === 'right' ? 'right: 0px;' : 'left: 0px;'}\n  `;\n});\n\nconst StyledCheckIcon = styled(Check2Icon)(({ theme }) => {\n  return `\n    path {\n      stroke: ${theme.colors.WHITE};\n      fill: ${theme.colors.WHITE};\n    }\n  `;\n});\n\nexport {\n  Content,\n  ContentWrapper,\n  HelpWrapper,\n  LessonsInfoWrapper,\n  MainContainer,\n  SpacedText,\n  StyledDownIcon,\n  StyledInfoIcon,\n  UpArrowWrapper,\n  Wrapper,\n  MilestoneTitle,\n  MilestoneWidgetStatusWrapper,\n  MilestoneWidgetStatusTag,\n  StyledCheckIcon,\n};\n"],"names":["fadeIn","keyframes","MainContainer","styled","FlexView","StyledDownIcon","DownIcon","theme","$expanded","gutter","ContentWrapper","colors","Content","InfoIcon","$rotate","Wrapper","Text","MilestoneTitle","MilestoneWidgetStatusWrapper","MilestoneWidgetStatusTag","$placement","StyledCheckIcon","Check2Icon"],"mappings":";;;;;;AAgBA,MAAMA,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAgBC,EAAOC,CAAQ;AAAA;AAAA,eAEtBJ,CAAM;AAAA,GAGfK,IAAiBF,EAAOG,CAAQ,EAAwB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QAAgB;AAChF,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAC,EAAO;AAAA,EAAA,IACfF;AAEG,SAAA;AAAA;AAAA,aAEIE,IAAS,CAAC;AAAA,YACXA,IAAS,CAAC;AAAA,uBACCD,MAAc,KAAO,MAAM,CAAC;AAAA;AAAA;AAGnD,CAAC,GAEKE,IAAiBP,EAAO,IAA0B,CAAC,EAAE,WAAAK,GAAW,OAAAD,QAAY;AAC1E,QAAA,EAAE,QAAAI,MAAWJ;AAEZ,SAAA;AAAA;AAAA,yBAEgBC,IAAY,IAAI,CAAC;AAAA;AAAA;AAAA,wBAGlBG,EAAO,MAAM;AAAA;AAAA;AAGrC,CAAC,GAEKC,IAAUT,EAAO;AAAA;AAAA;AAAA;AAKHA,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AACtC,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAE,EAAO;AAAA,EAAA,IACfF;AAEG,SAAA;AAAA,eACME,IAAS,CAAC;AAAA;AAEzB,CAAC;AAEsBN,EAAOU,CAAQ;AAAA,EACpC,MAAM;AAAA;AAAA;AAAA;AAIR;AAE2BV,EAAO,IAAI,CAAC,EAAE,OAAAI,QAAY;AAC7C,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAE,EAAO;AAAA,EAAA,IACfF;AAEG,SAAA;AAAA,cACKE,CAAM;AAAA;AAAA;AAAA,8BAGUA,IAAS,IAAI,UAAUA,IAAS,IAAI;AAAA,6BACrCA,IAAS,CAAC,MAAMA,IAAS,CAAC,MAAMA,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA,YACnFA,IAAS,EAAE;AAAA;AAAA;AAGvB,CAAC;AAEsBN,EAAO,IAA0B,CAAC,EAAE,OAAAI,GAAO,SAAAO,QAAc;AACxE,QAAA;AAAA,IACJ,QAAQ,EAAE,QAAAL,EAAO;AAAA,EAAA,IACfF;AAEG,SAAA;AAAA;AAAA,oBAEWE,IAAS,GAAG;AAAA;AAAA,0BAENK,IAAU,MAAM,CAAC;AAAA;AAAA;AAG3C,CAAC;AAEK,MAAAC,IAAUZ,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQZD,EAAOa,CAAI;AAAA;AAAA;AAIxB,MAAAC,IAAiBd,EAAOa,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ5BE,IAA+Bf,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAS9Ce,IAA2BhB,EAAOC,CAAQ,EAA6B,CAAC;AAAA,EAC5E,YAAAgB;AAAA,EACA,OAAAb;AACF,MACS;AAAA;AAAA,WAEGA,EAAM,OAAO,SAAS,OAAQ,CAAC;AAAA,MACrCa,MAAe,UAAU,gBAAgB,YAAY;AAAA,GAE1D,GAEKC,IAAkBlB,EAAOmB,CAAU,EAAE,CAAC,EAAE,OAAAf,QACrC;AAAA;AAAA,gBAEOA,EAAM,OAAO,KAAK;AAAA,cACpBA,EAAM,OAAO,KAAK;AAAA;AAAA,GAG/B;"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-widget.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.tsx"],"sourcesContent":["import type {\n  IMilestoneVariantConfig,\n  IMilestoneWidgetProps,\n  TMilestoneWidgetVariant,\n} from './milestone-widget-types';\n\nimport { differenceInCalendarDays } from 'date-fns';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport TimeLeftTimeline from '../../../../ui/time-left-timeline/time-left-timeline';\nimport GoalActionCtas from './goals/goal-action-ctas';\nimport MilestoneInfoWrapper from './milestone-info';\nimport MilestoneTabs from './milestone-tabs/milestone-tabs';\nimport { getGoalCategoryBasedColorTheme } from './milestone-utils';\nimport MilestoneWidgetStatus from './milestone-widget-status';\nimport * as Styled from './milestone-widget-styled';\nimport OutcomeWrapper from './outcome/outcome';\n\nconst VARIANT_CONFIG: Record<TMilestoneWidgetVariant, IMilestoneVariantConfig> = {\n  primary: {\n    backgroundColor: 'WHITE_3',\n    progressBarColor: 'BLACK_T_87',\n  },\n  secondary: {\n    backgroundColor: 'WHITE_3',\n    progressBarColor: 'WHITE_5',\n  },\n};\n\nconst MilestoneWidget: React.FC<IMilestoneWidgetProps> = memo(props => {\n  const { milestone, studentId, isMilestoneActive, ...restMilestoneWidgetProps } = props;\n  const {\n    isStudentPresent,\n    isClassOngoing,\n    userType,\n    studentName,\n    parentName,\n    teacherName,\n    courseStream,\n    activeMilestoneId,\n    activeTabId,\n    onAddOutcome,\n    onChapterClick,\n    onEdit,\n    onCreateMilestoneTest,\n    onPreview,\n    onReattempt,\n    onReset,\n    onResume,\n    onReview,\n    onStart,\n    onDraftPublish,\n    onAddChapter,\n    onAssignResources,\n    onUnAssignSheet,\n    onDelete,\n    onWidgetTabSelection,\n    //* Test sheet callbacks\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    milestoneType,\n  } = restMilestoneWidgetProps;\n\n  const {\n    id: milestoneId,\n    created_on_ts: createdOn,\n    milestone_date_ts: dueDate,\n    user_milestone_plan: userMileStonePlan,\n    outcome_data: outcomeData,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_code: goalCode,\n    goal_category: goalCategory,\n  } = milestone;\n\n  const [widgetExpanded, setWidgetExpanded] = useState(\n    (isMilestoneActive && milestoneState === 'ACTIVE') || milestoneType === 'DRAFT',\n  );\n\n  const theme = useTheme();\n  const { layout } = theme;\n  const { gutter } = layout;\n\n  const isPlanAvailable = Boolean(userMileStonePlan);\n\n  const { can_update_plan: canUpdatePlan } = milestonePermissions;\n  const { outcomes } = outcomeData || {};\n\n  const { user_chapters: chaptersData = [] } = userMileStonePlan || {};\n\n  const toggleExpand = useCallback(() => {\n    setWidgetExpanded(prev => !prev);\n  }, []);\n\n  const isDraftMilestone = milestoneState === 'DRAFT';\n  const isOutcomeAdded = milestoneState === 'OUTCOME_ADDED';\n  const isDueDatePassed = Date.now() > dueDate * 1000;\n  const { progressBarColor } =\n    VARIANT_CONFIG[milestoneState === 'ACTIVE' ? 'primary' : 'secondary'];\n  const { backgroundColor: goalBackgroundColor, borderColor: goalBorderColor } =\n    getGoalCategoryBasedColorTheme(goalCategory, isDraftMilestone, isOutcomeAdded);\n\n  const totalDays = useMemo(\n    () => differenceInCalendarDays(dueDate * 1000, createdOn * 1000),\n    [createdOn, dueDate],\n  );\n\n  const remainingDays = useMemo(\n    () => differenceInCalendarDays(dueDate * 1000, Date.now()),\n    [dueDate],\n  );\n\n  const handleOnWidgetExpand = useCallback(() => {\n    setWidgetExpanded(true);\n  }, [setWidgetExpanded]);\n\n  const handleGoalDelete = useCallback(() => {\n    onDelete?.({ milestoneId, isGoalCreation: typeof goalCode === 'string', milestoneState });\n  }, [onDelete, goalCode, milestoneId, milestoneState]);\n\n  useEffect(() => {\n    const $element = document.getElementById(`milestone-${activeMilestoneId}`);\n\n    if ($element) {\n      $element.scrollIntoView();\n    }\n    //* Disabling the exhaustive-deps rule as we want to run this effect only once\n    //* We don't want this to run when activeMilestoneId changes, as it will cause component to scroll into the view every time.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Styled.MainContainer id={`milestone-${milestoneId}`}>\n      <FlexView $marginBottom={-gutter * 0.875}>\n        {milestoneState !== 'DRAFT' && !isDueDatePassed ? (\n          <TimeLeftTimeline\n            unitsLeft={remainingDays}\n            totalUnits={totalDays}\n            unit=\"day\"\n            backgroundColor={progressBarColor}\n            barBackgroundColor={goalBorderColor}\n            showRemainingTime={true}\n          />\n        ) : (\n          <MilestoneWidgetStatus\n            goalCategory={goalCategory}\n            goalCode={goalCode}\n            milestoneState={milestoneState}\n            userType={userType}\n            milestoneId={milestoneId}\n            isStudentPresent={isStudentPresent}\n            onDraftPublish={onDraftPublish}\n            onAddOutcome={onAddOutcome}\n          />\n        )}\n      </FlexView>\n\n      <Styled.Wrapper\n        onClick={handleOnWidgetExpand}\n        $background={goalBackgroundColor}\n        $gapX={1.5}\n        $borderColor=\"GREY_2\"\n      >\n        <FlexView $flexGapX={goalCode ? 1.5 : 1}>\n          <MilestoneInfoWrapper\n            milestone={milestone}\n            onEdit={onEdit}\n            onDelete={onDelete}\n            isExpanded={widgetExpanded}\n            toggleExpand={toggleExpand}\n            userType={userType}\n            isClassOngoing={isClassOngoing}\n            isStudentPresent={isStudentPresent}\n            onAddOutcome={onAddOutcome}\n          />\n\n          {userType === 'TEACHER' && milestoneType !== 'DRAFT' && (\n            <GoalActionCtas\n              milestone={milestone}\n              studentId={studentId}\n              studentName={studentName}\n              teacherName={teacherName ?? ''}\n              parentName={parentName ?? ''}\n              onAddOutcome={onAddOutcome}\n              isClassOngoing={Boolean(isClassOngoing)}\n              isStudentPresent={Boolean(isStudentPresent)}\n              onDraftPublish={onDraftPublish}\n              onEdit={onEdit}\n              onDelete={handleGoalDelete}\n              courseStream={courseStream}\n            />\n          )}\n\n          {outcomes?.length ? <OutcomeWrapper outcomes={outcomes} /> : undefined}\n        </FlexView>\n      </Styled.Wrapper>\n\n      <Styled.ContentWrapper $expanded={widgetExpanded}>\n        <Styled.Content>\n          <MilestoneTabs\n            goalCategory={goalCategory}\n            isGoalCreation={!!goalCode}\n            isDraftMilestone={isDraftMilestone}\n            isOutcomeAdded={isOutcomeAdded}\n            isMilestoneActive={isMilestoneActive}\n            isPlanAvailable={isPlanAvailable}\n            userMilestoneId={milestoneId}\n            chapters={chaptersData}\n            userType={userType}\n            canUpdatePlan={canUpdatePlan}\n            milestoneState={milestoneState}\n            studentId={studentId}\n            onAddChapter={onAddChapter}\n            onAssignResources={onAssignResources}\n            onChapterClick={onChapterClick}\n            onCreateMilestoneTest={onCreateMilestoneTest}\n            onPreview={onPreview}\n            onReattempt={onReattempt}\n            onReset={onReset}\n            onResume={onResume}\n            onReview={onReview}\n            onStart={onStart}\n            onTestPreview={onTestPreview}\n            onTestReview={onTestReview}\n            onTestStart={onTestStart}\n            onUnAssignSheet={onUnAssignSheet}\n            milestonePermissions={milestonePermissions}\n            activeMilestoneId={activeMilestoneId}\n            activeTabId={activeTabId}\n            onWidgetTabSelection={onWidgetTabSelection}\n          />\n        </Styled.Content>\n      </Styled.ContentWrapper>\n    </Styled.MainContainer>\n  );\n});\n\nexport default MilestoneWidget;\n"],"names":["VARIANT_CONFIG","MilestoneWidget","memo","props","milestone","studentId","isMilestoneActive","restMilestoneWidgetProps","isStudentPresent","isClassOngoing","userType","studentName","parentName","teacherName","courseStream","activeMilestoneId","activeTabId","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onDraftPublish","onAddChapter","onAssignResources","onUnAssignSheet","onDelete","onWidgetTabSelection","onTestPreview","onTestReview","onTestStart","milestoneType","milestoneId","createdOn","dueDate","userMileStonePlan","outcomeData","milestoneState","milestonePermissions","goalCode","goalCategory","widgetExpanded","setWidgetExpanded","useState","theme","useTheme","layout","gutter","isPlanAvailable","canUpdatePlan","outcomes","chaptersData","toggleExpand","useCallback","prev","isDraftMilestone","isOutcomeAdded","isDueDatePassed","progressBarColor","goalBackgroundColor","goalBorderColor","getGoalCategoryBasedColorTheme","totalDays","useMemo","differenceInCalendarDays","remainingDays","handleOnWidgetExpand","handleGoalDelete","useEffect","$element","Styled.MainContainer","jsx","FlexView","TimeLeftTimeline","MilestoneWidgetStatus","Styled.Wrapper","jsxs","MilestoneInfoWrapper","GoalActionCtas","OutcomeWrapper","Styled.ContentWrapper","Styled.Content","MilestoneTabs"],"mappings":"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"}
+{"version":3,"file":"milestone-widget.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-widget.tsx"],"sourcesContent":["import type {\n  IMilestoneVariantConfig,\n  IMilestoneWidgetProps,\n  TMilestoneWidgetVariant,\n} from './milestone-widget-types';\n\nimport { differenceInCalendarDays } from 'date-fns';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport TimeLeftTimeline from '../../../../ui/time-left-timeline/time-left-timeline';\nimport GoalActionCtas from './goals/goal-action-ctas';\nimport MilestoneInfoWrapper from './milestone-info';\nimport MilestoneTabs from './milestone-tabs/milestone-tabs';\nimport { getGoalCategoryBasedColorTheme } from './milestone-utils';\nimport MilestoneWidgetStatus from './milestone-widget-status';\nimport * as Styled from './milestone-widget-styled';\nimport OutcomeWrapper from './outcome/outcome';\n\nconst VARIANT_CONFIG: Record<TMilestoneWidgetVariant, IMilestoneVariantConfig> = {\n  primary: {\n    backgroundColor: 'WHITE_3',\n    progressBarColor: 'BLACK_T_87',\n  },\n  secondary: {\n    backgroundColor: 'WHITE_3',\n    progressBarColor: 'WHITE_5',\n  },\n};\n\nconst MilestoneWidget: React.FC<IMilestoneWidgetProps> = memo(props => {\n  const { milestone, studentId, isMilestoneActive, ...restMilestoneWidgetProps } = props;\n  const {\n    isStudentPresent,\n    isClassOngoing,\n    userType,\n    studentName,\n    parentName,\n    teacherName,\n    courseStream,\n    activeMilestoneId,\n    activeTabId,\n    onAddOutcome,\n    onChapterClick,\n    onEdit,\n    onCreateMilestoneTest,\n    onPreview,\n    onReattempt,\n    onReset,\n    onResume,\n    onReview,\n    onStart,\n    onDraftPublish,\n    onAddChapter,\n    onAssignResources,\n    onUnAssignSheet,\n    onDelete,\n    onWidgetTabSelection,\n    //* Test sheet callbacks\n    onTestPreview,\n    onTestReview,\n    onTestStart,\n    milestoneType,\n  } = restMilestoneWidgetProps;\n\n  const {\n    id: milestoneId,\n    created_on_ts: createdOn,\n    milestone_date_ts: dueDate,\n    user_milestone_plan: userMileStonePlan,\n    outcome_data: outcomeData,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_code: goalCode,\n    goal_category: goalCategory,\n  } = milestone;\n\n  const [widgetExpanded, setWidgetExpanded] = useState(\n    (isMilestoneActive && milestoneState === 'ACTIVE') || milestoneType === 'DRAFT',\n  );\n\n  const theme = useTheme();\n  const { layout } = theme;\n  const { gutter } = layout;\n\n  const isPlanAvailable = Boolean(userMileStonePlan);\n\n  const { can_update_plan: canUpdatePlan } = milestonePermissions;\n  const { outcomes } = outcomeData || {};\n\n  const { user_chapters: chaptersData = [] } = userMileStonePlan || {};\n\n  const toggleExpand = useCallback(() => {\n    setWidgetExpanded(prev => !prev);\n  }, []);\n\n  const isDraftMilestone = milestoneState === 'DRAFT';\n  const isOutcomeAdded = milestoneState === 'OUTCOME_ADDED';\n  const isDueDatePassed = Date.now() > dueDate * 1000;\n  const { progressBarColor } =\n    VARIANT_CONFIG[milestoneState === 'ACTIVE' ? 'primary' : 'secondary'];\n  const { backgroundColor: goalBackgroundColor, borderColor: goalBorderColor } =\n    getGoalCategoryBasedColorTheme(goalCategory, isDraftMilestone, isOutcomeAdded);\n\n  const totalDays = useMemo(\n    () => differenceInCalendarDays(dueDate * 1000, createdOn * 1000),\n    [createdOn, dueDate],\n  );\n\n  const remainingDays = useMemo(\n    () => differenceInCalendarDays(dueDate * 1000, Date.now()),\n    [dueDate],\n  );\n\n  const handleOnWidgetExpand = useCallback(() => {\n    setWidgetExpanded(true);\n  }, [setWidgetExpanded]);\n\n  const handleGoalDelete = useCallback(() => {\n    onDelete?.({ milestoneId, isGoalCreation: typeof goalCode === 'string', milestoneState });\n  }, [onDelete, goalCode, milestoneId, milestoneState]);\n\n  useEffect(() => {\n    const $element = document.getElementById(`milestone-${activeMilestoneId}`);\n\n    if ($element) {\n      $element.scrollIntoView();\n    }\n    //* Disabling the exhaustive-deps rule as we want to run this effect only once\n    //* We don't want this to run when activeMilestoneId changes, as it will cause component to scroll into the view every time.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Styled.MainContainer id={`milestone-${milestoneId}`}>\n      <FlexView $marginBottom={-gutter * 0.875}>\n        {milestoneState !== 'DRAFT' && !isDueDatePassed ? (\n          <TimeLeftTimeline\n            unitsLeft={remainingDays}\n            totalUnits={totalDays}\n            unit=\"day\"\n            backgroundColor={progressBarColor}\n            barBackgroundColor={goalBorderColor}\n            showRemainingTime={true}\n          />\n        ) : (\n          <MilestoneWidgetStatus\n            goalCategory={goalCategory}\n            goalCode={goalCode}\n            milestoneState={milestoneState}\n            userType={userType}\n            milestoneId={milestoneId}\n            isStudentPresent={isStudentPresent}\n            onDraftPublish={onDraftPublish}\n            onAddOutcome={onAddOutcome}\n          />\n        )}\n      </FlexView>\n\n      <Styled.Wrapper\n        onClick={handleOnWidgetExpand}\n        $background={goalBackgroundColor}\n        $gapX={1.5}\n        $borderColor=\"GREY_2\"\n      >\n        <FlexView $flexGapX={goalCode ? 1.5 : 1}>\n          <MilestoneInfoWrapper\n            milestone={milestone}\n            onEdit={onEdit}\n            onDelete={onDelete}\n            isExpanded={widgetExpanded}\n            toggleExpand={toggleExpand}\n            userType={userType}\n            isClassOngoing={isClassOngoing}\n            isStudentPresent={isStudentPresent}\n            onAddOutcome={onAddOutcome}\n          />\n\n          {userType === 'TEACHER' && milestoneType !== 'DRAFT' && (\n            <GoalActionCtas\n              milestone={milestone}\n              studentId={studentId}\n              studentName={studentName}\n              teacherName={teacherName ?? ''}\n              parentName={parentName ?? ''}\n              onAddOutcome={onAddOutcome}\n              isClassOngoing={Boolean(isClassOngoing)}\n              isStudentPresent={Boolean(isStudentPresent)}\n              onDraftPublish={onDraftPublish}\n              onEdit={onEdit}\n              onDelete={handleGoalDelete}\n              courseStream={courseStream}\n            />\n          )}\n\n          {outcomes?.length ? <OutcomeWrapper outcomes={outcomes} /> : undefined}\n        </FlexView>\n      </Styled.Wrapper>\n\n      <Styled.ContentWrapper $expanded={widgetExpanded}>\n        <Styled.Content>\n          <MilestoneTabs\n            goalCategory={goalCategory}\n            isGoalCreation={!!goalCode}\n            isDraftMilestone={isDraftMilestone}\n            isOutcomeAdded={isOutcomeAdded}\n            isMilestoneActive={isMilestoneActive}\n            isPlanAvailable={isPlanAvailable}\n            userMilestoneId={milestoneId}\n            chapters={chaptersData}\n            userType={userType}\n            canUpdatePlan={canUpdatePlan}\n            milestoneState={milestoneState}\n            studentId={studentId}\n            onAddChapter={onAddChapter}\n            onAssignResources={onAssignResources}\n            onChapterClick={onChapterClick}\n            onCreateMilestoneTest={onCreateMilestoneTest}\n            onPreview={onPreview}\n            onReattempt={onReattempt}\n            onReset={onReset}\n            onResume={onResume}\n            onReview={onReview}\n            onStart={onStart}\n            onTestPreview={onTestPreview}\n            onTestReview={onTestReview}\n            onTestStart={onTestStart}\n            onUnAssignSheet={onUnAssignSheet}\n            milestonePermissions={milestonePermissions}\n            activeMilestoneId={activeMilestoneId}\n            activeTabId={activeTabId}\n            onWidgetTabSelection={onWidgetTabSelection}\n          />\n        </Styled.Content>\n      </Styled.ContentWrapper>\n    </Styled.MainContainer>\n  );\n});\n\nexport default MilestoneWidget;\n"],"names":["VARIANT_CONFIG","MilestoneWidget","memo","props","milestone","studentId","isMilestoneActive","restMilestoneWidgetProps","isStudentPresent","isClassOngoing","userType","studentName","parentName","teacherName","courseStream","activeMilestoneId","activeTabId","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onPreview","onReattempt","onReset","onResume","onReview","onStart","onDraftPublish","onAddChapter","onAssignResources","onUnAssignSheet","onDelete","onWidgetTabSelection","onTestPreview","onTestReview","onTestStart","milestoneType","milestoneId","createdOn","dueDate","userMileStonePlan","outcomeData","milestoneState","milestonePermissions","goalCode","goalCategory","widgetExpanded","setWidgetExpanded","useState","theme","useTheme","layout","gutter","isPlanAvailable","canUpdatePlan","outcomes","chaptersData","toggleExpand","useCallback","prev","isDraftMilestone","isOutcomeAdded","isDueDatePassed","progressBarColor","goalBackgroundColor","goalBorderColor","getGoalCategoryBasedColorTheme","totalDays","useMemo","differenceInCalendarDays","remainingDays","handleOnWidgetExpand","handleGoalDelete","useEffect","$element","Styled.MainContainer","jsx","FlexView","TimeLeftTimeline","MilestoneWidgetStatus","Styled.Wrapper","jsxs","MilestoneInfoWrapper","GoalActionCtas","OutcomeWrapper","Styled.ContentWrapper","Styled.Content","MilestoneTabs"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"outcome-info.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-info.tsx"],"sourcesContent":["import type { IOutcomeInfoProps } from '../milestone-widget-types';\n\nimport React, { memo } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { OUTCOME_LABELS } from '../milestone-constants';\nimport { formatOutcomeValue } from '../milestone-utils';\nimport Ranks from './outcome-rank';\nimport * as Styled from './outcome-styled';\n\nconst OutcomeInfo: React.FC<IOutcomeInfoProps> = memo(({ outcomes }) => {\n  const otherOutcome =\n    Array.isArray(outcomes) && outcomes.find(outcome => outcome.name === 'others');\n  const secondaryOutcomePresent = Array.isArray(outcomes) && outcomes.length > 1;\n\n  return (\n    <FlexView $gutterX={1} $widthX={15}>\n      <Styled.OutcomeInfoWrapper $gapX={!secondaryOutcomePresent && otherOutcome ? 0 : 0.75}>\n        {Array.isArray(outcomes) &&\n          outcomes.map(({ name, value, max }) => {\n            return (\n              name !== 'others' && (\n                <React.Fragment key={name}>\n                  <Styled.OutcomeLabelText $renderAs=\"body2\">\n                    {OUTCOME_LABELS[name]}\n                  </Styled.OutcomeLabelText>\n                  {name === 'ranks' ? (\n                    <div>\n                      <Ranks value={value} size=\"small\" />\n                    </div>\n                  ) : (\n                    <Text $renderAs=\"body1Medium\">{formatOutcomeValue(name, value, max)}</Text>\n                  )}\n                </React.Fragment>\n              )\n            );\n          })}\n      </Styled.OutcomeInfoWrapper>\n      {otherOutcome && (\n        <>\n          {secondaryOutcomePresent && <FlexView $background=\"GREY_2\" $height={1} />}\n          <FlexView $gapX={0.75}>\n            <>\n              {otherOutcome.name === 'ranks' ? (\n                <Ranks size=\"xSmall\" value={otherOutcome.value} />\n              ) : (\n                <Text $renderAs=\"body2\">{otherOutcome.value}</Text>\n              )}\n            </>\n          </FlexView>\n        </>\n      )}\n    </FlexView>\n  );\n});\n\nexport default OutcomeInfo;\n"],"names":["OutcomeInfo","memo","outcomes","otherOutcome","outcome","secondaryOutcomePresent","jsxs","FlexView","jsx","Styled.OutcomeInfoWrapper","name","value","max","React","Styled.OutcomeLabelText","OUTCOME_LABELS","Ranks","Text","Fragment"],"mappings":";;;;;;;;AAWA,MAAMA,IAA2CC,EAAK,CAAC,EAAE,UAAAC,QAAe;AAChE,QAAAC,IACJ,MAAM,QAAQD,CAAQ,KAAKA,EAAS,KAAK,CAAAE,MAAWA,EAAQ,SAAS,QAAQ,GACzEC,IAA0B,MAAM,QAAQH,CAAQ,KAAKA,EAAS,SAAS;AAE7E,SACG,gBAAAI,EAAAC,GAAA,EAAS,UAAU,GAAG,SAAS,IAC9B,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAA0B,OAAO,CAACJ,KAA2BF,IAAe,IAAI,MAC9E,UAAA,MAAM,QAAQD,CAAQ,KACrBA,EAAS,IAAI,CAAC,EAAE,MAAAQ,GAAM,OAAAC,GAAO,KAAAC,QAEzBF,MAAS,YACN,gBAAAJ,EAAAO,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACM,GAAA,EAAwB,WAAU,SAChC,UAAAC,EAAeL,CAAI,GACtB;AAAA,MACCA,MAAS,UACR,gBAAAF,EAAC,SACC,UAAC,gBAAAA,EAAAQ,GAAA,EAAM,OAAAL,GAAc,MAAK,QAAQ,CAAA,GACpC,IAEA,gBAAAH,EAACS,KAAK,WAAU,eAAe,YAAmBP,GAAMC,GAAOC,CAAG,EAAE,CAAA;AAAA,IAAA,EAAA,GATnDF,CAWrB,CAGL,GACL;AAAA,IACCP,KAEI,gBAAAG,EAAAY,GAAA,EAAA,UAAA;AAAA,MAAAb,KAA4B,gBAAAG,EAAAD,GAAA,EAAS,aAAY,UAAS,SAAS,GAAG;AAAA,MACvE,gBAAAC,EAACD,KAAS,OAAO,MACf,iCACG,UAAaJ,EAAA,SAAS,UACrB,gBAAAK,EAACQ,GAAM,EAAA,MAAK,UAAS,OAAOb,EAAa,MAAO,CAAA,IAE/C,gBAAAK,EAAAS,GAAA,EAAK,WAAU,SAAS,UAAAd,EAAa,MAAM,CAAA,EAAA,CAEhD,EACF,CAAA;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"outcome-info.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/outcome/outcome-info.tsx"],"sourcesContent":["import type { IOutcomeInfoProps } from '../milestone-widget-types';\n\nimport React, { memo } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { OUTCOME_LABELS } from '../milestone-constants';\nimport { formatOutcomeValue } from '../milestone-utils';\nimport Ranks from './outcome-rank';\nimport * as Styled from './outcome-styled';\n\nconst OutcomeInfo: React.FC<IOutcomeInfoProps> = memo(({ outcomes }) => {\n  const otherOutcome =\n    Array.isArray(outcomes) && outcomes.find(outcome => outcome.name === 'others');\n  const secondaryOutcomePresent = Array.isArray(outcomes) && outcomes.length > 1;\n\n  return (\n    <FlexView $gutterX={1} $widthX={15}>\n      <Styled.OutcomeInfoWrapper $gapX={!secondaryOutcomePresent && otherOutcome ? 0 : 0.75}>\n        {Array.isArray(outcomes) &&\n          outcomes.map(({ name, value, max }) => {\n            return (\n              name !== 'others' && (\n                <React.Fragment key={name}>\n                  <Styled.OutcomeLabelText $renderAs=\"body2\">\n                    {OUTCOME_LABELS[name]}\n                  </Styled.OutcomeLabelText>\n                  {name === 'ranks' ? (\n                    <div>\n                      <Ranks value={value} size=\"small\" />\n                    </div>\n                  ) : (\n                    <Text $renderAs=\"body1Medium\">{formatOutcomeValue(name, value, max)}</Text>\n                  )}\n                </React.Fragment>\n              )\n            );\n          })}\n      </Styled.OutcomeInfoWrapper>\n      {otherOutcome && (\n        <>\n          {secondaryOutcomePresent && <FlexView $background=\"GREY_2\" $height={1} />}\n          <FlexView $gapX={0.75}>\n            <>\n              {otherOutcome.name === 'ranks' ? (\n                <Ranks size=\"xSmall\" value={otherOutcome.value} />\n              ) : (\n                <Text $renderAs=\"body2\">{otherOutcome.value}</Text>\n              )}\n            </>\n          </FlexView>\n        </>\n      )}\n    </FlexView>\n  );\n});\n\nexport default OutcomeInfo;\n"],"names":["OutcomeInfo","memo","outcomes","otherOutcome","outcome","secondaryOutcomePresent","jsxs","FlexView","jsx","Styled.OutcomeInfoWrapper","name","value","max","React","Styled.OutcomeLabelText","OUTCOME_LABELS","Ranks","Text","Fragment"],"mappings":";;;;;;;;AAWA,MAAMA,IAA2CC,EAAK,CAAC,EAAE,UAAAC,QAAe;AAChE,QAAAC,IACJ,MAAM,QAAQD,CAAQ,KAAKA,EAAS,KAAK,CAAAE,MAAWA,EAAQ,SAAS,QAAQ,GACzEC,IAA0B,MAAM,QAAQH,CAAQ,KAAKA,EAAS,SAAS;AAE7E,SACG,gBAAAI,EAAAC,GAAA,EAAS,UAAU,GAAG,SAAS,IAC9B,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAA0B,OAAO,CAACJ,KAA2BF,IAAe,IAAI,MAC9E,UAAA,MAAM,QAAQD,CAAQ,KACrBA,EAAS,IAAI,CAAC,EAAE,MAAAQ,GAAM,OAAAC,GAAO,KAAAC,QAEzBF,MAAS,YACN,gBAAAJ,EAAAO,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACM,GAAA,EAAwB,WAAU,SAChC,UAAAC,EAAeL,CAAI,GACtB;AAAA,MACCA,MAAS,UACR,gBAAAF,EAAC,SACC,UAAC,gBAAAA,EAAAQ,GAAA,EAAM,OAAAL,GAAc,MAAK,QAAA,CAAQ,EACpC,CAAA,IAEA,gBAAAH,EAACS,KAAK,WAAU,eAAe,YAAmBP,GAAMC,GAAOC,CAAG,EAAE,CAAA;AAAA,IAAA,EAAA,GATnDF,CAWrB,CAGL,GACL;AAAA,IACCP,KAEI,gBAAAG,EAAAY,GAAA,EAAA,UAAA;AAAA,MAAAb,KAA4B,gBAAAG,EAAAD,GAAA,EAAS,aAAY,UAAS,SAAS,GAAG;AAAA,MACvE,gBAAAC,EAACD,KAAS,OAAO,MACf,iCACG,UAAaJ,EAAA,SAAS,UACrB,gBAAAK,EAACQ,GAAM,EAAA,MAAK,UAAS,OAAOb,EAAa,MAAO,CAAA,IAE/C,gBAAAK,EAAAS,GAAA,EAAK,WAAU,SAAS,UAAAd,EAAa,MAAM,CAAA,EAEhD,CAAA,EACF,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}