@cuemath/leap 3.3.38-m → 3.4.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"use-catalog-helpers.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.ts"],"sourcesContent":["import type { ISectionOption } from '../../../../../ui/section-list/section-list-types';\nimport type {\n  IMilestoneConfig,\n  ISearchChapterFields,\n  TCourseStream,\n  TCurriculumStandardOption,\n  TEnrollmentTypes,\n  TMilestoneFormFlow,\n} from '../../../milestone-create-types';\n\nimport { useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../../constants';\nimport {\n  getGradesBasedOnGoalAvailability,\n  getMajorsFromConfigBasedOnBoardAndGrade,\n} from '../../../milestone-create-helpers';\nimport { getCategorizedCurriculumStandards } from '../../class-details-step/class-details-utils';\n\ntype TOptions = { id: string; label: string };\n\ninterface IUseCatalogHelpers {\n  (args: {\n    config: IMilestoneConfig;\n    searchChapterFields: Partial<ISearchChapterFields>;\n    region: string;\n    courseStream: TCourseStream;\n    classRatio: number;\n    enrollmentType: TEnrollmentTypes;\n    flow?: TMilestoneFormFlow | null;\n    isTeacherTrainingAccount?: boolean;\n  }): {\n    grades: TOptions[];\n    boards: ISectionOption<TCurriculumStandardOption>[];\n    majors: TOptions[];\n  };\n}\n\nconst useCatalogHelpers: IUseCatalogHelpers = ({\n  config,\n  searchChapterFields,\n  region,\n  courseStream,\n  classRatio,\n  enrollmentType,\n  flow,\n  isTeacherTrainingAccount,\n}) => {\n  const { selectedCurriculum = '', selectedGrade = '' } = searchChapterFields;\n\n  const grades = useMemo(() => {\n    //* We don't allow to add custom chapters to TEST_PREP & ENRICHMENT\n    return getGradesBasedOnGoalAvailability(\n      config,\n      'SCHOOL_SUCCESS',\n      courseStream,\n      enrollmentType,\n      isTeacherTrainingAccount,\n    );\n  }, [config, courseStream, enrollmentType, isTeacherTrainingAccount]);\n\n  const boards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(config, {\n        countryCode: region ?? '',\n        grade: selectedGrade,\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream,\n        classRatio,\n        enrollmentType,\n        flow,\n        isTeacherTrainingAccount,\n      }),\n    [\n      config,\n      region,\n      selectedGrade,\n      courseStream,\n      classRatio,\n      enrollmentType,\n      flow,\n      isTeacherTrainingAccount,\n    ],\n  );\n\n  const majors = useMemo(() => {\n    return getMajorsFromConfigBasedOnBoardAndGrade(\n      config,\n      selectedCurriculum,\n      selectedGrade,\n      courseStream,\n      enrollmentType,\n      isTeacherTrainingAccount,\n    );\n  }, [\n    config,\n    selectedCurriculum,\n    selectedGrade,\n    courseStream,\n    enrollmentType,\n    isTeacherTrainingAccount,\n  ]);\n\n  return {\n    grades,\n    boards,\n    majors,\n  };\n};\n\nexport { useCatalogHelpers };\n"],"names":["useCatalogHelpers","config","searchChapterFields","region","courseStream","classRatio","enrollmentType","flow","isTeacherTrainingAccount","selectedCurriculum","selectedGrade","grades","useMemo","getGradesBasedOnGoalAvailability","boards","getCategorizedCurriculumStandards","GOAL_CATEGORY","majors","getMajorsFromConfigBasedOnBoardAndGrade"],"mappings":";;;;AAsCA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,QAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,0BAAAC;AACF,MAAM;AACJ,QAAM,EAAE,oBAAAC,IAAqB,IAAI,eAAAC,IAAgB,OAAOR,GAElDS,IAASC,EAAQ,MAEdC;AAAA,IACLZ;AAAA,IACA;AAAA,IACAG;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,GAED,CAACP,GAAQG,GAAcE,GAAgBE,CAAwB,CAAC,GAE7DM,IAASF;AAAA,IACb,MACEG,EAAkCd,GAAQ;AAAA,MACxC,aAAaE,KAAU;AAAA,MACvB,OAAOO;AAAA,MACP,cAAcM,EAAc;AAAA,MAC5B,cAAAZ;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,MAAAC;AAAA,MACA,0BAAAC;AAAA,IAAA,CACD;AAAA,IACH;AAAA,MACEP;AAAA,MACAE;AAAA,MACAO;AAAA,MACAN;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IACF;AAAA,EAAA,GAGIS,IAASL,EAAQ,MACdM;AAAA,IACLjB;AAAA,IACAQ;AAAA,IACAC;AAAA,IACAN;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,GAED;AAAA,IACDP;AAAA,IACAQ;AAAA,IACAC;AAAA,IACAN;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,CACD;AAEM,SAAA;AAAA,IACL,QAAAG;AAAA,IACA,QAAAG;AAAA,IACA,QAAAG;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-catalog-helpers.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/hooks/use-catalog-helpers.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type { ISectionOption } from '../../../../../ui/section-list/section-list-types';\nimport { GOAL_CATEGORY } from '../../../../constants';\nimport {\n  getGradesBasedOnGoalAvailability,\n  getMajorsFromConfigBasedOnBoardAndGrade,\n} from '../../../milestone-create-helpers';\nimport type {\n  IMilestoneConfig,\n  ISearchChapterFields,\n  TCourseStream,\n  TCurriculumStandardOption,\n  TEnrollmentTypes,\n  TMilestoneFormFlow,\n} from '../../../milestone-create-types';\nimport { getCategorizedCurriculumStandards } from '../../class-details-step/class-details-utils';\n\ntype TOptions = { id: string; label: string };\n\ninterface IUseCatalogHelpers {\n  (args: {\n    config: IMilestoneConfig;\n    searchChapterFields: Partial<ISearchChapterFields>;\n    region: string;\n    courseStream: TCourseStream;\n    classRatio: number;\n    enrollmentType: TEnrollmentTypes;\n    flow?: TMilestoneFormFlow | null;\n    isTeacherTrainingAccount?: boolean;\n  }): {\n    grades: TOptions[];\n    boards: ISectionOption<TCurriculumStandardOption>[];\n    majors: TOptions[];\n  };\n}\n\nconst useCatalogHelpers: IUseCatalogHelpers = ({\n  config,\n  searchChapterFields,\n  region,\n  courseStream,\n  classRatio,\n  enrollmentType,\n  flow,\n  isTeacherTrainingAccount,\n}) => {\n  const { selectedCurriculum = '', selectedGrade = '' } = searchChapterFields;\n\n  const grades = useMemo(() => {\n    //* We don't allow to add custom chapters to TEST_PREP & ENRICHMENT\n    return getGradesBasedOnGoalAvailability(\n      config,\n      'SCHOOL_SUCCESS',\n      courseStream,\n      enrollmentType,\n      isTeacherTrainingAccount,\n    );\n  }, [config, courseStream, enrollmentType, isTeacherTrainingAccount]);\n\n  const boards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(config, {\n        countryCode: region ?? '',\n        grade: selectedGrade,\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream,\n        classRatio,\n        enrollmentType,\n        flow,\n        isTeacherTrainingAccount,\n      }),\n    [\n      config,\n      region,\n      selectedGrade,\n      courseStream,\n      classRatio,\n      enrollmentType,\n      flow,\n      isTeacherTrainingAccount,\n    ],\n  );\n\n  const majors = useMemo(() => {\n    return getMajorsFromConfigBasedOnBoardAndGrade(\n      config,\n      selectedCurriculum,\n      selectedGrade,\n      courseStream,\n      enrollmentType,\n      isTeacherTrainingAccount,\n    );\n  }, [\n    config,\n    selectedCurriculum,\n    selectedGrade,\n    courseStream,\n    enrollmentType,\n    isTeacherTrainingAccount,\n  ]);\n\n  return {\n    grades,\n    boards,\n    majors,\n  };\n};\n\nexport { useCatalogHelpers };\n"],"names":["useCatalogHelpers","config","searchChapterFields","region","courseStream","classRatio","enrollmentType","flow","isTeacherTrainingAccount","selectedCurriculum","selectedGrade","grades","useMemo","getGradesBasedOnGoalAvailability","boards","getCategorizedCurriculumStandards","GOAL_CATEGORY","majors","getMajorsFromConfigBasedOnBoardAndGrade"],"mappings":";;;;AAqCA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,QAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,0BAAAC;AACF,MAAM;AACJ,QAAM,EAAE,oBAAAC,IAAqB,IAAI,eAAAC,IAAgB,OAAOR,GAElDS,IAASC,EAAQ,MAEdC;AAAA,IACLZ;AAAA,IACA;AAAA,IACAG;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,GAED,CAACP,GAAQG,GAAcE,GAAgBE,CAAwB,CAAC,GAE7DM,IAASF;AAAA,IACb,MACEG,EAAkCd,GAAQ;AAAA,MACxC,aAAaE,KAAU;AAAA,MACvB,OAAOO;AAAA,MACP,cAAcM,EAAc;AAAA,MAC5B,cAAAZ;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,MAAAC;AAAA,MACA,0BAAAC;AAAA,IAAA,CACD;AAAA,IACH;AAAA,MACEP;AAAA,MACAE;AAAA,MACAO;AAAA,MACAN;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IACF;AAAA,EAAA,GAGIS,IAASL,EAAQ,MACdM;AAAA,IACLjB;AAAA,IACAQ;AAAA,IACAC;AAAA,IACAN;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,GAED;AAAA,IACDP;AAAA,IACAQ;AAAA,IACAC;AAAA,IACAN;AAAA,IACAE;AAAA,IACAE;AAAA,EAAA,CACD;AAEM,SAAA;AAAA,IACL,QAAAG;AAAA,IACA,QAAAG;AAAA,IACA,QAAAG;AAAA,EAAA;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"search-chapters.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/search-chapter/search-chapters.tsx"],"sourcesContent":["import type { IChapter } from '../../chapter-item/chapter-item-types';\nimport type { ISearchChapterProps } from './search-chapter-types';\nimport type { FC } from 'react';\n\nimport { useCallback, memo } from 'react';\n\nimport { IMAGES } from '../../../../../../assets/images/images';\nimport Image from '../../../../../ui/image/image';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport AppLoader from '../../../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../../../ui/text/text';\nimport ChapterItemV2 from '../../chapter-item/chapter-item';\nimport SelectedChapters from '../selected-chapters/selected-chapters';\nimport * as Styled from './chapters-styled';\n\nconst ChapterSearch: FC<ISearchChapterProps> = memo(props => {\n  const { onFormDataChange, formData, isProcessing } = props;\n  const {\n    selectedChaptersList = [],\n    primaryChaptersList = [],\n    searchedChaptersList = [],\n  } = formData;\n\n  const handleOnAddCustomChapter = useCallback(\n    (chapterId: string) => {\n      const searchedChapter = searchedChaptersList.find(({ id }) => chapterId === id);\n      const isThisPrimaryChapter = primaryChaptersList.some(chapter => chapter.id === chapterId);\n      const isChapterAlreadyAdded = selectedChaptersList.some(\n        ({ id, added }) => id === chapterId && added,\n      );\n\n      if (searchedChapter && !isThisPrimaryChapter && !isChapterAlreadyAdded) {\n        const addedChapter: IChapter = {\n          ...searchedChapter,\n          added: true,\n          search_and_added: true,\n        };\n\n        onFormDataChange({\n          selectedChaptersList: [...selectedChaptersList, addedChapter],\n          searchedChaptersList: searchedChaptersList.map(chapter =>\n            chapter.id === chapterId ? { ...chapter, added: true } : chapter,\n          ),\n        });\n      }\n    },\n    [searchedChaptersList, onFormDataChange, selectedChaptersList, primaryChaptersList],\n  );\n\n  return (\n    <FlexView $flexDirection=\"row\" $inherit $width=\"100%\">\n      <Styled.Container\n        $height=\"100%\"\n        $justifyContent={searchedChaptersList.length ? 'flex-start' : 'center'}\n        $gapX={1.5}\n        $gutterX={1.5}\n      >\n        {isProcessing ? (\n          <FlexView $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n            <AppLoader height=\"100%\" />\n          </FlexView>\n        ) : (\n          <>\n            {searchedChaptersList.length > 0 ? (\n              <Styled.ChaptersList>\n                <FlexView $flexDirection=\"row\" $flexGapX={1.25} $flexWrap>\n                  {searchedChaptersList.map((chapter, idx) => {\n                    const isThisPrimaryChapter = primaryChaptersList.some(\n                      ({ code }) => chapter.code === code,\n                    );\n                    const isChapterAlreadyAdded = selectedChaptersList.some(\n                      ({ id, added }) => id === chapter.id && added,\n                    );\n\n                    return (\n                      <ChapterItemV2\n                        key={chapter.id}\n                        chapterData={chapter}\n                        canAddChapter={!isThisPrimaryChapter && !isChapterAlreadyAdded}\n                        chapterNo={idx + 1}\n                        isThisPrimaryChapter={isThisPrimaryChapter}\n                        onChapterItemClick={handleOnAddCustomChapter}\n                      />\n                    );\n                  })}\n                </FlexView>\n              </Styled.ChaptersList>\n            ) : (\n              <FlexView\n                $flexRowGap={24}\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $alignSelf=\"center\"\n                $marginBottomX={5.75}\n                $height=\"100%\"\n              >\n                <Image width={180} height={108} src={IMAGES.NO_INFO} alt=\"No Chapter\" withLoader />\n\n                <Text $renderAs=\"ab2-bold\" $align=\"center\" $color=\"REAL_BLACK_60\" $widthX={21}>\n                  Choose a grade and curriculum to display the chapters\n                </Text>\n              </FlexView>\n            )}\n          </>\n        )}\n      </Styled.Container>\n\n      <SelectedChapters formData={formData} onFormDataChange={onFormDataChange} />\n    </FlexView>\n  );\n});\n\nexport default ChapterSearch;\n"],"names":["ChapterSearch","memo","props","onFormDataChange","formData","isProcessing","selectedChaptersList","primaryChaptersList","searchedChaptersList","handleOnAddCustomChapter","useCallback","chapterId","searchedChapter","id","isThisPrimaryChapter","chapter","isChapterAlreadyAdded","added","addedChapter","FlexView","jsx","Styled.Container","AppLoader","Fragment","Styled.ChaptersList","idx","code","ChapterItemV2","jsxs","Image","IMAGES","Text","SelectedChapters"],"mappings":"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"}
+{"version":3,"file":"search-chapters.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/search-chapter/search-chapters.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useCallback, memo } from 'react';\n\nimport { IMAGES } from '../../../../../../assets/images/images';\nimport Image from '../../../../../ui/image/image';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport AppLoader from '../../../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../../../ui/text/text';\nimport ChapterItemV2 from '../../chapter-item/chapter-item';\nimport type { IChapter } from '../../chapter-item/chapter-item-types';\nimport SelectedChapters from '../selected-chapters/selected-chapters';\nimport * as Styled from './chapters-styled';\nimport type { ISearchChapterProps } from './search-chapter-types';\n\nconst ChapterSearch: FC<ISearchChapterProps> = memo(props => {\n  const { onFormDataChange, formData, isProcessing } = props;\n  const {\n    selectedChaptersList = [],\n    primaryChaptersList = [],\n    searchedChaptersList = [],\n  } = formData;\n\n  const handleOnAddCustomChapter = useCallback(\n    (chapterId: string) => {\n      const searchedChapter = searchedChaptersList.find(({ id }) => chapterId === id);\n      const isThisPrimaryChapter = primaryChaptersList.some(chapter => chapter.id === chapterId);\n      const isChapterAlreadyAdded = selectedChaptersList.some(\n        ({ id, added }) => id === chapterId && added,\n      );\n\n      if (searchedChapter && !isThisPrimaryChapter && !isChapterAlreadyAdded) {\n        const addedChapter: IChapter = {\n          ...searchedChapter,\n          added: true,\n          search_and_added: true,\n        };\n\n        onFormDataChange({\n          selectedChaptersList: [...selectedChaptersList, addedChapter],\n          searchedChaptersList: searchedChaptersList.map(chapter =>\n            chapter.id === chapterId ? { ...chapter, added: true } : chapter,\n          ),\n        });\n      }\n    },\n    [searchedChaptersList, onFormDataChange, selectedChaptersList, primaryChaptersList],\n  );\n\n  return (\n    <FlexView $flexDirection=\"row\" $inherit $width=\"100%\">\n      <Styled.Container\n        $height=\"100%\"\n        $justifyContent={searchedChaptersList.length ? 'flex-start' : 'center'}\n        $gapX={1.5}\n        $gutterX={1.5}\n      >\n        {isProcessing ? (\n          <FlexView $height=\"100%\" $alignItems=\"center\" $justifyContent=\"center\">\n            <AppLoader height=\"100%\" />\n          </FlexView>\n        ) : (\n          <>\n            {searchedChaptersList.length > 0 ? (\n              <Styled.ChaptersList>\n                <FlexView $flexDirection=\"row\" $flexGapX={1.25} $flexWrap>\n                  {searchedChaptersList.map((chapter, idx) => {\n                    const isThisPrimaryChapter = primaryChaptersList.some(\n                      ({ code }) => chapter.code === code,\n                    );\n                    const isChapterAlreadyAdded = selectedChaptersList.some(\n                      ({ id, added }) => id === chapter.id && added,\n                    );\n\n                    return (\n                      <ChapterItemV2\n                        key={chapter.id}\n                        chapterData={chapter}\n                        canAddChapter={!isThisPrimaryChapter && !isChapterAlreadyAdded}\n                        chapterNo={idx + 1}\n                        isThisPrimaryChapter={isThisPrimaryChapter}\n                        onChapterItemClick={handleOnAddCustomChapter}\n                      />\n                    );\n                  })}\n                </FlexView>\n              </Styled.ChaptersList>\n            ) : (\n              <FlexView\n                $flexRowGap={24}\n                $alignItems=\"center\"\n                $justifyContent=\"center\"\n                $alignSelf=\"center\"\n                $marginBottomX={5.75}\n                $height=\"100%\"\n              >\n                <Image width={180} height={108} src={IMAGES.NO_INFO} alt=\"No Chapter\" withLoader />\n\n                <Text $renderAs=\"ab2-bold\" $align=\"center\" $color=\"REAL_BLACK_60\" $widthX={21}>\n                  Choose a grade and curriculum to display the chapters\n                </Text>\n              </FlexView>\n            )}\n          </>\n        )}\n      </Styled.Container>\n\n      <SelectedChapters formData={formData} onFormDataChange={onFormDataChange} />\n    </FlexView>\n  );\n});\n\nexport default ChapterSearch;\n"],"names":["ChapterSearch","memo","props","onFormDataChange","formData","isProcessing","selectedChaptersList","primaryChaptersList","searchedChaptersList","handleOnAddCustomChapter","useCallback","chapterId","searchedChapter","id","isThisPrimaryChapter","chapter","isChapterAlreadyAdded","added","addedChapter","FlexView","jsx","Styled.Container","AppLoader","Fragment","Styled.ChaptersList","idx","code","ChapterItemV2","jsxs","Image","IMAGES","Text","SelectedChapters"],"mappings":"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"}

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

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

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

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

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

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

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

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

