@cuemath/leap 2.8.21 → 2.8.22

package/dist/features/milestone/outcome/comps/past-milestone/past-milestone-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"past-milestone-container.js","sources":["../../../../../../src/features/milestone/outcome/comps/past-milestone/past-milestone-container.tsx"],"sourcesContent":["import type {\n  IMileStoneFormFields,\n  TMilestonePayload,\n} from '../../../create/milestone-create-types';\nimport type { TTestType } from '../../../types';\nimport type { IPastMilestoneProps } from './past-milestone-types';\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport NextIcon from '../../../../../assets/line-icons/icons/next';\nimport Button from '../../../../ui/buttons/button/button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport RadioCards from '../../../../ui/radio-cards/radio-cards';\nimport Text from '../../../../ui/text/text';\nimport { useGetMileStoneConfig } from '../../../create/api/milestone-config';\nimport { useMilestonePost } from '../../../create/api/milestone-submit';\nimport { TEST_TYPE_OPTIONS } from '../../../create/comps/test-type-step/test-type-step-constants';\nimport PastMilestoneForm from './past-milestone-form';\nimport { FooterWrapper } from './past-milestone-styled';\nimport Question from './question';\n\nconst PastMilestoneContainer: React.FC<IPastMilestoneProps> = ({\n  studentId,\n  studentName,\n  onSubmit,\n  onError,\n  grade: prevGrade,\n  courseStream,\n}) => {\n  const [testType, setTestType] = useState<TTestType>();\n  const [canSubmit, setCanSubmit] = useState(false);\n  const [formData, setFormData] = useState<IMileStoneFormFields>({ grade: prevGrade });\n  const [dateErrorMessage, setDateErrorMessage] = useState('');\n  const { get: getConfig, data: configData } = useGetMileStoneConfig();\n  const { onEvent: trackEvent } = useUIContext();\n  const itemIdRef = useRef(uuidv4());\n\n  const testTypeOptions = useMemo(\n    () =>\n      TEST_TYPE_OPTIONS.filter(({ id }) =>\n        courseStream === 'MATH' ? id !== 'no-test' : id === 'non-standardized',\n      ),\n    [courseStream],\n  );\n\n  const currentDate = useMemo(() => {\n    const today = new Date();\n\n    return today.toISOString().split('T')[0];\n  }, []);\n\n  // Get date that was 5 years ago\n  const fiveYearsAgoDate = useMemo(() => {\n    const today = new Date();\n\n    today.setFullYear(today.getFullYear() - 5);\n\n    return today.toISOString().split('T')[0];\n  }, []);\n\n  const handleFormDataChange = useCallback(\n    (changedData: IMileStoneFormFields) => {\n      const { milestoneEndDate } = changedData || {};\n\n      if (\n        dateErrorMessage &&\n        milestoneEndDate &&\n        currentDate &&\n        fiveYearsAgoDate &&\n        milestoneEndDate <= currentDate &&\n        milestoneEndDate > fiveYearsAgoDate\n      ) {\n        setDateErrorMessage('');\n      }\n\n      setFormData(prevFormData => ({ ...prevFormData, ...changedData }));\n    },\n    [currentDate, dateErrorMessage, fiveYearsAgoDate],\n  );\n  const handleOnSubmit = (errorMessage: string | null, data?: Record<string, unknown>) => {\n    if (errorMessage) {\n      onError(errorMessage);\n    } else {\n      const { id: milestoneId = '' } = data || {};\n\n      trackEvent('TEST_DETAILS_SUBMITTED', {\n        milestone_id: milestoneId,\n        temporary_milestone_id: itemIdRef.current,\n      });\n      onSubmit(milestoneId as string);\n    }\n  };\n\n  useEffect(() => {\n    trackEvent('TEST_DETAILS_PAGE_LOADED', {\n      temporary_milestone_id: itemIdRef.current,\n    });\n  }, [trackEvent]);\n\n  useEffect(() => {\n    getConfig('', undefined);\n  }, [getConfig]);\n  const { post: postMilestone, isProcessing } = useMilestonePost({\n    onComplete: handleOnSubmit,\n  });\n  const handleTestTypeChange = (inputTestType: TTestType) => {\n    setTestType(inputTestType);\n    setFormData({ grade: prevGrade });\n  };\n\n  const createMilestone = () => {\n    const { grade, testName, board, milestoneEndDate, academicEventId } = formData;\n\n    if (\n      milestoneEndDate &&\n      currentDate &&\n      fiveYearsAgoDate &&\n      (milestoneEndDate > currentDate || milestoneEndDate < fiveYearsAgoDate)\n    ) {\n      if (milestoneEndDate > currentDate) {\n        setDateErrorMessage('Please enter a past date');\n      } else {\n        setDateErrorMessage('Please select a date within the past 5 years');\n      }\n\n      return;\n    }\n\n    const payload: TMilestonePayload = {\n      grade,\n      test_name: testName,\n      board,\n      course_stream: courseStream,\n      milestone_date_ts: milestoneEndDate ? new Date(milestoneEndDate).getTime() / 1000 : null,\n      academic_event_id: academicEventId,\n      publish: true,\n    };\n\n    postMilestone(payload, {\n      studentId,\n    });\n  };\n\n  if (!studentId) {\n    return <div>Error</div>;\n  }\n\n  return (\n    <>\n      <FlexView $height={'max-content'} $alignItems=\"center\">\n        <Text\n          $renderAs=\"h4\"\n          $align=\"center\"\n          $alignSelf=\"center\"\n          $widthX={28.75}\n          $marginBottomX={0.75}\n        >\n          Please enter the test details\n        </Text>\n        <Question\n          index={0}\n          description=\"What was the type of test?\"\n          inputComponent={\n            <RadioCards\n              options={testTypeOptions}\n              value={testType}\n              widthX={18.75}\n              onChange={handleTestTypeChange}\n              analyticsLabel=\"test_type\"\n            />\n          }\n        />\n        {configData && testType && (\n          <PastMilestoneForm\n            config={configData}\n            testType={testType}\n            studentName={studentName}\n            formData={formData}\n            onFormDataChange={handleFormDataChange}\n            onFormValidityChange={setCanSubmit}\n            errorMessage={dateErrorMessage}\n          />\n        )}\n      </FlexView>\n      {testType && (\n        <FooterWrapper>\n          <FlexView $flexDirection=\"row\" $justifyContent=\"center\">\n            <Button\n              label=\"Add outcome\"\n              renderAs=\"primary\"\n              widthX={16}\n              Icon={NextIcon}\n              onClick={createMilestone}\n              disabled={!canSubmit}\n              busy={isProcessing}\n              iconPosition=\"right\"\n              analyticsProps={{\n                temporary_milestone_id: itemIdRef.current,\n              }}\n            />\n          </FlexView>\n        </FooterWrapper>\n      )}\n    </>\n  );\n};\n\nexport default PastMilestoneContainer;\n"],"names":["PastMilestoneContainer","studentId","studentName","onSubmit","onError","prevGrade","courseStream","testType","setTestType","useState","canSubmit","setCanSubmit","formData","setFormData","dateErrorMessage","setDateErrorMessage","getConfig","configData","useGetMileStoneConfig","trackEvent","useUIContext","itemIdRef","useRef","uuidv4","testTypeOptions","useMemo","TEST_TYPE_OPTIONS","id","currentDate","fiveYearsAgoDate","today","handleFormDataChange","useCallback","changedData","milestoneEndDate","prevFormData","handleOnSubmit","errorMessage","data","milestoneId","useEffect","postMilestone","isProcessing","useMilestonePost","handleTestTypeChange","inputTestType","createMilestone","grade","testName","board","academicEventId","payload","jsxs","Fragment","FlexView","jsx","Text","Question","RadioCards","PastMilestoneForm","FooterWrapper","Button","NextIcon"],"mappings":"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"}
+{"version":3,"file":"past-milestone-container.js","sources":["../../../../../../src/features/milestone/outcome/comps/past-milestone/past-milestone-container.tsx"],"sourcesContent":["import type {\n  IMileStoneFormFields,\n  TMilestonePayload,\n} from '../../../create/milestone-create-types';\nimport type { TTestType } from '../../../types';\nimport type { IPastMilestoneProps } from './past-milestone-types';\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport NextIcon from '../../../../../assets/line-icons/icons/next';\nimport Button from '../../../../ui/buttons/button/button';\nimport { useUIContext } from '../../../../ui/context/context';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport RadioCards from '../../../../ui/radio-cards/radio-cards';\nimport Text from '../../../../ui/text/text';\nimport { useGetMileStoneConfig } from '../../../create/api/milestone-config';\nimport { useMilestonePost } from '../../../create/api/milestone-submit';\nimport { TEST_TYPE_OPTIONS } from '../../../create/comps/test-type-step/test-type-step-constants';\nimport PastMilestoneForm from './past-milestone-form';\nimport { FooterWrapper } from './past-milestone-styled';\nimport Question from './question';\n\nconst PastMilestoneContainer: React.FC<IPastMilestoneProps> = ({\n  studentId,\n  studentName,\n  onSubmit,\n  onError,\n  grade: prevGrade,\n  courseStream,\n}) => {\n  const [testType, setTestType] = useState<TTestType>();\n  const [canSubmit, setCanSubmit] = useState(false);\n  const [formData, setFormData] = useState<IMileStoneFormFields>({ grade: prevGrade });\n  const [dateErrorMessage, setDateErrorMessage] = useState('');\n  const { get: getConfig, data: configData } = useGetMileStoneConfig();\n  const { onEvent: trackEvent } = useUIContext();\n  const itemIdRef = useRef(uuidv4());\n\n  const testTypeOptions = useMemo(\n    () =>\n      TEST_TYPE_OPTIONS.filter(({ id }) =>\n        courseStream === 'MATH' ? id !== 'no-test' : id === 'non-standardized',\n      ),\n    [courseStream],\n  );\n\n  const currentDate = useMemo(() => {\n    const today = new Date();\n\n    return today.toISOString().split('T')[0];\n  }, []);\n\n  // Get date that was 5 years ago\n  const fiveYearsAgoDate = useMemo(() => {\n    const today = new Date();\n\n    today.setFullYear(today.getFullYear() - 5);\n\n    return today.toISOString().split('T')[0];\n  }, []);\n\n  const handleFormDataChange = useCallback(\n    (changedData: IMileStoneFormFields) => {\n      const { milestoneEndDate } = changedData || {};\n\n      if (\n        dateErrorMessage &&\n        milestoneEndDate &&\n        currentDate &&\n        fiveYearsAgoDate &&\n        milestoneEndDate <= currentDate &&\n        milestoneEndDate > fiveYearsAgoDate\n      ) {\n        setDateErrorMessage('');\n      }\n\n      setFormData(prevFormData => ({ ...prevFormData, ...changedData }));\n    },\n    [currentDate, dateErrorMessage, fiveYearsAgoDate],\n  );\n  const handleOnSubmit = (errorMessage: string | null, data?: Record<string, unknown>) => {\n    if (errorMessage) {\n      onError(errorMessage);\n    } else {\n      const { id: milestoneId = '' } = data || {};\n\n      trackEvent('TEST_DETAILS_SUBMITTED', {\n        milestone_id: milestoneId,\n        temporary_milestone_id: itemIdRef.current,\n      });\n      onSubmit(milestoneId as string);\n    }\n  };\n\n  useEffect(() => {\n    trackEvent('TEST_DETAILS_PAGE_LOADED', {\n      temporary_milestone_id: itemIdRef.current,\n    });\n  }, [trackEvent]);\n\n  useEffect(() => {\n    getConfig('', undefined);\n  }, [getConfig]);\n  const { post: postMilestone, isProcessing } = useMilestonePost({\n    onComplete: handleOnSubmit,\n  });\n  const handleTestTypeChange = (inputTestType: TTestType) => {\n    setTestType(inputTestType);\n    setFormData({ grade: prevGrade });\n  };\n\n  const createMilestone = () => {\n    const { grade, testName, board, milestoneEndDate, schoolGooglePlaceData, academicEventId } =\n      formData;\n\n    if (\n      milestoneEndDate &&\n      currentDate &&\n      fiveYearsAgoDate &&\n      (milestoneEndDate > currentDate || milestoneEndDate < fiveYearsAgoDate)\n    ) {\n      if (milestoneEndDate > currentDate) {\n        setDateErrorMessage('Please enter a past date');\n      } else {\n        setDateErrorMessage('Please select a date within the past 5 years');\n      }\n\n      return;\n    }\n\n    const payload: TMilestonePayload = {\n      grade,\n      test_name: testName,\n      board,\n      course_stream: courseStream,\n      milestone_date_ts: milestoneEndDate ? new Date(milestoneEndDate).getTime() / 1000 : null,\n      school_google_place_data: schoolGooglePlaceData,\n      academic_event_id: academicEventId,\n      is_first_milestone: false,\n      publish: true,\n    };\n\n    postMilestone(payload, {\n      studentId,\n    });\n  };\n\n  if (!studentId) {\n    return <div>Error</div>;\n  }\n\n  return (\n    <>\n      <FlexView $height={'max-content'} $alignItems=\"center\">\n        <Text\n          $renderAs=\"h4\"\n          $align=\"center\"\n          $alignSelf=\"center\"\n          $widthX={28.75}\n          $marginBottomX={0.75}\n        >\n          Please enter the test details\n        </Text>\n        <Question\n          index={0}\n          description=\"What was the type of test?\"\n          inputComponent={\n            <RadioCards\n              options={testTypeOptions}\n              value={testType}\n              widthX={18.75}\n              onChange={handleTestTypeChange}\n              analyticsLabel=\"test_type\"\n            />\n          }\n        />\n        {configData && testType && (\n          <PastMilestoneForm\n            config={configData}\n            testType={testType}\n            studentName={studentName}\n            formData={formData}\n            onFormDataChange={handleFormDataChange}\n            onFormValidityChange={setCanSubmit}\n            errorMessage={dateErrorMessage}\n          />\n        )}\n      </FlexView>\n      {testType && (\n        <FooterWrapper>\n          <FlexView $flexDirection=\"row\" $justifyContent=\"center\">\n            <Button\n              label=\"Add outcome\"\n              renderAs=\"primary\"\n              widthX={16}\n              Icon={NextIcon}\n              onClick={createMilestone}\n              disabled={!canSubmit}\n              busy={isProcessing}\n              iconPosition=\"right\"\n              analyticsProps={{\n                temporary_milestone_id: itemIdRef.current,\n              }}\n            />\n          </FlexView>\n        </FooterWrapper>\n      )}\n    </>\n  );\n};\n\nexport default PastMilestoneContainer;\n"],"names":["PastMilestoneContainer","studentId","studentName","onSubmit","onError","prevGrade","courseStream","testType","setTestType","useState","canSubmit","setCanSubmit","formData","setFormData","dateErrorMessage","setDateErrorMessage","getConfig","configData","useGetMileStoneConfig","trackEvent","useUIContext","itemIdRef","useRef","uuidv4","testTypeOptions","useMemo","TEST_TYPE_OPTIONS","id","currentDate","fiveYearsAgoDate","today","handleFormDataChange","useCallback","changedData","milestoneEndDate","prevFormData","handleOnSubmit","errorMessage","data","milestoneId","useEffect","postMilestone","isProcessing","useMilestonePost","handleTestTypeChange","inputTestType","createMilestone","grade","testName","board","schoolGooglePlaceData","academicEventId","payload","jsxs","Fragment","FlexView","jsx","Text","Question","RadioCards","PastMilestoneForm","FooterWrapper","Button","NextIcon"],"mappings":"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"}

