@cuemath/leap 3.0.7-hg1 → 3.0.7

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

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

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

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

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

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

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

@@ -0,0 +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} from '../../../milestone-create-types';\n\nimport { useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../../constants';\nimport {\n  getGradesBasedOnGoalAvailability,\n  getMajorsFromConfigBasedOnBoardAndGrade,\n} from '../../../milestone-create-helpers';\nimport { getCategorizedCurriculumStandards } from '../../class-details-step/class-details-utils';\n\ntype TOptions = { id: string; label: string };\n\ninterface IUseCatalogHelpers {\n  (args: {\n    config: IMilestoneConfig;\n    searchChapterFields: Partial<ISearchChapterFields>;\n    region: string;\n    courseStream: TCourseStream;\n    classRatio: number;\n    enrollmentType: TEnrollmentTypes;\n  }): {\n    grades: TOptions[];\n    boards: ISectionOption<TCurriculumStandardOption>[];\n    majors: TOptions[];\n  };\n}\n\nconst useCatalogHelpers: IUseCatalogHelpers = ({\n  config,\n  searchChapterFields,\n  region,\n  courseStream,\n  classRatio,\n  enrollmentType,\n}) => {\n  const { selectedCurriculum = '', selectedGrade = '' } = searchChapterFields;\n\n  const grades = useMemo(() => {\n    //* We don't allow to add custom chapters to TEST_PREP & ENRICHMENT\n    return getGradesBasedOnGoalAvailability(config, 'SCHOOL_SUCCESS', courseStream, enrollmentType);\n  }, [config, courseStream, enrollmentType]);\n\n  const boards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(config, {\n        countryCode: region ?? '',\n        grade: selectedGrade,\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream,\n        classRatio,\n        enrollmentType,\n      }),\n    [config, region, selectedGrade, courseStream, classRatio, enrollmentType],\n  );\n\n  const majors = useMemo(() => {\n    return getMajorsFromConfigBasedOnBoardAndGrade(\n      config,\n      selectedCurriculum,\n      selectedGrade,\n      courseStream,\n      enrollmentType,\n    );\n  }, [selectedGrade, enrollmentType, selectedCurriculum, config, courseStream]);\n\n  return {\n    grades,\n    boards,\n    majors,\n  };\n};\n\nexport { useCatalogHelpers };\n"],"names":["useCatalogHelpers","config","searchChapterFields","region","courseStream","classRatio","enrollmentType","selectedCurriculum","selectedGrade","grades","useMemo","getGradesBasedOnGoalAvailability","boards","getCategorizedCurriculumStandards","GOAL_CATEGORY","majors","getMajorsFromConfigBasedOnBoardAndGrade"],"mappings":";;;;AAmCA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,QAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACJ,QAAM,EAAE,oBAAAC,IAAqB,IAAI,eAAAC,IAAgB,OAAON,GAElDO,IAASC,EAAQ,MAEdC,EAAiCV,GAAQ,kBAAkBG,GAAcE,CAAc,GAC7F,CAACL,GAAQG,GAAcE,CAAc,CAAC,GAEnCM,IAASF;AAAA,IACb,MACEG,EAAkCZ,GAAQ;AAAA,MACxC,aAAaE,KAAU;AAAA,MACvB,OAAOK;AAAA,MACP,cAAcM,EAAc;AAAA,MAC5B,cAAAV;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA,CACD;AAAA,IACH,CAACL,GAAQE,GAAQK,GAAeJ,GAAcC,GAAYC,CAAc;AAAA,EAAA,GAGpES,IAASL,EAAQ,MACdM;AAAA,IACLf;AAAA,IACAM;AAAA,IACAC;AAAA,IACAJ;AAAA,IACAE;AAAA,EAAA,GAED,CAACE,GAAeF,GAAgBC,GAAoBN,GAAQG,CAAY,CAAC;AAErE,SAAA;AAAA,IACL,QAAAK;AAAA,IACA,QAAAG;AAAA,IACA,QAAAG;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,16 @@
+import t from "styled-components";
+import r from "../../../../../ui/layout/flex-view.js";
+import { GOAL_HEADER_HEIGHT as e, GOAL_FOOTER_HEIGHT as i } from "../../../../constants.js";
+const a = t(r)(({ theme: o }) => `
+    flex: 1;
+    border-right: 1px solid ${o.colors.WHITE_5};
+  `), s = t.div(() => `
+    //* Total height - header height - footer cta height.
+    height: calc(100vh - ${e}px - ${i}px);
+    overflow-y: auto;
+  `);
+export {
+  s as ChaptersList,
+  a as Container
+};
+//# sourceMappingURL=chapters-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chapters-styled.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/search-chapter/chapters-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport { GOAL_FOOTER_HEIGHT, GOAL_HEADER_HEIGHT } from '../../../../constants';\n\nconst Container = styled(FlexView)(({ theme }) => {\n  return `\n    flex: 1;\n    border-right: 1px solid ${theme.colors.WHITE_5};\n  `;\n});\n\nconst ChaptersList = styled.div(() => {\n  return `\n    //* Total height - header height - footer cta height.\n    height: calc(100vh - ${GOAL_HEADER_HEIGHT}px - ${GOAL_FOOTER_HEIGHT}px);\n    overflow-y: auto;\n  `;\n});\n\nexport { Container, ChaptersList };\n"],"names":["Container","styled","FlexView","theme","ChaptersList","GOAL_HEADER_HEIGHT","GOAL_FOOTER_HEIGHT"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC7B;AAAA;AAAA,8BAEqBA,EAAM,OAAO,OAAO;AAAA,GAEjD,GAEKC,IAAeH,EAAO,IAAI,MACvB;AAAA;AAAA,2BAEkBI,CAAkB,QAAQC,CAAkB;AAAA;AAAA,GAGtE;"}

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