package/dist/features/milestone/create/comps/chapter-item/chapter-item-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapter-item-styled.js","sources":["../../../../../../src/features/milestone/create/comps/chapter-item/chapter-item-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport Info2Icon from '../../../../../assets/line-icons/icons/info2';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ninterface IChapterListWrapper {\n  $selectable: boolean;\n}\n\nconst ChapterListWrapper = styled(FlexView)<IChapterListWrapper>(({ $selectable }) => {\n  return `\n    cursor: ${$selectable ? 'pointer' : 'default'};\n  `;\n});\n\ninterface IStyledText {\n  $lineClampNo?: number;\n}\n\nconst StyledText = styled(Text)<IStyledText>(({ $lineClampNo }) => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: ${$lineClampNo || 2};\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nconst ChapterInfoWrapper = styled(FlexView)(() => {\n  return `\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    z-index: 1;\n  `;\n});\n\nconst ChapterInfoIcon = styled(Info2Icon)(({ theme }) => {\n  const { colors, layout } = theme;\n  const { BLACK_T_60 } = colors;\n\n  return `\n    width: ${layout.gutter}px;\n    height: ${layout.gutter}px;\n    cursor: pointer;\n\n    border: 1px solid ${BLACK_T_60};\n    border-radius: 50%;\n\n    path {\n      fill: ${BLACK_T_60};\n    }\n  `;\n});\n\ninterface ISheetsListWrapper {\n  $top?: number;\n  $left?: number;\n  $bottom?: number;\n}\n\nconst SheetsListWrapper = styled(FlexView)<ISheetsListWrapper>(({\n  $top,\n  $left,\n  $bottom,\n  theme,\n}) => {\n  const { zIndex } = theme;\n\n  return `\n    position: fixed;\n    \n    ${$top ? `top: ${$top}px;` : ''}\n    ${$left ? `left: ${$left}px;` : ''}\n    ${$bottom ? `bottom: ${$bottom}px;` : ''}\n    z-index: ${zIndex.GOAL_CHAPTER_SHEETS_MENU};\n  `;\n});\n\nconst ChapterProgressSVG = styled.svg(() => {\n  return `\n    position: absolute;\n    inset: 50%;\n    transform: translate(-50%, -50%) rotate(90deg);\n  `;\n});\n\ninterface IChapterProgressSVGCircleProps {\n  $progressCircle?: boolean;\n  $progress: number;\n  $progressBackground?: TColorNames;\n}\n\nconst ChapterProgressSVGCircle = styled.circle<IChapterProgressSVGCircleProps>(\n  ({ theme, $progressCircle, $progress, $progressBackground }) => {\n    const { colors, layout } = theme;\n    const { GREY_2 } = colors;\n    const { gutter } = layout;\n\n    const strokeDashArray = gutter * 22.5;\n    const strokeDashOffset = $progressCircle ? strokeDashArray - $progress : $progress;\n\n    return `\n      stroke-dasharray: ${strokeDashArray};\n      stroke-dashoffset: ${strokeDashOffset};\n      stroke: ${$progressCircle ? colors[$progressBackground || 'BLACK'] : GREY_2};\n\n      stroke-width: ${gutter * 0.125}px;\n      fill: none;\n    `;\n  },\n);\n\nexport {\n  ChapterListWrapper,\n  StyledText,\n  ChapterInfoWrapper,\n  ChapterInfoIcon,\n  SheetsListWrapper,\n  ChapterProgressSVG,\n  ChapterProgressSVGCircle,\n};\n"],"names":["ChapterListWrapper","styled","FlexView","$selectable","StyledText","Text","$lineClampNo","ChapterInfoWrapper","ChapterInfoIcon","Info2Icon","theme","colors","layout","BLACK_T_60","SheetsListWrapper","$top","$left","$bottom","zIndex","ChapterProgressSVG","ChapterProgressSVGCircle","$progressCircle","$progress","$progressBackground","GREY_2","gutter","strokeDashArray","strokeDashOffset"],"mappings":";;;;AAYA,MAAMA,IAAqBC,EAAOC,CAAQ,EAAuB,CAAC,EAAE,aAAAC,QAC3D;AAAA,cACKA,IAAc,YAAY,SAAS;AAAA,GAEhD,GAMKC,IAAaH,EAAOI,CAAI,EAAe,CAAC,EAAE,cAAAC,QACvC;AAAA;AAAA;AAAA,0BAGiBA,KAAgB,CAAC;AAAA;AAAA;AAAA,GAI1C,GAEKC,IAAqBN,EAAOC,CAAQ,EAAE,MACnC;AAAA;AAAA;AAAA;AAAA;AAAA,GAMR,GAEKM,IAAkBP,EAAOQ,CAAS,EAAE,CAAC,EAAE,OAAAC,QAAY;AACjD,QAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAF,GACrB,EAAE,YAAAG,EAAe,IAAAF;AAEhB,SAAA;AAAA,aACIC,EAAO,MAAM;AAAA,cACZA,EAAO,MAAM;AAAA;AAAA;AAAA,wBAGHC,CAAU;AAAA;AAAA;AAAA;AAAA,cAIpBA,CAAU;AAAA;AAAA;AAGxB,CAAC,GAQKC,IAAoBb,EAAOC,CAAQ,EAAsB,CAAC;AAAA,EAC9D,MAAAa;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAP;AACF,MAAM;AACE,QAAA,EAAE,QAAAQ,EAAW,IAAAR;AAEZ,SAAA;AAAA;AAAA;AAAA,MAGHK,IAAO,QAAQA,CAAI,QAAQ,EAAE;AAAA,MAC7BC,IAAQ,SAASA,CAAK,QAAQ,EAAE;AAAA,MAChCC,IAAU,WAAWA,CAAO,QAAQ,EAAE;AAAA,eAC7BC,EAAO,wBAAwB;AAAA;AAE9C,CAAC,GAEKC,IAAqBlB,EAAO,IAAI,MAC7B;AAAA;AAAA;AAAA;AAAA,GAKR,GAQKmB,IAA2BnB,EAAO;AAAA,EACtC,CAAC,EAAE,OAAAS,GAAO,iBAAAW,GAAiB,WAAAC,GAAW,qBAAAC,QAA0B;AACxD,UAAA,EAAE,QAAAZ,GAAQ,QAAAC,EAAW,IAAAF,GACrB,EAAE,QAAAc,EAAW,IAAAb,GACb,EAAE,QAAAc,EAAW,IAAAb,GAEbc,IAAkBD,IAAS,MAC3BE,IAAmBN,IAAkBK,IAAkBJ,IAAYA;AAElE,WAAA;AAAA,0BACeI,CAAe;AAAA,2BACdC,CAAgB;AAAA,gBAC3BN,IAAkBV,EAAOY,KAAuB,OAAO,IAAIC,CAAM;AAAA;AAAA,sBAE3DC,IAAS,KAAK;AAAA;AAAA;AAAA,EAGlC;AACF;"}
+{"version":3,"file":"chapter-item-styled.js","sources":["../../../../../../src/features/milestone/create/comps/chapter-item/chapter-item-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Info2Icon from '../../../../../assets/line-icons/icons/info2';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport type { TColorNames } from '../../../../ui/types';\n\ninterface IChapterListWrapper {\n  $selectable: boolean;\n}\n\nconst ChapterListWrapper = styled(FlexView)<IChapterListWrapper>(({ $selectable }) => {\n  return `\n    cursor: ${$selectable ? 'pointer' : 'default'};\n  `;\n});\n\ninterface IStyledText {\n  $lineClampNo?: number;\n}\n\nconst StyledText = styled(Text)<IStyledText>(({ $lineClampNo }) => {\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: ${$lineClampNo || 2};\n    text-overflow: ellipsis;\n    overflow: hidden;\n  `;\n});\n\nconst ChapterInfoWrapper = styled(FlexView)(() => {\n  return `\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    z-index: 1;\n  `;\n});\n\nconst ChapterInfoIcon = styled(Info2Icon)(({ theme }) => {\n  const { colors, layout } = theme;\n  const { BLACK_T_60 } = colors;\n\n  return `\n    width: ${layout.gutter}px;\n    height: ${layout.gutter}px;\n    cursor: pointer;\n\n    border: 1px solid ${BLACK_T_60};\n    border-radius: 50%;\n\n    path {\n      fill: ${BLACK_T_60};\n    }\n  `;\n});\n\ninterface ISheetsListWrapper {\n  $top?: number;\n  $left?: number;\n  $bottom?: number;\n}\n\nconst SheetsListWrapper = styled(FlexView)<ISheetsListWrapper>(({\n  $top,\n  $left,\n  $bottom,\n  theme,\n}) => {\n  const { zIndex } = theme;\n\n  return `\n    position: fixed;\n    \n    ${$top ? `top: ${$top}px;` : ''}\n    ${$left ? `left: ${$left}px;` : ''}\n    ${$bottom ? `bottom: ${$bottom}px;` : ''}\n    z-index: ${zIndex.GOAL_CHAPTER_SHEETS_MENU};\n  `;\n});\n\nconst ChapterProgressSVG = styled.svg(() => {\n  return `\n    position: absolute;\n    inset: 50%;\n    transform: translate(-50%, -50%) rotate(90deg);\n  `;\n});\n\ninterface IChapterProgressSVGCircleProps {\n  $progressCircle?: boolean;\n  $progress: number;\n  $progressBackground?: TColorNames;\n}\n\nconst ChapterProgressSVGCircle = styled.circle<IChapterProgressSVGCircleProps>(\n  ({ theme, $progressCircle, $progress, $progressBackground }) => {\n    const { colors, layout } = theme;\n    const { GREY_2 } = colors;\n    const { gutter } = layout;\n\n    const strokeDashArray = gutter * 22.5;\n    const strokeDashOffset = $progressCircle ? strokeDashArray - $progress : $progress;\n\n    return `\n      stroke-dasharray: ${strokeDashArray};\n      stroke-dashoffset: ${strokeDashOffset};\n      stroke: ${$progressCircle ? colors[$progressBackground || 'BLACK'] : GREY_2};\n\n      stroke-width: ${gutter * 0.125}px;\n      fill: none;\n    `;\n  },\n);\n\nexport {\n  ChapterListWrapper,\n  StyledText,\n  ChapterInfoWrapper,\n  ChapterInfoIcon,\n  SheetsListWrapper,\n  ChapterProgressSVG,\n  ChapterProgressSVGCircle,\n};\n"],"names":["ChapterListWrapper","styled","FlexView","$selectable","StyledText","Text","$lineClampNo","ChapterInfoWrapper","ChapterInfoIcon","Info2Icon","theme","colors","layout","BLACK_T_60","SheetsListWrapper","$top","$left","$bottom","zIndex","ChapterProgressSVG","ChapterProgressSVGCircle","$progressCircle","$progress","$progressBackground","GREY_2","gutter","strokeDashArray","strokeDashOffset"],"mappings":";;;;AAWA,MAAMA,IAAqBC,EAAOC,CAAQ,EAAuB,CAAC,EAAE,aAAAC,QAC3D;AAAA,cACKA,IAAc,YAAY,SAAS;AAAA,GAEhD,GAMKC,IAAaH,EAAOI,CAAI,EAAe,CAAC,EAAE,cAAAC,QACvC;AAAA;AAAA;AAAA,0BAGiBA,KAAgB,CAAC;AAAA;AAAA;AAAA,GAI1C,GAEKC,IAAqBN,EAAOC,CAAQ,EAAE,MACnC;AAAA;AAAA;AAAA;AAAA;AAAA,GAMR,GAEKM,IAAkBP,EAAOQ,CAAS,EAAE,CAAC,EAAE,OAAAC,QAAY;AACjD,QAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAF,GACrB,EAAE,YAAAG,EAAe,IAAAF;AAEhB,SAAA;AAAA,aACIC,EAAO,MAAM;AAAA,cACZA,EAAO,MAAM;AAAA;AAAA;AAAA,wBAGHC,CAAU;AAAA;AAAA;AAAA;AAAA,cAIpBA,CAAU;AAAA;AAAA;AAGxB,CAAC,GAQKC,IAAoBb,EAAOC,CAAQ,EAAsB,CAAC;AAAA,EAC9D,MAAAa;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAP;AACF,MAAM;AACE,QAAA,EAAE,QAAAQ,EAAW,IAAAR;AAEZ,SAAA;AAAA;AAAA;AAAA,MAGHK,IAAO,QAAQA,CAAI,QAAQ,EAAE;AAAA,MAC7BC,IAAQ,SAASA,CAAK,QAAQ,EAAE;AAAA,MAChCC,IAAU,WAAWA,CAAO,QAAQ,EAAE;AAAA,eAC7BC,EAAO,wBAAwB;AAAA;AAE9C,CAAC,GAEKC,IAAqBlB,EAAO,IAAI,MAC7B;AAAA;AAAA;AAAA;AAAA,GAKR,GAQKmB,IAA2BnB,EAAO;AAAA,EACtC,CAAC,EAAE,OAAAS,GAAO,iBAAAW,GAAiB,WAAAC,GAAW,qBAAAC,QAA0B;AACxD,UAAA,EAAE,QAAAZ,GAAQ,QAAAC,EAAW,IAAAF,GACrB,EAAE,QAAAc,EAAW,IAAAb,GACb,EAAE,QAAAc,EAAW,IAAAb,GAEbc,IAAkBD,IAAS,MAC3BE,IAAmBN,IAAkBK,IAAkBJ,IAAYA;AAElE,WAAA;AAAA,0BACeI,CAAe;AAAA,2BACdC,CAAgB;AAAA,gBAC3BN,IAAkBV,EAAOY,KAAuB,OAAO,IAAIC,CAAM;AAAA;AAAA,sBAE3DC,IAAS,KAAK;AAAA;AAAA;AAAA,EAGlC;AACF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"chapter-item.js","sources":["../../../../../../src/features/milestone/create/comps/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { IChapterItem, ISheetsListPosition } from './chapter-item-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useRef, useState } from 'react';\n\nimport { SHEET_STATE } from '../../../../sheets/constants/sheet';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport SheetsList from '../sheets-list/sheets-list';\nimport * as Styled from './chapter-item-styled';\n\nconst progressVisibleStates = [\n  'STARTED',\n  SHEET_STATE.FAMILIAR,\n  SHEET_STATE.PROFICIENT,\n  SHEET_STATE.MASTERED,\n];\n\nconst ChapterItemV2: FC<IChapterItem> = memo(props => {\n  const { chapterData, onChapterItemClick, isThisPrimaryChapter, showChapterTags, canAddChapter } =\n    props;\n  const {\n    name,\n    image_url: imageUrl,\n    added,\n    learning_sheet_data: learningSheetData,\n    id: chapterId,\n    chapter_tags: chapterTags,\n    state,\n  } = chapterData;\n\n  const showProgress =\n    state && progressVisibleStates.includes(state) && learningSheetData.length > 0;\n  const isMastered = state === 'MASTERED';\n\n  const [sheetsListPositionCoordinates, setSheetsListPositionCoordinates] =\n    useState<ISheetsListPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n  const handleSetCoordinates = useCallback(() => {\n    const { current } = containerRef;\n\n    if (current) {\n      const boundingClientRect = current.children[0]?.getBoundingClientRect();\n\n      if (boundingClientRect) {\n        const viewportWidth = window.innerWidth;\n        const viewportHeight = window.innerHeight;\n\n        const positions: ISheetsListPosition = {};\n\n        //* 288 (Width of card) + 8 (left position) = 296\n        if (boundingClientRect.left + 296 < viewportWidth) {\n          positions.left = boundingClientRect.left;\n        } else {\n          positions.left = boundingClientRect.left + 20 - 296;\n        }\n\n        //* 252 (Max height of card)\n        if (boundingClientRect.top + 252 < viewportHeight) {\n          positions.top = boundingClientRect.top + 20;\n        } else {\n          positions.bottom = viewportHeight - boundingClientRect.top + 8;\n        }\n\n        if (Object.keys(positions).length) {\n          setSheetsListPositionCoordinates({ ...positions });\n        }\n      }\n    }\n  }, [setSheetsListPositionCoordinates, containerRef]);\n\n  const {\n    menuVisible,\n    onMenuClick: onMenuClick,\n    hideMenu,\n  } = useContextMenuClickHandler(containerRef, handleSetCoordinates);\n\n  const handleOnSheetsView = useCallback(() => {\n    if (!menuVisible) {\n      onMenuClick();\n    } else {\n      hideMenu();\n    }\n  }, [onMenuClick, hideMenu, menuVisible]);\n\n  const handleOnChapterItemClick = useCallback(() => {\n    if (!canAddChapter) return null;\n\n    onChapterItemClick(chapterId);\n  }, [canAddChapter, chapterId, onChapterItemClick]);\n\n  return (\n    <FlexView $flexGap={4} $position=\"relative\">\n      <Styled.ChapterInfoWrapper ref={containerRef} onClick={handleOnSheetsView}>\n        <Styled.ChapterInfoIcon className=\"goal-chapter-info-icon\" />\n        {menuVisible && (\n          <Styled.SheetsListWrapper\n            $top={sheetsListPositionCoordinates?.top}\n            $left={sheetsListPositionCoordinates?.left}\n            $bottom={sheetsListPositionCoordinates?.bottom}\n          >\n            <SheetsList learningSheetData={learningSheetData} />\n          </Styled.SheetsListWrapper>\n        )}\n      </Styled.ChapterInfoWrapper>\n\n      <ArrowTooltip\n        position=\"bottom\"\n        renderAs=\"primary\"\n        tooltipItem=\"Duplicates can’t be added\"\n        hidden={!isThisPrimaryChapter}\n      >\n        <Styled.ChapterListWrapper\n          $widthX={9.5}\n          $heightX={8.875}\n          $gapX={1}\n          $gutterX={1}\n          $flexGap={12}\n          $position=\"relative\"\n          $alignItems=\"center\"\n          $selectable={canAddChapter}\n          $borderColor={added ? 'BLACK_T_87' : 'WHITE_5'}\n          $background={added ? 'WHITE_3' : 'WHITE_1'}\n          onClick={handleOnChapterItemClick}\n        >\n          <FlexView $position=\"relative\">\n            {showProgress && (\n              <Styled.ChapterProgressSVG width=\"62px\" height=\"62px\">\n                <Styled.ChapterProgressSVGCircle $progress={0} r=\"30\" cx=\"31\" cy=\"31\" />\n                <Styled.ChapterProgressSVGCircle\n                  $progressCircle\n                  $progressBackground={isMastered ? 'GREEN_5' : 'BLACK'}\n                  $progress={isMastered ? 360 : 95}\n                  r=\"30\"\n                  cx=\"31\"\n                  cy=\"31\"\n                />\n              </Styled.ChapterProgressSVG>\n            )}\n            <Image\n              src={imageUrl || ''}\n              alt={name}\n              withLoader\n              width={56}\n              height={56}\n              borderRadius={50}\n            />\n          </FlexView>\n\n          <Styled.StyledText $renderAs=\"ab3\" $align=\"center\">\n            {name}\n          </Styled.StyledText>\n        </Styled.ChapterListWrapper>\n      </ArrowTooltip>\n\n      {showChapterTags && (\n        <Styled.StyledText $renderAs=\"ab3\" $lineClampNo={1} $color=\"BLACK_T_60\">\n          {chapterTags}\n        </Styled.StyledText>\n      )}\n    </FlexView>\n  );\n});\n\nexport default ChapterItemV2;\n"],"names":["progressVisibleStates","SHEET_STATE","ChapterItemV2","memo","props","chapterData","onChapterItemClick","isThisPrimaryChapter","showChapterTags","canAddChapter","name","imageUrl","added","learningSheetData","chapterId","chapterTags","state","showProgress","isMastered","sheetsListPositionCoordinates","setSheetsListPositionCoordinates","useState","containerRef","useRef","handleSetCoordinates","useCallback","current","boundingClientRect","_a","viewportWidth","viewportHeight","positions","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleOnSheetsView","handleOnChapterItemClick","jsxs","FlexView","Styled.ChapterInfoWrapper","jsx","Styled.ChapterInfoIcon","Styled.SheetsListWrapper","SheetsList","ArrowTooltip","Styled.ChapterListWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Image","Styled.StyledText"],"mappings":"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"}
+{"version":3,"file":"chapter-item.js","sources":["../../../../../../src/features/milestone/create/comps/chapter-item/chapter-item.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo, useCallback, useRef, useState } from 'react';\n\nimport { SHEET_STATE } from '../../../../sheets/constants/sheet';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport useContextMenuClickHandler from '../../../../ui/hooks/use-context-menu-click-handler';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport SheetsList from '../sheets-list/sheets-list';\nimport * as Styled from './chapter-item-styled';\nimport type { IChapterItem, ISheetsListPosition } from './chapter-item-types';\n\nconst progressVisibleStates = [\n  'STARTED',\n  SHEET_STATE.FAMILIAR,\n  SHEET_STATE.PROFICIENT,\n  SHEET_STATE.MASTERED,\n];\n\nconst ChapterItemV2: FC<IChapterItem> = memo(props => {\n  const { chapterData, onChapterItemClick, isThisPrimaryChapter, showChapterTags, canAddChapter } =\n    props;\n  const {\n    name,\n    image_url: imageUrl,\n    added,\n    learning_sheet_data: learningSheetData,\n    id: chapterId,\n    chapter_tags: chapterTags,\n    state,\n  } = chapterData;\n\n  const showProgress =\n    state && progressVisibleStates.includes(state) && learningSheetData.length > 0;\n  const isMastered = state === 'MASTERED';\n\n  const [sheetsListPositionCoordinates, setSheetsListPositionCoordinates] =\n    useState<ISheetsListPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\n\n  const handleSetCoordinates = useCallback(() => {\n    const { current } = containerRef;\n\n    if (current) {\n      const boundingClientRect = current.children[0]?.getBoundingClientRect();\n\n      if (boundingClientRect) {\n        const viewportWidth = window.innerWidth;\n        const viewportHeight = window.innerHeight;\n\n        const positions: ISheetsListPosition = {};\n\n        //* 288 (Width of card) + 8 (left position) = 296\n        if (boundingClientRect.left + 296 < viewportWidth) {\n          positions.left = boundingClientRect.left;\n        } else {\n          positions.left = boundingClientRect.left + 20 - 296;\n        }\n\n        //* 252 (Max height of card)\n        if (boundingClientRect.top + 252 < viewportHeight) {\n          positions.top = boundingClientRect.top + 20;\n        } else {\n          positions.bottom = viewportHeight - boundingClientRect.top + 8;\n        }\n\n        if (Object.keys(positions).length) {\n          setSheetsListPositionCoordinates({ ...positions });\n        }\n      }\n    }\n  }, [setSheetsListPositionCoordinates, containerRef]);\n\n  const {\n    menuVisible,\n    onMenuClick: onMenuClick,\n    hideMenu,\n  } = useContextMenuClickHandler(containerRef, handleSetCoordinates);\n\n  const handleOnSheetsView = useCallback(() => {\n    if (!menuVisible) {\n      onMenuClick();\n    } else {\n      hideMenu();\n    }\n  }, [onMenuClick, hideMenu, menuVisible]);\n\n  const handleOnChapterItemClick = useCallback(() => {\n    if (!canAddChapter) return null;\n\n    onChapterItemClick(chapterId);\n  }, [canAddChapter, chapterId, onChapterItemClick]);\n\n  return (\n    <FlexView $flexGap={4} $position=\"relative\">\n      <Styled.ChapterInfoWrapper ref={containerRef} onClick={handleOnSheetsView}>\n        <Styled.ChapterInfoIcon className=\"goal-chapter-info-icon\" />\n        {menuVisible && (\n          <Styled.SheetsListWrapper\n            $top={sheetsListPositionCoordinates?.top}\n            $left={sheetsListPositionCoordinates?.left}\n            $bottom={sheetsListPositionCoordinates?.bottom}\n          >\n            <SheetsList learningSheetData={learningSheetData} />\n          </Styled.SheetsListWrapper>\n        )}\n      </Styled.ChapterInfoWrapper>\n\n      <ArrowTooltip\n        position=\"bottom\"\n        renderAs=\"primary\"\n        tooltipItem=\"Duplicates can’t be added\"\n        hidden={!isThisPrimaryChapter}\n      >\n        <Styled.ChapterListWrapper\n          $widthX={9.5}\n          $heightX={8.875}\n          $gapX={1}\n          $gutterX={1}\n          $flexGap={12}\n          $position=\"relative\"\n          $alignItems=\"center\"\n          $selectable={canAddChapter}\n          $borderColor={added ? 'BLACK_T_87' : 'WHITE_5'}\n          $background={added ? 'WHITE_3' : 'WHITE_1'}\n          onClick={handleOnChapterItemClick}\n        >\n          <FlexView $position=\"relative\">\n            {showProgress && (\n              <Styled.ChapterProgressSVG width=\"62px\" height=\"62px\">\n                <Styled.ChapterProgressSVGCircle $progress={0} r=\"30\" cx=\"31\" cy=\"31\" />\n                <Styled.ChapterProgressSVGCircle\n                  $progressCircle\n                  $progressBackground={isMastered ? 'GREEN_5' : 'BLACK'}\n                  $progress={isMastered ? 360 : 95}\n                  r=\"30\"\n                  cx=\"31\"\n                  cy=\"31\"\n                />\n              </Styled.ChapterProgressSVG>\n            )}\n            <Image\n              src={imageUrl || ''}\n              alt={name}\n              withLoader\n              width={56}\n              height={56}\n              borderRadius={50}\n            />\n          </FlexView>\n\n          <Styled.StyledText $renderAs=\"ab3\" $align=\"center\">\n            {name}\n          </Styled.StyledText>\n        </Styled.ChapterListWrapper>\n      </ArrowTooltip>\n\n      {showChapterTags && (\n        <Styled.StyledText $renderAs=\"ab3\" $lineClampNo={1} $color=\"BLACK_T_60\">\n          {chapterTags}\n        </Styled.StyledText>\n      )}\n    </FlexView>\n  );\n});\n\nexport default ChapterItemV2;\n"],"names":["progressVisibleStates","SHEET_STATE","ChapterItemV2","memo","props","chapterData","onChapterItemClick","isThisPrimaryChapter","showChapterTags","canAddChapter","name","imageUrl","added","learningSheetData","chapterId","chapterTags","state","showProgress","isMastered","sheetsListPositionCoordinates","setSheetsListPositionCoordinates","useState","containerRef","useRef","handleSetCoordinates","useCallback","current","boundingClientRect","_a","viewportWidth","viewportHeight","positions","menuVisible","onMenuClick","hideMenu","useContextMenuClickHandler","handleOnSheetsView","handleOnChapterItemClick","jsxs","FlexView","Styled.ChapterInfoWrapper","jsx","Styled.ChapterInfoIcon","Styled.SheetsListWrapper","SheetsList","ArrowTooltip","Styled.ChapterListWrapper","Styled.ChapterProgressSVG","Styled.ChapterProgressSVGCircle","Image","Styled.StyledText"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"category-card.js","sources":["../../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/category-card.tsx"],"sourcesContent":["import type { ICategoryCardProps } from '../chapter-selection-step-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport Text from '../../../../../../ui/text/text';\nimport * as Styled from './chapter-category-styled';\n\nconst CategoryCard: FC<ICategoryCardProps> = memo(({ selected, title }) => {\n  return (\n    <Styled.CategoryCardWrapper\n      $gap={12}\n      $gutterX={1}\n      $selected={selected}\n      $background={selected ? 'WHITE_3' : 'WHITE'}\n    >\n      <Text $renderAs=\"ab3\">{title}</Text>\n    </Styled.CategoryCardWrapper>\n  );\n});\n\nexport default CategoryCard;\n"],"names":["CategoryCard","memo","selected","title","jsx","Styled.CategoryCardWrapper","Text"],"mappings":";;;;AAQA,MAAMA,IAAuCC,EAAK,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAE3D,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,MAAM;AAAA,IACN,UAAU;AAAA,IACV,WAAWH;AAAA,IACX,aAAaA,IAAW,YAAY;AAAA,IAEpC,UAAC,gBAAAE,EAAAE,GAAA,EAAK,WAAU,OAAO,UAAMH,GAAA;AAAA,EAAA;AAAA,CAGlC;"}
+{"version":3,"file":"category-card.js","sources":["../../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/category-card.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo } from 'react';\n\nimport Text from '../../../../../../ui/text/text';\nimport type { ICategoryCardProps } from '../chapter-selection-step-types';\nimport * as Styled from './chapter-category-styled';\n\nconst CategoryCard: FC<ICategoryCardProps> = memo(({ selected, title }) => {\n  return (\n    <Styled.CategoryCardWrapper\n      $gap={12}\n      $gutterX={1}\n      $selected={selected}\n      $background={selected ? 'WHITE_3' : 'WHITE'}\n    >\n      <Text $renderAs=\"ab3\">{title}</Text>\n    </Styled.CategoryCardWrapper>\n  );\n});\n\nexport default CategoryCard;\n"],"names":["CategoryCard","memo","selected","title","jsx","Styled.CategoryCardWrapper","Text"],"mappings":";;;;AAOA,MAAMA,IAAuCC,EAAK,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAE3D,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,MAAM;AAAA,IACN,UAAU;AAAA,IACV,WAAWH;AAAA,IACX,aAAaA,IAAW,YAAY;AAAA,IAEpC,UAAC,gBAAAE,EAAAE,GAAA,EAAK,WAAU,OAAO,UAAMH,GAAA;AAAA,EAAA;AAAA,CAGlC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"chapter-category-container.js","sources":["../../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/chapter-category-container.tsx"],"sourcesContent":["import type { IChapterSelectionWrapper } from '../chapter-selection-step-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport { WARNING_MESSAGES } from '../../../../../constants';\nimport { useMilestoneContext } from '../../../../milestone-create-context';\nimport {\n  computeChangeDetection,\n  computeChapterGoalCategoryOnGradeNBoard,\n  getSelectedGoalCategoryData,\n} from '../../utils';\nimport CategoryCard from './category-card';\nimport * as Styled from './chapter-category-styled';\n\nconst ChapterCategoryContainer: FC<IChapterSelectionWrapper> = memo(props => {\n  const {\n    onFormDataChange,\n    config,\n    formData,\n    onChapterExitWarning,\n    courseStream,\n    enrollmentType,\n    isTeacherTrainingAccount,\n  } = props;\n\n  const { flow } = useMilestoneContext();\n\n  const { chapterGoalCategory, grade, board, testType, region, primaryChaptersList } = formData;\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n\n  const handleOnFormDataChange = useCallback(\n    (goalCode: string) => {\n      const goalCategoryData = getSelectedGoalCategoryData({\n        goalCode,\n        config,\n        courseStream,\n        enrollmentType,\n        isTeacherTrainingAccount,\n      });\n\n      onFormDataChange({\n        chapterGoalCategory: {\n          primaryGoalCategory: goalCategoryData,\n        },\n      });\n    },\n    [config, courseStream, enrollmentType, isTeacherTrainingAccount, onFormDataChange],\n  );\n\n  const handleOnGoalSelection = useCallback(\n    (goalCode: string) => {\n      if (goalCode === primaryGoalCategory?.goal_code) return null;\n\n      const isChangeDetected = computeChangeDetection(primaryChaptersList, primaryGoalCategory);\n\n      if (isChangeDetected) {\n        onChapterExitWarning?.({\n          description: WARNING_MESSAGES.GOAL_CHANGE_WARNING,\n          onSuccess: () => {\n            handleOnFormDataChange(goalCode);\n          },\n        });\n      } else {\n        handleOnFormDataChange(goalCode);\n      }\n    },\n    [handleOnFormDataChange, primaryChaptersList, primaryGoalCategory, onChapterExitWarning],\n  );\n\n  const filteredGoalCurriculumMap = useMemo(\n    () =>\n      computeChapterGoalCategoryOnGradeNBoard({\n        config,\n        testType,\n        courseStream,\n        enrollmentType,\n        grade,\n        board,\n        region,\n        flow,\n        isTeacherTrainingAccount,\n      }),\n    [\n      config,\n      testType,\n      courseStream,\n      enrollmentType,\n      grade,\n      board,\n      region,\n      flow,\n      isTeacherTrainingAccount,\n    ],\n  );\n\n  if (!primaryGoalCategory) return null;\n\n  return (\n    <Styled.CategoryContainerWrapper $widthX={12.25}>\n      {flow === 'CREATE' ? (\n        filteredGoalCurriculumMap.map((goalCurriculum, idx) => {\n          const { goal_name: goalName, goal_code: goalCode } = goalCurriculum;\n          const selected = goalCode === primaryGoalCategory.goal_code;\n\n          return (\n            <FlexView\n              key={`${goalCode}_${idx}`}\n              onClick={() => handleOnGoalSelection(goalCode)}\n              $width=\"100%\"\n            >\n              <CategoryCard selected={selected} title={goalName} />\n            </FlexView>\n          );\n        })\n      ) : (\n        <CategoryCard selected={true} title={primaryGoalCategory.goal_name} />\n      )}\n    </Styled.CategoryContainerWrapper>\n  );\n});\n\nexport default ChapterCategoryContainer;\n"],"names":["ChapterCategoryContainer","memo","props","onFormDataChange","config","formData","onChapterExitWarning","courseStream","enrollmentType","isTeacherTrainingAccount","flow","useMilestoneContext","chapterGoalCategory","grade","board","testType","region","primaryChaptersList","primaryGoalCategory","handleOnFormDataChange","useCallback","goalCode","goalCategoryData","getSelectedGoalCategoryData","handleOnGoalSelection","computeChangeDetection","WARNING_MESSAGES","filteredGoalCurriculumMap","useMemo","computeChapterGoalCategoryOnGradeNBoard","jsx","Styled.CategoryContainerWrapper","goalCurriculum","idx","goalName","selected","FlexView","CategoryCard"],"mappings":";;;;;;;;AAgBM,MAAAA,IAAyDC,EAAK,CAASC,MAAA;AACrE,QAAA;AAAA,IACJ,kBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,0BAAAC;AAAA,EACE,IAAAP,GAEE,EAAE,MAAAQ,MAASC,KAEX,EAAE,qBAAAC,GAAqB,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,qBAAAC,EAAwB,IAAAZ,GAC/E,EAAE,qBAAAa,EAAA,IAAwBN,KAAuB,IAEjDO,IAAyBC;AAAA,IAC7B,CAACC,MAAqB;AACpB,YAAMC,IAAmBC,EAA4B;AAAA,QACnD,UAAAF;AAAA,QACA,QAAAjB;AAAA,QACA,cAAAG;AAAA,QACA,gBAAAC;AAAA,QACA,0BAAAC;AAAA,MAAA,CACD;AAEgB,MAAAN,EAAA;AAAA,QACf,qBAAqB;AAAA,UACnB,qBAAqBmB;AAAA,QACvB;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAAClB,GAAQG,GAAcC,GAAgBC,GAA0BN,CAAgB;AAAA,EAAA,GAG7EqB,IAAwBJ;AAAA,IAC5B,CAACC,MAAqB;AAChB,UAAAA,OAAaH,KAAA,gBAAAA,EAAqB,WAAkB,QAAA;AAIxD,MAFyBO,EAAuBR,GAAqBC,CAAmB,IAG/DZ,KAAA,QAAAA,EAAA;AAAA,QACrB,aAAaoB,EAAiB;AAAA,QAC9B,WAAW,MAAM;AACf,UAAAP,EAAuBE,CAAQ;AAAA,QACjC;AAAA,MAAA,KAGFF,EAAuBE,CAAQ;AAAA,IAEnC;AAAA,IACA,CAACF,GAAwBF,GAAqBC,GAAqBZ,CAAoB;AAAA,EAAA,GAGnFqB,IAA4BC;AAAA,IAChC,MACEC,EAAwC;AAAA,MACtC,QAAAzB;AAAA,MACA,UAAAW;AAAA,MACA,cAAAR;AAAA,MACA,gBAAAC;AAAA,MACA,OAAAK;AAAA,MACA,OAAAC;AAAA,MACA,QAAAE;AAAA,MACA,MAAAN;AAAA,MACA,0BAAAD;AAAA,IAAA,CACD;AAAA,IACH;AAAA,MACEL;AAAA,MACAW;AAAA,MACAR;AAAA,MACAC;AAAA,MACAK;AAAA,MACAC;AAAA,MACAE;AAAA,MACAN;AAAA,MACAD;AAAA,IACF;AAAA,EAAA;AAGE,SAACS,IAGF,gBAAAY,EAAAC,GAAA,EAAgC,SAAS,OACvC,UAASrB,MAAA,WACRiB,EAA0B,IAAI,CAACK,GAAgBC,MAAQ;AACrD,UAAM,EAAE,WAAWC,GAAU,WAAWb,MAAaW,GAC/CG,IAAWd,MAAaH,EAAoB;AAGhD,WAAA,gBAAAY;AAAA,MAACM;AAAA,MAAA;AAAA,QAEC,SAAS,MAAMZ,EAAsBH,CAAQ;AAAA,QAC7C,QAAO;AAAA,QAEP,UAAC,gBAAAS,EAAAO,GAAA,EAAa,UAAAF,GAAoB,OAAOD,GAAU;AAAA,MAAA;AAAA,MAJ9C,GAAGb,CAAQ,IAAIY,CAAG;AAAA,IAAA;AAAA,EAO5B,CAAA,IAEA,gBAAAH,EAAAO,GAAA,EAAa,UAAU,IAAM,OAAOnB,EAAoB,WAAW,EAExE,CAAA,IAtB+B;AAwBnC,CAAC;"}
+{"version":3,"file":"chapter-category-container.js","sources":["../../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-category/chapter-category-container.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo, useCallback, useMemo } from 'react';\n\nimport FlexView from '../../../../../../ui/layout/flex-view';\nimport { WARNING_MESSAGES } from '../../../../../constants';\nimport { useMilestoneContext } from '../../../../milestone-create-context';\nimport {\n  computeChangeDetection,\n  computeChapterGoalCategoryOnGradeNBoard,\n  getSelectedGoalCategoryData,\n} from '../../utils';\nimport type { IChapterSelectionWrapper } from '../chapter-selection-step-types';\nimport CategoryCard from './category-card';\nimport * as Styled from './chapter-category-styled';\n\nconst ChapterCategoryContainer: FC<IChapterSelectionWrapper> = memo(props => {\n  const {\n    onFormDataChange,\n    config,\n    formData,\n    onChapterExitWarning,\n    courseStream,\n    enrollmentType,\n    isTeacherTrainingAccount,\n  } = props;\n\n  const { flow } = useMilestoneContext();\n\n  const { chapterGoalCategory, grade, board, testType, region, primaryChaptersList } = formData;\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n\n  const handleOnFormDataChange = useCallback(\n    (goalCode: string) => {\n      const goalCategoryData = getSelectedGoalCategoryData({\n        goalCode,\n        config,\n        courseStream,\n        enrollmentType,\n        isTeacherTrainingAccount,\n      });\n\n      onFormDataChange({\n        chapterGoalCategory: {\n          primaryGoalCategory: goalCategoryData,\n        },\n      });\n    },\n    [config, courseStream, enrollmentType, isTeacherTrainingAccount, onFormDataChange],\n  );\n\n  const handleOnGoalSelection = useCallback(\n    (goalCode: string) => {\n      if (goalCode === primaryGoalCategory?.goal_code) return null;\n\n      const isChangeDetected = computeChangeDetection(primaryChaptersList, primaryGoalCategory);\n\n      if (isChangeDetected) {\n        onChapterExitWarning?.({\n          description: WARNING_MESSAGES.GOAL_CHANGE_WARNING,\n          onSuccess: () => {\n            handleOnFormDataChange(goalCode);\n          },\n        });\n      } else {\n        handleOnFormDataChange(goalCode);\n      }\n    },\n    [handleOnFormDataChange, primaryChaptersList, primaryGoalCategory, onChapterExitWarning],\n  );\n\n  const filteredGoalCurriculumMap = useMemo(\n    () =>\n      computeChapterGoalCategoryOnGradeNBoard({\n        config,\n        testType,\n        courseStream,\n        enrollmentType,\n        grade,\n        board,\n        region,\n        flow,\n        isTeacherTrainingAccount,\n      }),\n    [\n      config,\n      testType,\n      courseStream,\n      enrollmentType,\n      grade,\n      board,\n      region,\n      flow,\n      isTeacherTrainingAccount,\n    ],\n  );\n\n  if (!primaryGoalCategory) return null;\n\n  return (\n    <Styled.CategoryContainerWrapper $widthX={12.25}>\n      {flow === 'CREATE' ? (\n        filteredGoalCurriculumMap.map((goalCurriculum, idx) => {\n          const { goal_name: goalName, goal_code: goalCode } = goalCurriculum;\n          const selected = goalCode === primaryGoalCategory.goal_code;\n\n          return (\n            <FlexView\n              key={`${goalCode}_${idx}`}\n              onClick={() => handleOnGoalSelection(goalCode)}\n              $width=\"100%\"\n            >\n              <CategoryCard selected={selected} title={goalName} />\n            </FlexView>\n          );\n        })\n      ) : (\n        <CategoryCard selected={true} title={primaryGoalCategory.goal_name} />\n      )}\n    </Styled.CategoryContainerWrapper>\n  );\n});\n\nexport default ChapterCategoryContainer;\n"],"names":["ChapterCategoryContainer","memo","props","onFormDataChange","config","formData","onChapterExitWarning","courseStream","enrollmentType","isTeacherTrainingAccount","flow","useMilestoneContext","chapterGoalCategory","grade","board","testType","region","primaryChaptersList","primaryGoalCategory","handleOnFormDataChange","useCallback","goalCode","goalCategoryData","getSelectedGoalCategoryData","handleOnGoalSelection","computeChangeDetection","WARNING_MESSAGES","filteredGoalCurriculumMap","useMemo","computeChapterGoalCategoryOnGradeNBoard","jsx","Styled.CategoryContainerWrapper","goalCurriculum","idx","goalName","selected","FlexView","CategoryCard"],"mappings":";;;;;;;;AAeM,MAAAA,IAAyDC,EAAK,CAASC,MAAA;AACrE,QAAA;AAAA,IACJ,kBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,0BAAAC;AAAA,EACE,IAAAP,GAEE,EAAE,MAAAQ,MAASC,KAEX,EAAE,qBAAAC,GAAqB,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,qBAAAC,EAAwB,IAAAZ,GAC/E,EAAE,qBAAAa,EAAA,IAAwBN,KAAuB,IAEjDO,IAAyBC;AAAA,IAC7B,CAACC,MAAqB;AACpB,YAAMC,IAAmBC,EAA4B;AAAA,QACnD,UAAAF;AAAA,QACA,QAAAjB;AAAA,QACA,cAAAG;AAAA,QACA,gBAAAC;AAAA,QACA,0BAAAC;AAAA,MAAA,CACD;AAEgB,MAAAN,EAAA;AAAA,QACf,qBAAqB;AAAA,UACnB,qBAAqBmB;AAAA,QACvB;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAAClB,GAAQG,GAAcC,GAAgBC,GAA0BN,CAAgB;AAAA,EAAA,GAG7EqB,IAAwBJ;AAAA,IAC5B,CAACC,MAAqB;AAChB,UAAAA,OAAaH,KAAA,gBAAAA,EAAqB,WAAkB,QAAA;AAIxD,MAFyBO,EAAuBR,GAAqBC,CAAmB,IAG/DZ,KAAA,QAAAA,EAAA;AAAA,QACrB,aAAaoB,EAAiB;AAAA,QAC9B,WAAW,MAAM;AACf,UAAAP,EAAuBE,CAAQ;AAAA,QACjC;AAAA,MAAA,KAGFF,EAAuBE,CAAQ;AAAA,IAEnC;AAAA,IACA,CAACF,GAAwBF,GAAqBC,GAAqBZ,CAAoB;AAAA,EAAA,GAGnFqB,IAA4BC;AAAA,IAChC,MACEC,EAAwC;AAAA,MACtC,QAAAzB;AAAA,MACA,UAAAW;AAAA,MACA,cAAAR;AAAA,MACA,gBAAAC;AAAA,MACA,OAAAK;AAAA,MACA,OAAAC;AAAA,MACA,QAAAE;AAAA,MACA,MAAAN;AAAA,MACA,0BAAAD;AAAA,IAAA,CACD;AAAA,IACH;AAAA,MACEL;AAAA,MACAW;AAAA,MACAR;AAAA,MACAC;AAAA,MACAK;AAAA,MACAC;AAAA,MACAE;AAAA,MACAN;AAAA,MACAD;AAAA,IACF;AAAA,EAAA;AAGE,SAACS,IAGF,gBAAAY,EAAAC,GAAA,EAAgC,SAAS,OACvC,UAASrB,MAAA,WACRiB,EAA0B,IAAI,CAACK,GAAgBC,MAAQ;AACrD,UAAM,EAAE,WAAWC,GAAU,WAAWb,MAAaW,GAC/CG,IAAWd,MAAaH,EAAoB;AAGhD,WAAA,gBAAAY;AAAA,MAACM;AAAA,MAAA;AAAA,QAEC,SAAS,MAAMZ,EAAsBH,CAAQ;AAAA,QAC7C,QAAO;AAAA,QAEP,UAAC,gBAAAS,EAAAO,GAAA,EAAa,UAAAF,GAAoB,OAAOD,GAAU;AAAA,MAAA;AAAA,MAJ9C,GAAGb,CAAQ,IAAIY,CAAG;AAAA,IAAA;AAAA,EAO5B,CAAA,IAEA,gBAAAH,EAAAO,GAAA,EAAa,UAAU,IAAM,OAAOnB,EAAoB,WAAW,EAExE,CAAA,IAtB+B;AAwBnC,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"chapter-selection.js","sources":["../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-selection.tsx"],"sourcesContent":["import type { IChapterSelectionWrapper } from './chapter-selection-step-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport ChapterCategoryContainer from './chapter-category/chapter-category-container';\nimport ChaptersList from './chapters-list';\n\nconst ChapterSelection: FC<IChapterSelectionWrapper> = memo(props => {\n  const { isGoalCreation } = props;\n\n  return (\n    <FlexView $flexDirection=\"row\" $height=\"100%\">\n      {isGoalCreation && <ChapterCategoryContainer {...props} />}\n\n      <ChaptersList {...props} />\n    </FlexView>\n  );\n});\n\nexport default ChapterSelection;\n"],"names":["ChapterSelection","memo","props","isGoalCreation","jsxs","FlexView","jsx","ChapterCategoryContainer","ChaptersList"],"mappings":";;;;;AASM,MAAAA,IAAiDC,EAAK,CAASC,MAAA;AAC7D,QAAA,EAAE,gBAAAC,EAAmB,IAAAD;AAE3B,SACG,gBAAAE,EAAAC,GAAA,EAAS,gBAAe,OAAM,SAAQ,QACpC,UAAA;AAAA,IAAkBF,KAAA,gBAAAG,EAACC,GAA0B,EAAA,GAAGL,EAAO,CAAA;AAAA,IAExD,gBAAAI,EAACE,GAAc,EAAA,GAAGN,GAAO;AAAA,EAC3B,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"chapter-selection.js","sources":["../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapter-selection.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport ChapterCategoryContainer from './chapter-category/chapter-category-container';\nimport type { IChapterSelectionWrapper } from './chapter-selection-step-types';\nimport ChaptersList from './chapters-list';\n\nconst ChapterSelection: FC<IChapterSelectionWrapper> = memo(props => {\n  const { isGoalCreation } = props;\n\n  return (\n    <FlexView $flexDirection=\"row\" $height=\"100%\">\n      {isGoalCreation && <ChapterCategoryContainer {...props} />}\n\n      <ChaptersList {...props} />\n    </FlexView>\n  );\n});\n\nexport default ChapterSelection;\n"],"names":["ChapterSelection","memo","props","isGoalCreation","jsxs","FlexView","jsx","ChapterCategoryContainer","ChaptersList"],"mappings":";;;;;AAQM,MAAAA,IAAiDC,EAAK,CAASC,MAAA;AAC7D,QAAA,EAAE,gBAAAC,EAAmB,IAAAD;AAE3B,SACG,gBAAAE,EAAAC,GAAA,EAAS,gBAAe,OAAM,SAAQ,QACpC,UAAA;AAAA,IAAkBF,KAAA,gBAAAG,EAACC,GAA0B,EAAA,GAAGL,EAAO,CAAA;AAAA,IAExD,gBAAAI,EAACE,GAAc,EAAA,GAAGN,GAAO;AAAA,EAC3B,EAAA,CAAA;AAEJ,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"chapters-list.js","sources":["../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapters-list.tsx"],"sourcesContent":["import type { TMilestoneFormFlow } from '../../../milestone-create-types';\nimport type { IChapter } from '../../chapter-item/chapter-item-types';\nimport type { IChaptersListProps } from './chapter-selection-step-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useContext } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport AppLoader from '../../../../../ui/loader/app-loader/app-loader';\nimport Seperator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport MilestoneCreateContext from '../../../milestone-create-context';\nimport ChapterItemV2 from '../../chapter-item/chapter-item';\nimport { computeRecommendedNCustomChapters } from '../utils';\nimport * as Styled from './chapter-selection-step-styled';\n\nconst getCanAddChapter = (\n  isGoalCreation: boolean | undefined,\n  isSchoolSuccess: boolean,\n  flow: TMilestoneFormFlow | null,\n  chapter: IChapter,\n): boolean => {\n  // For school success, chapters can always be toggled\n  if (!isGoalCreation || isSchoolSuccess) {\n    return true;\n  }\n\n  // For non-school success test types\n  const canToggleBasedOnFlow =\n    (flow === 'EDIT' || flow === 'DRAFT_EDIT') && chapter.recommended === true;\n\n  return canToggleBasedOnFlow;\n};\n\nconst ChaptersList: FC<IChaptersListProps> = memo(props => {\n  const { formData, isProcessing, onFormDataChange, isGoalCreation } = props;\n  const { testType, primaryChaptersList, chapterGoalCategory } = formData;\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n  const isSchoolSuccess = testType === 'no-test';\n\n  const { flow } = useContext(MilestoneCreateContext);\n\n  const { recommendedChaptersList, customChaptersList } = computeRecommendedNCustomChapters(\n    primaryChaptersList,\n    primaryGoalCategory,\n    isGoalCreation,\n  );\n\n  const handleChapterToggled = useCallback(\n    (chapterId: string) => {\n      //* If category is Test prep or Enrichment, Then one can not deselect the chapters.\n      //* Unless the flow is EDIT or DRAFT_EDIT and chapter has recommended info true.\n      if (isGoalCreation && !isSchoolSuccess) {\n        const chapter = primaryChaptersList?.find(ch => ch.id === chapterId);\n        const canToggle =\n          (flow === 'EDIT' || flow === 'DRAFT_EDIT') && chapter?.recommended === true;\n\n        if (!canToggle) return null;\n      }\n\n      const updatedChaptersList = primaryChaptersList?.map(chapter => {\n        if (chapter.id === chapterId) {\n          return {\n            ...chapter,\n            added: !chapter.added,\n          };\n        }\n\n        return chapter;\n      });\n\n      onFormDataChange({\n        primaryChaptersList: updatedChaptersList,\n      });\n    },\n    [primaryChaptersList, isSchoolSuccess, isGoalCreation, onFormDataChange, flow],\n  );\n\n  if (isProcessing) {\n    return (\n      <Styled.ChaptersListWrapper\n        $gapX={1.5}\n        $gutterX={1.5}\n        $flexGapX={1.25}\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <AppLoader />\n      </Styled.ChaptersListWrapper>\n    );\n  }\n\n  return (\n    <Styled.ChaptersListWrapper $gapX={1.5} $gutterX={1.5} $flexGapX={1.25}>\n      <FlexView $flexDirection=\"row\" $flexGap={4} $alignItems=\"center\">\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Recommended Chapters\n        </Text>\n\n        {isSchoolSuccess && (\n          <Text $renderAs=\"ub2\" $color=\"BLACK_T_60\">\n            (Click on any chapter to exclude it)\n          </Text>\n        )}\n      </FlexView>\n\n      <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n        {recommendedChaptersList.length > 0 ? (\n          recommendedChaptersList.map((chapter, idx) => {\n            const canAddChapter = getCanAddChapter(isGoalCreation, isSchoolSuccess, flow, chapter);\n\n            return (\n              <ChapterItemV2\n                key={chapter.id}\n                chapterData={chapter}\n                chapterNo={idx + 1}\n                canAddChapter={canAddChapter}\n                onChapterItemClick={handleChapterToggled}\n              />\n            );\n          })\n        ) : (\n          <Text $renderAs=\"ub1\">No recommended chapters available</Text>\n        )}\n      </FlexView>\n\n      {!!customChaptersList?.length && (\n        <>\n          <Seperator height={8} background=\"TRANSPARENT\" />\n\n          <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n            Custom chapters\n          </Text>\n\n          <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n            {customChaptersList.map((chapter, idx) => {\n              const canAddChapter = getCanAddChapter(\n                isGoalCreation,\n                isSchoolSuccess,\n                flow,\n                chapter,\n              );\n\n              return (\n                <ChapterItemV2\n                  key={chapter.id}\n                  chapterData={chapter}\n                  canAddChapter={canAddChapter}\n                  chapterNo={idx + 1}\n                  onChapterItemClick={handleChapterToggled}\n                  showChapterTags\n                />\n              );\n            })}\n          </FlexView>\n        </>\n      )}\n    </Styled.ChaptersListWrapper>\n  );\n});\n\nexport default ChaptersList;\n"],"names":["getCanAddChapter","isGoalCreation","isSchoolSuccess","flow","chapter","ChaptersList","memo","props","formData","isProcessing","onFormDataChange","testType","primaryChaptersList","chapterGoalCategory","primaryGoalCategory","useContext","MilestoneCreateContext","recommendedChaptersList","customChaptersList","computeRecommendedNCustomChapters","handleChapterToggled","useCallback","chapterId","ch","updatedChaptersList","jsx","Styled.ChaptersListWrapper","AppLoader","jsxs","FlexView","Text","idx","canAddChapter","ChapterItemV2","Fragment","Seperator"],"mappings":"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"}
+{"version":3,"file":"chapters-list.js","sources":["../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapters-list.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo, useCallback, useContext } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport AppLoader from '../../../../../ui/loader/app-loader/app-loader';\nimport Seperator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport MilestoneCreateContext from '../../../milestone-create-context';\nimport type { TMilestoneFormFlow } from '../../../milestone-create-types';\nimport ChapterItemV2 from '../../chapter-item/chapter-item';\nimport type { IChapter } from '../../chapter-item/chapter-item-types';\nimport { computeRecommendedNCustomChapters } from '../utils';\nimport * as Styled from './chapter-selection-step-styled';\nimport type { IChaptersListProps } from './chapter-selection-step-types';\n\nconst getCanAddChapter = (\n  isGoalCreation: boolean | undefined,\n  isSchoolSuccess: boolean,\n  flow: TMilestoneFormFlow | null,\n  chapter: IChapter,\n): boolean => {\n  // For school success, chapters can always be toggled\n  if (!isGoalCreation || isSchoolSuccess) {\n    return true;\n  }\n\n  // For non-school success test types\n  const canToggleBasedOnFlow =\n    (flow === 'EDIT' || flow === 'DRAFT_EDIT') && chapter.recommended === true;\n\n  return canToggleBasedOnFlow;\n};\n\nconst ChaptersList: FC<IChaptersListProps> = memo(props => {\n  const { formData, isProcessing, onFormDataChange, isGoalCreation } = props;\n  const { testType, primaryChaptersList, chapterGoalCategory } = formData;\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n  const isSchoolSuccess = testType === 'no-test';\n\n  const { flow } = useContext(MilestoneCreateContext);\n\n  const { recommendedChaptersList, customChaptersList } = computeRecommendedNCustomChapters(\n    primaryChaptersList,\n    primaryGoalCategory,\n    isGoalCreation,\n  );\n\n  const handleChapterToggled = useCallback(\n    (chapterId: string) => {\n      //* If category is Test prep or Enrichment, Then one can not deselect the chapters.\n      //* Unless the flow is EDIT or DRAFT_EDIT and chapter has recommended info true.\n      if (isGoalCreation && !isSchoolSuccess) {\n        const chapter = primaryChaptersList?.find(ch => ch.id === chapterId);\n        const canToggle =\n          (flow === 'EDIT' || flow === 'DRAFT_EDIT') && chapter?.recommended === true;\n\n        if (!canToggle) return null;\n      }\n\n      const updatedChaptersList = primaryChaptersList?.map(chapter => {\n        if (chapter.id === chapterId) {\n          return {\n            ...chapter,\n            added: !chapter.added,\n          };\n        }\n\n        return chapter;\n      });\n\n      onFormDataChange({\n        primaryChaptersList: updatedChaptersList,\n      });\n    },\n    [primaryChaptersList, isSchoolSuccess, isGoalCreation, onFormDataChange, flow],\n  );\n\n  if (isProcessing) {\n    return (\n      <Styled.ChaptersListWrapper\n        $gapX={1.5}\n        $gutterX={1.5}\n        $flexGapX={1.25}\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <AppLoader />\n      </Styled.ChaptersListWrapper>\n    );\n  }\n\n  return (\n    <Styled.ChaptersListWrapper $gapX={1.5} $gutterX={1.5} $flexGapX={1.25}>\n      <FlexView $flexDirection=\"row\" $flexGap={4} $alignItems=\"center\">\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Recommended Chapters\n        </Text>\n\n        {isSchoolSuccess && (\n          <Text $renderAs=\"ub2\" $color=\"BLACK_T_60\">\n            (Click on any chapter to exclude it)\n          </Text>\n        )}\n      </FlexView>\n\n      <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n        {recommendedChaptersList.length > 0 ? (\n          recommendedChaptersList.map((chapter, idx) => {\n            const canAddChapter = getCanAddChapter(isGoalCreation, isSchoolSuccess, flow, chapter);\n\n            return (\n              <ChapterItemV2\n                key={chapter.id}\n                chapterData={chapter}\n                chapterNo={idx + 1}\n                canAddChapter={canAddChapter}\n                onChapterItemClick={handleChapterToggled}\n              />\n            );\n          })\n        ) : (\n          <Text $renderAs=\"ub1\">No recommended chapters available</Text>\n        )}\n      </FlexView>\n\n      {!!customChaptersList?.length && (\n        <>\n          <Seperator height={8} background=\"TRANSPARENT\" />\n\n          <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n            Custom chapters\n          </Text>\n\n          <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n            {customChaptersList.map((chapter, idx) => {\n              const canAddChapter = getCanAddChapter(\n                isGoalCreation,\n                isSchoolSuccess,\n                flow,\n                chapter,\n              );\n\n              return (\n                <ChapterItemV2\n                  key={chapter.id}\n                  chapterData={chapter}\n                  canAddChapter={canAddChapter}\n                  chapterNo={idx + 1}\n                  onChapterItemClick={handleChapterToggled}\n                  showChapterTags\n                />\n              );\n            })}\n          </FlexView>\n        </>\n      )}\n    </Styled.ChaptersListWrapper>\n  );\n});\n\nexport default ChaptersList;\n"],"names":["getCanAddChapter","isGoalCreation","isSchoolSuccess","flow","chapter","ChaptersList","memo","props","formData","isProcessing","onFormDataChange","testType","primaryChaptersList","chapterGoalCategory","primaryGoalCategory","useContext","MilestoneCreateContext","recommendedChaptersList","customChaptersList","computeRecommendedNCustomChapters","handleChapterToggled","useCallback","chapterId","ch","updatedChaptersList","jsx","Styled.ChaptersListWrapper","AppLoader","jsxs","FlexView","Text","idx","canAddChapter","ChapterItemV2","Fragment","Seperator"],"mappings":"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"}

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

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

package/dist/features/milestone/create/comps/chapters-selection-step/use-chapter-list-update.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-chapter-list-update.js","sources":["../../../../../../src/features/milestone/create/comps/chapters-selection-step/use-chapter-list-update.ts"],"sourcesContent":["import type { IFormStepProps, IMilestoneFormData } from '../../milestone-create-types';\n\nimport { useCallback, useEffect } from 'react';\n\nimport usePrevious from '../../../../hooks/use-previous';\nimport { useChaptersGetAll } from '../../api/recommended-chapters';\nimport { getFormChapters } from '../../utils';\n\ninterface IUseChapterListUpdate {\n  (args: {\n    formData: IMilestoneFormData;\n    onFormDataChange: IFormStepProps['onFormDataChange'];\n    studentId: string;\n  }): {\n    isProcessing: boolean;\n    isProcessed: boolean;\n  };\n}\n\nconst useChapterListUpdate: IUseChapterListUpdate = ({ formData, onFormDataChange, studentId }) => {\n  const { getAll: getChapters, data: chapters, isProcessing, isProcessed } = useChaptersGetAll();\n\n  const { chapterGoalCategory, primaryChaptersList } = formData;\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n\n  const { program_code: primaryGoalCategoryProgramCode } = primaryGoalCategory || {};\n\n  const chapterDataProcessedPrevValue = usePrevious(isProcessed);\n  const prevPrimaryGoalCategoryProgramCode = usePrevious(primaryGoalCategoryProgramCode);\n\n  const handleGetChapters = useCallback(\n    (programCode: string) => {\n      getChapters({\n        filter_type: 'PROGRAM_CODE',\n        program_code: programCode,\n        user_id: studentId,\n      });\n    },\n    [getChapters, studentId],\n  );\n\n  //* When we don't have primaryChaptersList but we have programCode we make api call to fill primaryChaptersList data\n  useEffect(() => {\n    if (!primaryChaptersList && primaryGoalCategoryProgramCode) {\n      handleGetChapters(primaryGoalCategoryProgramCode);\n    }\n  }, [handleGetChapters, primaryGoalCategoryProgramCode, primaryChaptersList]);\n\n  /**\n   * * We make api call to get chapters again if there is change in program code only.\n   * * We need prevPrimaryGoalCategoryProgramCode to be present to avoid unnecessary api call during custom chapter visit.\n   */\n  useEffect(() => {\n    if (\n      prevPrimaryGoalCategoryProgramCode &&\n      primaryGoalCategoryProgramCode &&\n      primaryGoalCategoryProgramCode !== prevPrimaryGoalCategoryProgramCode\n    ) {\n      handleGetChapters(primaryGoalCategoryProgramCode);\n    }\n  }, [handleGetChapters, primaryGoalCategoryProgramCode, prevPrimaryGoalCategoryProgramCode]);\n\n  /**\n   * * We check if new api call has been made based on chapterDataProcessedPrevValue & isProcessed\n   */\n  useEffect(() => {\n    const dataUpdated = chapterDataProcessedPrevValue === false && isProcessed === true && chapters;\n\n    if (dataUpdated) {\n      const formChapters = getFormChapters(chapters).map(chapter => ({\n        ...chapter,\n        added: chapter.added || chapter.recommended,\n      }));\n\n      onFormDataChange({\n        primaryChaptersList: formChapters,\n      });\n    }\n  }, [primaryChaptersList, chapterDataProcessedPrevValue, isProcessed, chapters, onFormDataChange]);\n\n  return {\n    isProcessing,\n    isProcessed,\n  };\n};\n\nexport { useChapterListUpdate };\n"],"names":["useChapterListUpdate","formData","onFormDataChange","studentId","getChapters","chapters","isProcessing","isProcessed","useChaptersGetAll","chapterGoalCategory","primaryChaptersList","primaryGoalCategory","primaryGoalCategoryProgramCode","chapterDataProcessedPrevValue","usePrevious","prevPrimaryGoalCategoryProgramCode","handleGetChapters","useCallback","programCode","useEffect","formChapters","getFormChapters","chapter"],"mappings":";;;;AAmBA,MAAMA,IAA8C,CAAC,EAAE,UAAAC,GAAU,kBAAAC,GAAkB,WAAAC,QAAgB;AAC3F,QAAA,EAAE,QAAQC,GAAa,MAAMC,GAAU,cAAAC,GAAc,aAAAC,MAAgBC,KAErE,EAAE,qBAAAC,GAAqB,qBAAAC,EAAwB,IAAAT,GAC/C,EAAE,qBAAAU,EAAA,IAAwBF,KAAuB,IAEjD,EAAE,cAAcG,MAAmCD,KAAuB,CAAA,GAE1EE,IAAgCC,EAAYP,CAAW,GACvDQ,IAAqCD,EAAYF,CAA8B,GAE/EI,IAAoBC;AAAA,IACxB,CAACC,MAAwB;AACX,MAAAd,EAAA;AAAA,QACV,aAAa;AAAA,QACb,cAAcc;AAAA,QACd,SAASf;AAAA,MAAA,CACV;AAAA,IACH;AAAA,IACA,CAACC,GAAaD,CAAS;AAAA,EAAA;AAIzB,SAAAgB,EAAU,MAAM;AACV,IAAA,CAACT,KAAuBE,KAC1BI,EAAkBJ,CAA8B;AAAA,EAEjD,GAAA,CAACI,GAAmBJ,GAAgCF,CAAmB,CAAC,GAM3ES,EAAU,MAAM;AAEZ,IAAAJ,KACAH,KACAA,MAAmCG,KAEnCC,EAAkBJ,CAA8B;AAAA,EAEjD,GAAA,CAACI,GAAmBJ,GAAgCG,CAAkC,CAAC,GAK1FI,EAAU,MAAM;AAGd,QAFoBN,MAAkC,MAASN,MAAgB,MAAQF,GAEtE;AACf,YAAMe,IAAeC,EAAgBhB,CAAQ,EAAE,IAAI,CAAYiB,OAAA;AAAA,QAC7D,GAAGA;AAAA,QACH,OAAOA,EAAQ,SAASA,EAAQ;AAAA,MAChC,EAAA;AAEe,MAAApB,EAAA;AAAA,QACf,qBAAqBkB;AAAA,MAAA,CACtB;AAAA,IACH;AAAA,EAAA,GACC,CAACV,GAAqBG,GAA+BN,GAAaF,GAAUH,CAAgB,CAAC,GAEzF;AAAA,IACL,cAAAI;AAAA,IACA,aAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"use-chapter-list-update.js","sources":["../../../../../../src/features/milestone/create/comps/chapters-selection-step/use-chapter-list-update.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nimport usePrevious from '../../../../hooks/use-previous';\nimport { useChaptersGetAll } from '../../api/recommended-chapters';\nimport type { IFormStepProps, IMilestoneFormData } from '../../milestone-create-types';\nimport { getFormChapters } from '../../utils';\n\ninterface IUseChapterListUpdate {\n  (args: {\n    formData: IMilestoneFormData;\n    onFormDataChange: IFormStepProps['onFormDataChange'];\n    studentId: string;\n  }): {\n    isProcessing: boolean;\n    isProcessed: boolean;\n  };\n}\n\nconst useChapterListUpdate: IUseChapterListUpdate = ({ formData, onFormDataChange, studentId }) => {\n  const { getAll: getChapters, data: chapters, isProcessing, isProcessed } = useChaptersGetAll();\n\n  const { chapterGoalCategory, primaryChaptersList } = formData;\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n\n  const { program_code: primaryGoalCategoryProgramCode } = primaryGoalCategory || {};\n\n  const chapterDataProcessedPrevValue = usePrevious(isProcessed);\n  const prevPrimaryGoalCategoryProgramCode = usePrevious(primaryGoalCategoryProgramCode);\n\n  const handleGetChapters = useCallback(\n    (programCode: string) => {\n      getChapters({\n        filter_type: 'PROGRAM_CODE',\n        program_code: programCode,\n        user_id: studentId,\n      });\n    },\n    [getChapters, studentId],\n  );\n\n  //* When we don't have primaryChaptersList but we have programCode we make api call to fill primaryChaptersList data\n  useEffect(() => {\n    if (!primaryChaptersList && primaryGoalCategoryProgramCode) {\n      handleGetChapters(primaryGoalCategoryProgramCode);\n    }\n  }, [handleGetChapters, primaryGoalCategoryProgramCode, primaryChaptersList]);\n\n  /**\n   * * We make api call to get chapters again if there is change in program code only.\n   * * We need prevPrimaryGoalCategoryProgramCode to be present to avoid unnecessary api call during custom chapter visit.\n   */\n  useEffect(() => {\n    if (\n      prevPrimaryGoalCategoryProgramCode &&\n      primaryGoalCategoryProgramCode &&\n      primaryGoalCategoryProgramCode !== prevPrimaryGoalCategoryProgramCode\n    ) {\n      handleGetChapters(primaryGoalCategoryProgramCode);\n    }\n  }, [handleGetChapters, primaryGoalCategoryProgramCode, prevPrimaryGoalCategoryProgramCode]);\n\n  /**\n   * * We check if new api call has been made based on chapterDataProcessedPrevValue & isProcessed\n   */\n  useEffect(() => {\n    const dataUpdated = chapterDataProcessedPrevValue === false && isProcessed === true && chapters;\n\n    if (dataUpdated) {\n      const formChapters = getFormChapters(chapters).map(chapter => ({\n        ...chapter,\n        added: chapter.added || chapter.recommended,\n      }));\n\n      onFormDataChange({\n        primaryChaptersList: formChapters,\n      });\n    }\n  }, [primaryChaptersList, chapterDataProcessedPrevValue, isProcessed, chapters, onFormDataChange]);\n\n  return {\n    isProcessing,\n    isProcessed,\n  };\n};\n\nexport { useChapterListUpdate };\n"],"names":["useChapterListUpdate","formData","onFormDataChange","studentId","getChapters","chapters","isProcessing","isProcessed","useChaptersGetAll","chapterGoalCategory","primaryChaptersList","primaryGoalCategory","primaryGoalCategoryProgramCode","chapterDataProcessedPrevValue","usePrevious","prevPrimaryGoalCategoryProgramCode","handleGetChapters","useCallback","programCode","useEffect","formChapters","getFormChapters","chapter"],"mappings":";;;;AAkBA,MAAMA,IAA8C,CAAC,EAAE,UAAAC,GAAU,kBAAAC,GAAkB,WAAAC,QAAgB;AAC3F,QAAA,EAAE,QAAQC,GAAa,MAAMC,GAAU,cAAAC,GAAc,aAAAC,MAAgBC,KAErE,EAAE,qBAAAC,GAAqB,qBAAAC,EAAwB,IAAAT,GAC/C,EAAE,qBAAAU,EAAA,IAAwBF,KAAuB,IAEjD,EAAE,cAAcG,MAAmCD,KAAuB,CAAA,GAE1EE,IAAgCC,EAAYP,CAAW,GACvDQ,IAAqCD,EAAYF,CAA8B,GAE/EI,IAAoBC;AAAA,IACxB,CAACC,MAAwB;AACX,MAAAd,EAAA;AAAA,QACV,aAAa;AAAA,QACb,cAAcc;AAAA,QACd,SAASf;AAAA,MAAA,CACV;AAAA,IACH;AAAA,IACA,CAACC,GAAaD,CAAS;AAAA,EAAA;AAIzB,SAAAgB,EAAU,MAAM;AACV,IAAA,CAACT,KAAuBE,KAC1BI,EAAkBJ,CAA8B;AAAA,EAEjD,GAAA,CAACI,GAAmBJ,GAAgCF,CAAmB,CAAC,GAM3ES,EAAU,MAAM;AAEZ,IAAAJ,KACAH,KACAA,MAAmCG,KAEnCC,EAAkBJ,CAA8B;AAAA,EAEjD,GAAA,CAACI,GAAmBJ,GAAgCG,CAAkC,CAAC,GAK1FI,EAAU,MAAM;AAGd,QAFoBN,MAAkC,MAASN,MAAgB,MAAQF,GAEtE;AACf,YAAMe,IAAeC,EAAgBhB,CAAQ,EAAE,IAAI,CAAYiB,OAAA;AAAA,QAC7D,GAAGA;AAAA,QACH,OAAOA,EAAQ,SAASA,EAAQ;AAAA,MAChC,EAAA;AAEe,MAAApB,EAAA;AAAA,QACf,qBAAqBkB;AAAA,MAAA,CACtB;AAAA,IACH;AAAA,EAAA,GACC,CAACV,GAAqBG,GAA+BN,GAAaF,GAAUH,CAAgB,CAAC,GAEzF;AAAA,IACL,cAAAI;AAAA,IACA,aAAAC;AAAA,EAAA;AAEJ;"}