package/dist/features/notifications/api/notification.js

@@ -0,0 +1,13 @@
+import { createGetAllAPI as o, createPatchAPI as r } from "@cuemath/rest-api";
+import { BASE_URL_V1 as t } from "../../../constants/api.js";
+import { stringify as i } from "../../../helpers/query-string.js";
+const { useGetAll: f } = o({
+  getURL: (e) => `${t}/notification/journeys/?${i(e)}`
+});
+r({
+  getURL: () => `${t}/notification/journeys/`
+});
+export {
+  f as useGetJourneys
+};
+//# sourceMappingURL=notification.js.map

package/dist/features/notifications/api/notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.js","sources":["../../../../src/features/notifications/api/notification.ts"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { IStudentJourneyData, TJourneyType } from '../types';\n\nimport { createGetAllAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\n\ntype TGetQuery = {\n  user_id?: string;\n  journey_type?: string;\n  user_type?: TUserTypes;\n};\n\nconst { useGetAll: useGetJourneys } = createGetAllAPI<IStudentJourneyData, TGetQuery>({\n  getURL: query => `${BASE_URL_V1}/notification/journeys/?${stringify(query)}`,\n});\n\ntype TPatchBody = {\n  user_id: string;\n  journey_id: string;\n  user_type: TUserTypes;\n  step: number;\n  state: TJourneyType;\n};\n\nconst { usePatch: usePatchJourney } = createPatchAPI<TPatchBody, Record<string, unknown>>({\n  getURL: () => `${BASE_URL_V1}/notification/journeys/`,\n});\n\nexport { useGetJourneys, usePatchJourney };\n"],"names":["useGetJourneys","createGetAllAPI","query","BASE_URL_V1","stringify","createPatchAPI"],"mappings":";;;AAcA,MAAM,EAAE,WAAWA,EAAe,IAAIC,EAAgD;AAAA,EACpF,QAAQ,CAASC,MAAA,GAAGC,CAAW,2BAA2BC,EAAUF,CAAK,CAAC;AAC5E,CAAC;AAUqCG,EAAoD;AAAA,EACxF,QAAQ,MAAM,GAAGF,CAAW;AAC9B,CAAC;"}