@@ -0,0 +1,85 @@
+import { jsxs as p, jsx as t, Fragment as g } from "react/jsx-runtime";
+import { memo as u, useCallback as x } from "react";
+import { IMAGES as A } from "../../../../../../assets/images/images.js";
+import L from "../../../../../ui/image/image.js";
+import d from "../../../../../ui/layout/flex-view.js";
+import y from "../../../../../ui/loader/app-loader/app-loader.js";
+import w from "../../../../../ui/text/text.js";
+import j from "../../chapter-item/chapter-item.js";
+import D from "../selected-chapters/selected-chapters.js";
+import { Container as X, ChaptersList as _ } from "./chapters-styled.js";
+const B = u((C) => {
+  const { onFormDataChange: h, formData: l, isProcessing: f } = C, {
+    selectedChaptersList: o = [],
+    primaryChaptersList: m = [],
+    searchedChaptersList: a = []
+  } = l, $ = x(
+    (r) => {
+      const s = a.find(({ id: e }) => r === e), n = m.some((e) => e.id === r), c = o.some(
+        ({ id: e, added: i }) => e === r && i
+      );
+      if (s && !n && !c) {
+        const e = {
+          ...s,
+          added: !0,
+          search_and_added: !0
+        };
+        h({
+          selectedChaptersList: [...o, e],
+          searchedChaptersList: a.map(
+            (i) => i.id === r ? { ...i, added: !0 } : i
+          )
+        });
+      }
+    },
+    [a, h, o, m]
+  );
+  return /* @__PURE__ */ p(d, { $flexDirection: "row", $inherit: !0, $width: "100%", children: [
+    /* @__PURE__ */ t(
+      X,
+      {
+        $height: "100%",
+        $justifyContent: a.length ? "flex-start" : "center",
+        $gapX: 1.5,
+        $gutterX: 1.5,
+        children: f ? /* @__PURE__ */ t(d, { $height: "100%", $alignItems: "center", $justifyContent: "center", children: /* @__PURE__ */ t(y, { height: "100%" }) }) : /* @__PURE__ */ t(g, { children: a.length > 0 ? /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(d, { $flexDirection: "row", $flexGapX: 1.25, $flexWrap: !0, children: a.map((r, s) => {
+          const n = m.some(
+            ({ code: e }) => r.code === e
+          ), c = o.some(
+            ({ id: e, added: i }) => e === r.id && i
+          );
+          return /* @__PURE__ */ t(
+            j,
+            {
+              chapterData: r,
+              canAddChapter: !n && !c,
+              chapterNo: s + 1,
+              isThisPrimaryChapter: n,
+              onChapterItemClick: $
+            },
+            r.id
+          );
+        }) }) }) : /* @__PURE__ */ p(
+          d,
+          {
+            $flexRowGap: 24,
+            $alignItems: "center",
+            $justifyContent: "center",
+            $alignSelf: "center",
+            $marginBottomX: 5.75,
+            $height: "100%",
+            children: [
+              /* @__PURE__ */ t(L, { width: 180, height: 108, src: A.NO_INFO, alt: "No Chapter", withLoader: !0 }),
+              /* @__PURE__ */ t(w, { $renderAs: "ab2-bold", $align: "center", $color: "REAL_BLACK_60", $widthX: 21, children: "Choose a grade and curriculum to display the chapters" })
+            ]
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ t(D, { formData: l, onFormDataChange: h })
+  ] });
+});
+export {
+  B as default
+};
+//# sourceMappingURL=search-chapters.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,44 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { memo as m, useCallback as l } from "react";
+import p from "../../../../../../assets/line-icons/icons/cross.js";
+import f from "../../../../../ui/buttons/icon-button/icon-button.js";
+import r from "../../../../../ui/layout/flex-view.js";
+import d from "../../../../../ui/text/text.js";
+import x from "./tags-render.js";
+const b = m(
+  ({ chapter: s, handleDeleteClick: t }) => {
+    const { id: o, name: a, chapter_tags: c } = s, i = l(() => {
+      t(o);
+    }, [t, o]);
+    return /* @__PURE__ */ n(
+      r,
+      {
+        $gapX: 1,
+        $gutterX: 1,
+        $flexDirection: "row",
+        $justifyContent: "space-between",
+        $alignItems: "center",
+        children: [
+          /* @__PURE__ */ n(r, { $flexRowGap: 4, children: [
+            /* @__PURE__ */ e(d, { $renderAs: "ab3", children: a }),
+            /* @__PURE__ */ e(r, { $flexDirection: "row", $flexGap: 4, children: /* @__PURE__ */ e(x, { tags: c }) })
+          ] }),
+          /* @__PURE__ */ e(
+            f,
+            {
+              renderAs: "secondary",
+              size: "xsmall",
+              analyticsLabel: "Remove custom chapter",
+              onClick: i,
+              Icon: p
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  b as default
+};
+//# sourceMappingURL=selected-chapter-item.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,23 @@
+import r from "styled-components";
+import p from "../../../../../../assets/line-icons/icons/book2.js";
+import a from "../../../../../ui/layout/flex-view.js";
+const u = r(a)(({ theme: o }) => `
+        height: calc(100vh - ${o.layout.gutter * 8.75}px);
+        overflow-y: auto;
+    `), d = r(p)(({ theme: o }) => {
+  const { gutter: t } = o.layout, { WHITE_4: e, BLACK_T_38: c } = o.colors;
+  return `
+        padding: ${t * 0.5625}px;
+        background-color: ${e};
+        border-radius: 50%;
+
+        path {
+            stroke: ${c};
+        }
+    `;
+});
+export {
+  u as SelectedChaptersWrapper,
+  d as StyledBook2Icon
+};
+//# sourceMappingURL=selected-chapters-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selected-chapters-styled.js","sources":["../../../../../../../src/features/milestone/create/comps/add-custom-chapter/selected-chapters/selected-chapters-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Book2Icon from '../../../../../../assets/line-icons/icons/book2';\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst SelectedChaptersWrapper = styled(FlexView)(({ theme }) => {\n  return `\n        height: calc(100vh - ${theme.layout.gutter * 8.75}px);\n        overflow-y: auto;\n    `;\n});\n\nconst StyledBook2Icon = styled(Book2Icon)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { WHITE_4, BLACK_T_38 } = theme.colors;\n\n  return `\n        padding: ${gutter * 0.5625}px;\n        background-color: ${WHITE_4};\n        border-radius: 50%;\n\n        path {\n            stroke: ${BLACK_T_38};\n        }\n    `;\n});\n\nexport { StyledBook2Icon, SelectedChaptersWrapper };\n"],"names":["SelectedChaptersWrapper","styled","FlexView","theme","StyledBook2Icon","Book2Icon","gutter","WHITE_4","BLACK_T_38"],"mappings":";;;AAKA,MAAMA,IAA0BC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAC3C;AAAA,+BACsBA,EAAM,OAAO,SAAS,IAAI;AAAA;AAAA,KAGxD,GAEKC,IAAkBH,EAAOI,CAAS,EAAE,CAAC,EAAE,OAAAF,QAAY;AACjD,QAAA,EAAE,QAAAG,EAAO,IAAIH,EAAM,QACnB,EAAE,SAAAI,GAAS,YAAAC,MAAeL,EAAM;AAE/B,SAAA;AAAA,mBACUG,IAAS,MAAM;AAAA,4BACNC,CAAO;AAAA;AAAA;AAAA;AAAA,sBAIbC,CAAU;AAAA;AAAA;AAGhC,CAAC;"}

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

@@ -0,0 +1,51 @@
+import { jsx as t, jsxs as l, Fragment as f } from "react/jsx-runtime";
+import { memo as g, useCallback as C, Fragment as $ } from "react";
+import i from "../../../../../ui/layout/flex-view.js";
+import s from "../../../../../ui/separator/separator.js";
+import c from "../../../../../ui/text/text.js";
+import u from "./selected-chapter-item.js";
+import { SelectedChaptersWrapper as _, StyledBook2Icon as w } from "./selected-chapters-styled.js";
+const F = g((d) => {
+  const { formData: h, onFormDataChange: a } = d, { selectedChaptersList: e = [], searchedChaptersList: n = [] } = h, m = C(
+    (r) => {
+      const p = e.filter(
+        ({ id: o }) => o !== r
+      );
+      a({
+        selectedChaptersList: p,
+        searchedChaptersList: n.map(
+          (o) => o.id === r ? { ...o, added: !1 } : o
+        )
+      });
+    },
+    [e, a, n]
+  );
+  return /* @__PURE__ */ t(
+    _,
+    {
+      $widthX: 23,
+      $justifyContent: e.length ? "flex-start" : "center",
+      children: e.length ? /* @__PURE__ */ l(f, { children: [
+        /* @__PURE__ */ l(i, { $gapX: 1, $gutterX: 1, $background: "WHITE_2", children: [
+          /* @__PURE__ */ t(s, { heightX: 0.5, background: "WHITE_2" }),
+          /* @__PURE__ */ l(c, { $renderAs: "ac4", $color: "BLACK_T_60", children: [
+            "Selected chapters (",
+            e.length,
+            ")"
+          ] })
+        ] }),
+        e.map((r) => /* @__PURE__ */ l($, { children: [
+          /* @__PURE__ */ t(u, { chapter: r, handleDeleteClick: m }),
+          /* @__PURE__ */ t(s, { height: 1, background: "WHITE_5" })
+        ] }, r.id))
+      ] }) : /* @__PURE__ */ l(i, { $flexRowGap: 24, $alignItems: "center", $justifyContent: "center", children: [
+        /* @__PURE__ */ t(w, { width: 60, height: 60, color: "BLACK_T_38", fill: "white" }),
+        /* @__PURE__ */ t(c, { $renderAs: "ab2", $align: "center", $color: "BLACK_T_38", $widthX: 14, children: "The chapters you select will be shown here" })
+      ] })
+    }
+  );
+});
+export {
+  F as default
+};
+//# sourceMappingURL=selected-chapters.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,8 @@
+import { jsx as o, Fragment as t } from "react/jsx-runtime";
+import { memo as m } from "react";
+import a from "../../../../../ui/tag/tag.js";
+const f = m(({ tags: e }) => /* @__PURE__ */ o(t, { children: e.map((r) => /* @__PURE__ */ o(a, { text: r, backgroundColor: "WHITE_1", textColor: "BLACK_T_60" }, r)) }));
+export {
+  f as default
+};
+//# sourceMappingURL=tags-render.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,62 @@
+import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
+import { memo as f, useContext as u, useMemo as g, useCallback as $ } from "react";
+import { useTheme as x } from "styled-components";
+import C from "../../../../../assets/line-icons/icons/back2.js";
+import X from "../../../../ui/buttons/clickable/clickable.js";
+import b from "../../../../ui/layout/flex-view.js";
+import k from "../../milestone-create-context.js";
+import { HeaderContainer as y, ContentContainer as w, FooterWrapper as F } from "../../milestone-create-styled.js";
+const v = f(
+  ({
+    bodyElement: l,
+    bodyHeight: c,
+    footerElement: o,
+    overflowHidden: m,
+    stepName: i,
+    headerElement: s,
+    onBackButtonClick: t
+  }) => {
+    const {
+      layout: { gutter: n }
+    } = x(), { handleBack: r } = u(k), h = g(
+      () => ({
+        step: i
+      }),
+      [i]
+    ), p = $(() => {
+      t ? t(r) : r();
+    }, [t, r]);
+    return /* @__PURE__ */ a(d, { children: [
+      /* @__PURE__ */ a(
+        y,
+        {
+          $flexDirection: "row",
+          $alignItems: "center",
+          $heightX: 3.75,
+          $flexGapX: 1,
+          $gapX: 1,
+          $gutterX: 1,
+          $background: "WHITE_3",
+          children: [
+            /* @__PURE__ */ e(
+              X,
+              {
+                label: "Back",
+                analyticsProps: h,
+                onClick: p,
+                children: /* @__PURE__ */ e(C, { width: n * 1.5, height: n * 1.5 })
+              }
+            ),
+            s
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(w, { $overflowHidden: m, children: /* @__PURE__ */ e(b, { $height: c, children: l }) }),
+      o && /* @__PURE__ */ e(F, { $gapX: 1, $gutterX: 1, children: o })
+    ] });
+  }
+);
+export {
+  v as default
+};
+//# sourceMappingURL=body-layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"body-layout.js","sources":["../../../../../../src/features/milestone/create/comps/body-layout/body-layout.tsx"],"sourcesContent":["import 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?: JSX.Element; //TODO: Make this mandatory\n  bodyElement: JSX.Element;\n  footerElement?: JSX.Element;\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":";;;;;;;;AAmBA,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;"}