package/dist/features/notifications/use-student-journey.js

@@ -0,0 +1,20 @@
+import { useEffect as t, useMemo as i } from "react";
+import { useGetJourneys as c } from "./api/notification.js";
+const y = (s) => {
+  const { getAll: o, data: e, isProcessing: r } = c();
+  t(() => {
+    s && o({
+      user_type: "STUDENT",
+      user_id: s
+    });
+  }, [o, s]);
+  const u = i(
+    () => (e == null ? void 0 : e.filter(({ state: n }) => n === "UNFINISHED")) ?? [],
+    [e]
+  );
+  return r ? { journeysToInclude: null, isProcessing: !0 } : { journeysToInclude: u, isProcessing: !1 };
+};
+export {
+  y as default
+};
+//# sourceMappingURL=use-student-journey.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-student-journey.js","sources":["../../../src/features/notifications/use-student-journey.ts"],"sourcesContent":["import type { IStudentJourneyData } from './types';\n\nimport { useEffect, useMemo } from 'react';\n\nimport { useGetJourneys } from './api/notification';\n\nconst useStudentJourneys = (\n  studentId: string | null,\n):\n  | { journeysToInclude: IStudentJourneyData[]; isProcessing: false }\n  | { journeysToInclude: null; isProcessing: true } => {\n  const { getAll: getStudentJourneys, data: studentJourneys, isProcessing } = useGetJourneys();\n\n  useEffect(() => {\n    if (studentId)\n      getStudentJourneys({\n        user_type: 'STUDENT',\n        user_id: studentId,\n      });\n  }, [getStudentJourneys, studentId]);\n\n  const journeyCodesToInclude = useMemo(\n    () => studentJourneys?.filter(({ state }) => state === 'UNFINISHED') ?? [],\n    [studentJourneys],\n  );\n\n  if (isProcessing) return { journeysToInclude: null, isProcessing: true };\n\n  return { journeysToInclude: journeyCodesToInclude, isProcessing: false };\n};\n\nexport default useStudentJourneys;\n"],"names":["useStudentJourneys","studentId","getStudentJourneys","studentJourneys","isProcessing","useGetJourneys","useEffect","journeyCodesToInclude","useMemo","state"],"mappings":";;AAMM,MAAAA,IAAqB,CACzBC,MAGqD;AACrD,QAAM,EAAE,QAAQC,GAAoB,MAAMC,GAAiB,cAAAC,EAAA,IAAiBC;AAE5E,EAAAC,EAAU,MAAM;AACV,IAAAL,KACiBC,EAAA;AAAA,MACjB,WAAW;AAAA,MACX,SAASD;AAAA,IAAA,CACV;AAAA,EAAA,GACF,CAACC,GAAoBD,CAAS,CAAC;AAElC,QAAMM,IAAwBC;AAAA,IAC5B,OAAML,KAAA,gBAAAA,EAAiB,OAAO,CAAC,EAAE,OAAAM,QAAYA,MAAU,kBAAiB,CAAC;AAAA,IACzE,CAACN,CAAe;AAAA,EAAA;AAGlB,SAAIC,IAAqB,EAAE,mBAAmB,MAAM,cAAc,OAE3D,EAAE,mBAAmBG,GAAuB,cAAc,GAAM;AACzE;"}

package/dist/features/sheets/constants/lessons.js

@@ -0,0 +1,28 @@
+import { IMAGES as e } from "../../../assets/images/images.js";
+import { S3_LINK as s } from "../../../constants/urls.js";
+const o = [
+  {
+    modalHeader: "Mark as learned vs Skip lesson",
+    modalSubHeader: "Learned lessons progress is tracked. Skipped lessons are removed from progress tracking.",
+    modalAnalyticsLabel: "FAMILIAR_VS_SKIP",
+    header: "🧐 Mark as learned vs Skip lesson. More questions?",
+    videoSrc: `${s}/2024/10_Oct/Mark+as+learned+vs+mark+as+not+needed+final.mp4`,
+    subHeaderStart: "When to use what.",
+    imgSrc: e.HELP_BANNER6,
+    hue: "PURPLE"
+  },
+  {
+    modalHeader: "How does a student achieve mastery of a lesson?",
+    modalSubHeader: "To achieve mastery of a lesson, student must complete the smart practice sheet corresponding to the lesson.",
+    modalAnalyticsLabel: "STUDENT_MASTERY",
+    header: "🤔 How does a student achieve mastery? More questions?",
+    videoSrc: `${s}/2024/10_Oct/When+is+a+lesson+mastered+final.mp4`,
+    subHeaderStart: "For sure.",
+    imgSrc: e.HELP_BANNER5,
+    hue: "GREEN"
+  }
+];
+export {
+  o as LESSON_HELP_CONFIG
+};
+//# sourceMappingURL=lessons.js.map

package/dist/features/sheets/constants/lessons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lessons.js","sources":["../../../../src/features/sheets/constants/lessons.ts"],"sourcesContent":["import type { IMilestoneHelpBannerConfig } from '../../milestone/types';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport { S3_LINK } from '../../../constants/urls';\n\nexport const LESSON_HELP_CONFIG: IMilestoneHelpBannerConfig[] = [\n  {\n    modalHeader: 'Mark as learned vs Skip lesson',\n    modalSubHeader:\n      'Learned lessons progress is tracked. Skipped lessons are removed from progress tracking.',\n    modalAnalyticsLabel: 'FAMILIAR_VS_SKIP',\n    header: '🧐 Mark as learned vs Skip lesson. More questions?',\n    videoSrc: `${S3_LINK}/2024/10_Oct/Mark+as+learned+vs+mark+as+not+needed+final.mp4`,\n    subHeaderStart: 'When to use what.',\n\n    imgSrc: IMAGES.HELP_BANNER6,\n    hue: 'PURPLE',\n  },\n  {\n    modalHeader: 'How does a student achieve mastery of a lesson?',\n    modalSubHeader:\n      'To achieve mastery of a lesson, student must complete the smart practice sheet corresponding to the lesson.',\n    modalAnalyticsLabel: 'STUDENT_MASTERY',\n    header: '🤔 How does a student achieve mastery? More questions?',\n    videoSrc: `${S3_LINK}/2024/10_Oct/When+is+a+lesson+mastered+final.mp4`,\n    subHeaderStart: 'For sure.',\n    imgSrc: IMAGES.HELP_BANNER5,\n    hue: 'GREEN',\n  },\n];\n"],"names":["LESSON_HELP_CONFIG","S3_LINK","IMAGES"],"mappings":";;AAKO,MAAMA,IAAmD;AAAA,EAC9D;AAAA,IACE,aAAa;AAAA,IACb,gBACE;AAAA,IACF,qBAAqB;AAAA,IACrB,QAAQ;AAAA,IACR,UAAU,GAAGC,CAAO;AAAA,IACpB,gBAAgB;AAAA,IAEhB,QAAQC,EAAO;AAAA,IACf,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,gBACE;AAAA,IACF,qBAAqB;AAAA,IACrB,QAAQ;AAAA,IACR,UAAU,GAAGD,CAAO;AAAA,IACpB,gBAAgB;AAAA,IAChB,QAAQC,EAAO;AAAA,IACf,KAAK;AAAA,EACP;AACF;"}

package/dist/features/ui/modals/info-modal/index.js

@@ -0,0 +1,117 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { memo as B, useState as L, useMemo as D } from "react";
+import N from "../../../../assets/line-icons/icons/back.js";
+import X from "../../../../assets/line-icons/icons/next.js";
+import _ from "../../buttons/button/button.js";
+import p from "../../buttons/icon-button/icon-button.js";
+import v from "../../buttons/text-button/text-button.js";
+import T from "../../image/image.js";
+import t from "../../layout/flex-view.js";
+import y from "../../text/text.js";
+import P from "../../video/index.js";
+const Q = B(
+  ({ onFinish: c, entrySlideNumber: $, slides: a, tertiaryProps: s, analyticsProps: u }) => {
+    const [o, b] = L($), x = () => {
+      b((n) => n - 1);
+    }, f = () => {
+      o === a.length - 1 ? c == null || c() : b((n) => n + 1);
+    }, {
+      img: h,
+      video: m,
+      header: d,
+      sub_header: g,
+      analytics_label: i,
+      thumbnail: w,
+      autoPlay: A,
+      buttonLabel: C
+    } = a[o], { commonAnalytics: l, videoAnalytics: I } = D(() => {
+      const n = {
+        step_header: d,
+        banner_type: i,
+        ...u ?? {}
+      }, j = { ...n, label: i };
+      return { commonAnalytics: n, videoAnalytics: j };
+    }, [i, d, u]), k = C || (o === a.length - 1 ? "Ok got it!" : "Next");
+    return /* @__PURE__ */ r(
+      t,
+      {
+        $flexGapX: 1.5,
+        $gutterX: 2.5,
+        $gapX: 2.5,
+        $heightX: 31.125,
+        $justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ r(t, { children: [
+            /* @__PURE__ */ e(y, { $renderAs: "ah4-bold", children: d }),
+            /* @__PURE__ */ e(y, { $renderAs: "ub3", children: g })
+          ] }),
+          /* @__PURE__ */ r(t, { $borderColor: "BLACK_T_38", children: [
+            h && /* @__PURE__ */ e(T, { alt: i, width: "480", height: "200", src: h, withLoader: !1 }),
+            m && /* @__PURE__ */ e(
+              P,
+              {
+                width: "480",
+                height: "270",
+                src: m,
+                analyticsData: I,
+                controls: !0,
+                thumbnailImg: w,
+                autoPlay: A
+              },
+              m
+            )
+          ] }),
+          /* @__PURE__ */ e(t, { $justifyContent: "space-between", children: s ? /* @__PURE__ */ r(t, { $justifyContent: "space-between", $flexDirection: "row", $alignItems: "baseline", children: [
+            /* @__PURE__ */ e(
+              v,
+              {
+                label: s.CTA,
+                onClick: s.onClick,
+                analyticsProps: l
+              }
+            ),
+            /* @__PURE__ */ r(t, { $flexDirection: "row", $justifyContent: "space-between", $widthX: 6, children: [
+              /* @__PURE__ */ e(
+                p,
+                {
+                  Icon: N,
+                  renderAs: "primary",
+                  analyticsLabel: "Back",
+                  onClick: x,
+                  analyticsProps: l,
+                  disabled: o === 0
+                }
+              ),
+              /* @__PURE__ */ e(
+                p,
+                {
+                  Icon: X,
+                  analyticsLabel: "Next",
+                  renderAs: "primary",
+                  onClick: f,
+                  analyticsProps: l,
+                  disabled: o === a.length - 1
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ e(t, { $flexDirection: "row", $alignItems: "center", $justifyContent: "flex-end", children: /* @__PURE__ */ e(
+            _,
+            {
+              renderAs: "primary",
+              shape: "square",
+              widthX: 10,
+              size: "small",
+              label: k,
+              onClick: f,
+              analyticsProps: l
+            }
+          ) }) })
+        ]
+      }
+    );
+  }
+);
+export {
+  Q as default
+};
+//# sourceMappingURL=index.js.map

package/dist/features/ui/modals/info-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/features/ui/modals/info-modal/index.tsx"],"sourcesContent":["import type { IInfoModalProps, TSlideConfig } from './types';\n\nimport { memo, useMemo, useState } from 'react';\n\nimport BackIcon from '../../../../assets/line-icons/icons/back';\nimport NextIcon from '../../../../assets/line-icons/icons/next';\nimport Button from '../../buttons/button/button';\nimport IconButton from '../../buttons/icon-button/icon-button';\nimport TextButton from '../../buttons/text-button/text-button';\nimport Image from '../../image/image';\nimport FlexView from '../../layout/flex-view';\nimport Text from '../../text/text';\nimport Video from '../../video';\n\nconst InfoModal: React.FC<IInfoModalProps> = memo(\n  ({ onFinish: handleFinish, entrySlideNumber, slides, tertiaryProps, analyticsProps }) => {\n    const [slideNum, setSlideNum] = useState(entrySlideNumber);\n    const handlePrevious = () => {\n      setSlideNum(prev => prev - 1);\n    };\n\n    const handleNext = () => {\n      if (slideNum === slides.length - 1) {\n        handleFinish?.();\n      } else {\n        setSlideNum(prev => prev + 1);\n      }\n    };\n\n    const {\n      img,\n      video,\n      header,\n      sub_header: subHeader,\n      analytics_label: analyticsLabel,\n      thumbnail,\n      autoPlay,\n      buttonLabel,\n    } = slides[slideNum] as TSlideConfig;\n\n    const { commonAnalytics, videoAnalytics } = useMemo(() => {\n      const commonAnalyticsData = {\n        step_header: header,\n        banner_type: analyticsLabel,\n        ...(analyticsProps ?? {}),\n      };\n      const videoAnalyticsData = { ...commonAnalyticsData, label: analyticsLabel };\n\n      return { commonAnalytics: commonAnalyticsData, videoAnalytics: videoAnalyticsData };\n    }, [analyticsLabel, header, analyticsProps]);\n\n    const nextButtonLabel = buttonLabel || (slideNum === slides.length - 1 ? 'Ok got it!' : 'Next');\n\n    return (\n      <FlexView\n        $flexGapX={1.5}\n        $gutterX={2.5}\n        $gapX={2.5}\n        $heightX={31.125}\n        $justifyContent=\"space-between\"\n      >\n        <FlexView>\n          <Text $renderAs=\"ah4-bold\">{header}</Text>\n          <Text $renderAs=\"ub3\">{subHeader}</Text>\n        </FlexView>\n\n        <FlexView $borderColor=\"BLACK_T_38\">\n          {img && (\n            <Image alt={analyticsLabel} width=\"480\" height=\"200\" src={img} withLoader={false} />\n          )}\n          {video && (\n            <Video\n              key={video}\n              width=\"480\"\n              height=\"270\"\n              src={video}\n              analyticsData={videoAnalytics}\n              controls\n              thumbnailImg={thumbnail}\n              autoPlay={autoPlay}\n            />\n          )}\n        </FlexView>\n\n        <FlexView $justifyContent=\"space-between\">\n          {tertiaryProps ? (\n            <FlexView $justifyContent=\"space-between\" $flexDirection=\"row\" $alignItems=\"baseline\">\n              <TextButton\n                label={tertiaryProps.CTA}\n                onClick={tertiaryProps.onClick}\n                analyticsProps={commonAnalytics}\n              />\n              <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $widthX={6}>\n                <IconButton\n                  Icon={BackIcon}\n                  renderAs=\"primary\"\n                  analyticsLabel=\"Back\"\n                  onClick={handlePrevious}\n                  analyticsProps={commonAnalytics}\n                  disabled={slideNum === 0}\n                />\n\n                <IconButton\n                  Icon={NextIcon}\n                  analyticsLabel=\"Next\"\n                  renderAs=\"primary\"\n                  onClick={handleNext}\n                  analyticsProps={commonAnalytics}\n                  disabled={slideNum === slides.length - 1}\n                />\n              </FlexView>\n            </FlexView>\n          ) : (\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"flex-end\">\n              <Button\n                renderAs=\"primary\"\n                shape=\"square\"\n                widthX={10}\n                size=\"small\"\n                label={nextButtonLabel}\n                onClick={handleNext}\n                analyticsProps={commonAnalytics}\n              />\n            </FlexView>\n          )}\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nexport default InfoModal;\n"],"names":["InfoModal","memo","handleFinish","entrySlideNumber","slides","tertiaryProps","analyticsProps","slideNum","setSlideNum","useState","handlePrevious","prev","handleNext","img","video","header","subHeader","analyticsLabel","thumbnail","autoPlay","buttonLabel","commonAnalytics","videoAnalytics","useMemo","commonAnalyticsData","videoAnalyticsData","nextButtonLabel","jsxs","FlexView","jsx","Text","Image","Video","TextButton","IconButton","BackIcon","NextIcon","Button"],"mappings":"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"}

package/dist/index.d.ts

@@ -47,6 +47,8 @@ export declare const AchievementNotShareReasonModal: React_2.FC<IShareInstructio
 
 export declare const AchievementShareInstructionModal: React_2.FC<IShareInstructionModalProps>;
 
+export declare const AddRemoveChapters: React_2.FC<IShareScreenModalProps>;
+
 export declare const AlertIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const AppLoader: FC<IAppLoaderProps>;
@@ -1021,8 +1023,11 @@ declare interface IDesmosCalculatorProps {
 }
 
 declare interface IEditMilestoneModalProps extends IMilestoneEditProps {
+    isStudentPresent: boolean;
+    handleEditChapters: (milestoneId: string, shareScreen: boolean) => void;
     studentId: string;
     isUsingAlternateCurriculum: boolean;
+    studentName: string;
     isClassOngoing: boolean;
     onDelete: (data?: {
         milestone_name: string;
@@ -1175,6 +1180,19 @@ declare interface IGoalCurriculumMap {
     program_id: string;
 }
 
+declare interface IGooglePlaceData {
+    description: string;
+    placeId: string;
+    label: string;
+    gmaps?: {
+        address_components: {
+            long_name: string;
+            short_name: string;
+            types: string[];
+        }[];
+    };
+}
+
 declare interface IGooglePlaceOption extends google.maps.places.AutocompletePrediction, ISelectOption<string> {
     gmaps?: google.maps.GeocoderResult;
 }
@@ -1194,6 +1212,14 @@ declare interface IGradeSelectorProps {
     layoutAlignment?: 'center' | 'auto';
 }
 
+declare interface IGradeSyllabusMap {
+    program_code: string;
+    majors?: {
+        program_code: string;
+        program_name: string;
+    }[];
+}
+
 declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape' | 'widthX' | 'width' | 'iconPosition' | 'alignSelf' | 'analyticsLabel'>, Required<Pick<IClickableAnalyticsProps, 'analyticsLabel'>> {
     Icon: React.FC<React.SVGProps<SVGSVGElement>>;
     customBgColor?: TColorNames;
@@ -1247,6 +1273,10 @@ export declare interface IInputVariantConfig {
     optionHoverColorName?: TColorNames;
 }
 
+declare interface IIntroModalProps {
+    onFinish: () => void;
+}
+
 declare interface IIsOkayTypeQuestion {
     (question: IWorksheetQuestion | ILearnosityQuestion): boolean;
 }
@@ -1695,11 +1725,23 @@ export declare const IMAGES: {
     DVI: string;
     EKA: string;
     EMPTY_MIX_TESTS: string;
+    GOAL_CREATION_HELPER: string;
     GREAT: string;
+    HELP_BANNER1: string;
+    HELP_BANNER2: string;
+    HELP_BANNER3: string;
+    HELP_BANNER4: string;
+    HELP_BANNER5: string;
+    HELP_BANNER6: string;
     HEXO: string;
     KUDOS: string;
     LEARNING_PLAN: string;
     LESSON_OVERVIEW_BANNER: string;
+    MILESTONE_INTRO_SLIDE1: string;
+    MILESTONE_INTRO_SLIDE2: string;
+    MILESTONE_INTRO_SLIDE3: string;
+    MILESTONE_INTRO_SLIDE4: string;
+    MILESTONE_INTRO_SLIDE5: string;
     NO_INFO: string;
     OCTO: string;
     PLAYSTORE: string;
@@ -1747,6 +1789,18 @@ declare interface IMilestoneConfig {
     action_plan: Record<'green' | 'red' | 'yellow', {
         share_message_template: string;
     }>;
+    boards: {
+        available_countries: string[];
+        available_states: string[];
+        board_code: string;
+        board_name: string;
+        majors?: {
+            available_grades: string[];
+            program_code: string;
+            program_id: string;
+            program_name: string;
+        }[];
+    }[];
     grades: string[];
     academic_events: {
         id: string;
@@ -1758,14 +1812,26 @@ declare interface IMilestoneConfig {
         available_grade_and_syllabus_map: Record<string, string | null> | null;
     }[];
     outcome_config: IOutcomeConfig[];
+    journeys: {
+        familiarityInfo: string;
+    };
     country_code_to_name_map: Record<string, string>;
+    curriculum_catalogue_filters: {
+        math: {
+            curriculum: {
+                code: string;
+                name: string;
+                available_grade_and_syllabus_map: Record<string, IGradeSyllabusMap>;
+            }[];
+        };
+    };
     curriculum_standards: ICurriculumStandards[];
     goal_curriculum_map: IGoalCurriculumMap[];
     share_message: TGoalShareMessage;
     preference_config: IPreferencesCurriculumMap[];
 }
 
-declare interface IMilestoneContainerProps extends Omit<IMilestoneWidgetResourcesProps, 'userMilestoneId' | 'onChangeLocation' | 'isMilestoneActive'>, Omit<ITestsListProps, 'userMilestoneId' | 'isMilestoneActive'> {
+declare interface IMilestoneContainerProps extends Omit<IMilestoneWidgetResourcesProps, 'userMilestoneId' | 'onChangeLocation' | 'onHelpClick' | 'isMilestoneActive'>, Omit<ITestsListProps, 'userMilestoneId' | 'isMilestoneActive'> {
     studentName: string;
     parentName?: string;
     teacherName?: string;
@@ -1781,6 +1847,7 @@ declare interface IMilestoneContainerProps extends Omit<IMilestoneWidgetResource
     onCreatePlan?: (id: string) => void;
     onDelete?: (milestoneDeleteArgs: TMilestoneDeleteProps) => void;
     canCreatePlan?: boolean;
+    onMilestoneHelpClick?: (helpModalIdx: number) => void;
     studentClassroomId?: string | undefined;
     courseStream: TCourseStream;
 }
@@ -1802,6 +1869,8 @@ declare interface IMileStoneCreateProps {
     grade: string;
     board?: string;
     classRatio?: number | null;
+    journeysToInclude?: IStudentJourneyData[];
+    isFirstMilestoneCreated?: boolean;
     isGoalCreation?: boolean;
     milestoneId?: string;
     currentCountryCode?: string;
@@ -1833,7 +1902,7 @@ export declare interface IMilestoneData {
     selected_major: string | null;
     user_milestone_progress: IUserChapterProgressProps | null;
     permissions: IMilestoneCardPermissions;
-    recommended_chapter_filters: TRecommendedChaptersFilter | null;
+    recommended_chapter_filters: TRecommenedChaptersFilter | null;
 }
 
 declare interface IMileStoneEditContainerProps extends IMileStoneCreateContainerProps {
@@ -1882,11 +1951,22 @@ declare interface IMileStoneFormFields {
     chapterSubStages?: 'custom-chapters' | 'date-selection';
     milestoneEndDate?: string;
     milestoneEndDateIsTentative?: boolean;
+    schoolGooglePlaceData?: IGooglePlaceData;
+    schoolCountryCode?: string;
     academicEventId?: string;
     standardizedTestType?: 'unknown' | 'known' | 'incomplete';
+    standardizedTestPreparationMethod?: 'cuemath-curricullum' | 'alternate-curricullum';
     testName?: string;
+    familiarityInfoExpanded?: boolean;
+    familiarityInfo?: {
+        isRead: boolean;
+        journeyId?: string;
+    };
+    defocusInfoRead?: boolean;
+    defocusedInfoExpanded?: boolean;
     searchChapterFields?: ISearchChapterFields;
     recommendedChaptersList?: IChapter[];
+    metaRecommendedChaptersQuery?: TRecommenedChaptersFilter;
     milestoneChaptersList?: IChapter[];
     chaptersFamiliarityList?: IChapter[];
 }
@@ -1911,7 +1991,7 @@ declare interface IMilestoneStartProps {
     handleOnClick?: () => void;
 }
 
-declare interface IMilestoneWidgetProps extends Omit<IMilestoneWidgetResourcesProps, 'userMilestoneId' | 'onChangeLocation'>, Omit<ITestsListProps, 'userMilestoneId'> {
+declare interface IMilestoneWidgetProps extends Omit<IMilestoneWidgetResourcesProps, 'userMilestoneId' | 'onChangeLocation' | 'onHelpClick'>, Omit<ITestsListProps, 'userMilestoneId'> {
     milestone: IMilestoneData;
     studentName: string;
     parentName?: string;
@@ -1928,6 +2008,7 @@ declare interface IMilestoneWidgetProps extends Omit<IMilestoneWidgetResourcesPr
     onDelete?: (milestoneDeleteArgs: TMilestoneDeleteProps) => void;
     onDraftPublish?: (milestoneId: string, isGoalPublish?: boolean) => void;
     onAddChapter?: IChaptersListProps['onAddChapter'];
+    onHelpClick?: (idx: number) => void;
     courseStream: TCourseStream;
 }
 
@@ -2391,6 +2472,14 @@ declare interface IShareInstructionModalProps {
     onError: (errorMessage: string) => void;
 }
 
+declare interface IShareScreenModalProps {
+    handleEditChapters: (milestoneId: string, shareScreen: boolean) => void;
+    milestoneId: string;
+    studentName: string;
+    onCreatePlan?: () => void;
+    canCreatePlan?: boolean;
+}
+
 export declare interface ISheetDataProps {
     accuracy: number | null;
     attempt_location: TSheetAttemptLocation;
@@ -2429,6 +2518,7 @@ declare interface ISheetItemCallbackProps {
     onUnlock?: (nodeId: string) => void;
     onMarkRelevant?: (nodeId: string) => void;
     onMarkIrrelevant?: (nodeId: string) => void;
+    onHelpClick?: (arg: number | string) => void;
     onUnAssignSheet?: (sheetData: ISheetDataProps, userMilestoneId?: string) => void;
 }
 
@@ -2518,6 +2608,12 @@ declare interface IStudentDetailsProps extends IWinsPreviewProps {
     classStatus?: IClassStatus;
 }
 
+declare interface IStudentJourneyData {
+    state: TJourneyType;
+    code: string;
+    journey_id: string;
+}
+
 declare interface IStudentSchool {
     place_id: string;
     country_code: string;
@@ -3292,10 +3388,30 @@ export declare const MilestoneActionWidget: React_2.FC<IMilestoneActionWidgetPro
 
 export declare const MilestoneCreate: React.FC<IMileStoneCreateContainerProps>;
 
+export declare const MilestoneDraftCreate: React.FC<IMileStoneCreateContainerProps>;
+
+export declare const MilestoneDraftEdit: React.FC<IMileStoneEditContainerProps>;
+
+export declare const MilestoneDraftReview: React.FC<IMileStoneEditContainerProps>;
+
 export declare const MilestoneEdit: React.FC<IMileStoneEditContainerProps>;
 
+export declare const MilestoneIntroModal: React.FC<IIntroModalProps>;
+
+export declare const MilestoneLessonHelpModal: React.FC<{
+    entrySlideNumber: number;
+    onFAQClick: () => void;
+    analyticsProps: Record<string, unknown>;
+}>;
+
 export declare const MilestoneList: React_2.FC<IMilestoneContainerProps>;
 
+export declare const MilestoneListHelpModal: React.FC<{
+    entrySlideNumber: number;
+    onFAQClick: () => void;
+    analyticsProps: Record<string, unknown>;
+}>;
+
 export declare const MilestoneOutcome: React_2.FC<IMilestoneOutcomeContainer>;
 
 export declare const MilestoneStart: React_2.FC<IMilestoneStartProps>;
@@ -4192,6 +4308,8 @@ declare type TItemType = 'overview' | 'learning-we-do' | 'learning-your-turn' |
 
 export declare type TJourneyId = JOURNEY_ID_STUDENT;
 
+declare type TJourneyType = 'UNFINISHED' | 'FINISHED';
+
 declare type TLayerKey = 'layer-1' | 'layer-2' | 'layer-3' | 'layer-4';
 
 declare type TLearnosityPreloaderContextValue = {
@@ -4488,10 +4606,6 @@ declare type TQuestionByQuestionOverviewList = {
     user_node_id: string;
 }[];
 
-declare type TRecommendedChaptersFilter = TRecommendedChaptersQuery & {
-    chapter_codes?: string[];
-};
-
 declare type TRecommendedChaptersQuery = {
     filter_type: 'GRADE_BOARD' | 'GRADE_ACADEMIC_EVENT_CODE' | 'PROGRAM_CODE' | 'GRADE_COUNTRY_CODE';
     grade?: string;
@@ -4502,6 +4616,10 @@ declare type TRecommendedChaptersQuery = {
     user_id?: string;
 };
 
+declare type TRecommenedChaptersFilter = TRecommendedChaptersQuery & {
+    chapter_codes?: string[];
+};
+
 declare type TRenderAs = 'primary' | 'secondary';
 
 declare type TRenderAs_2 = 'canvas' | 'whiteboard';