@cuemath/leap 3.3.26-j.7 → 3.3.26-jj1

package/dist/features/milestone/create/milestone-create-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-create-helpers.js","sources":["../../../../src/features/milestone/create/milestone-create-helpers.ts"],"sourcesContent":["import type { LOTTIE } from '../../../assets/lottie/lottie';\nimport type IStudentSchool from '../../../types/models/school';\nimport type { ISectionOption } from '../../ui/section-list/section-list-types';\nimport type { TTestType } from '../types';\nimport type {\n  ICurriculumStandards,\n  IFormStep,\n  IGoalCurriculumMap,\n  IMileStoneFormFields,\n  IMilestoneConfig,\n  IMilestoneFormData,\n  IPreferencesCurriculumMap,\n  TCourseStream,\n  TCurriculumStandardOption,\n  TEnrollmentTypes,\n  TFormStepNames,\n  TGoalCategory,\n  TMilestoneFormFlow,\n  TPreferenceCategory,\n} from './milestone-create-types';\n\nimport { COUNTRY_MAP } from '../../../constants/country';\nimport {\n  getIfGoalCurriculumStandardIsAccessible,\n  getStudentEnrollmentSupported,\n} from './comps/chapters-selection-step/utils';\nimport {\n  checkEnrollmentAvailable,\n  getTestTypeBasedCategory,\n} from './comps/test-type-step/test-type-utils';\nimport { GOAL_EDIT_FLOWS } from './milestone-create-constants';\n\ninterface IGetCurrenStep {\n  (\n    formStep: IFormStep,\n    milestoneFormData: IMilestoneFormData,\n    flow: TMilestoneFormFlow,\n  ): IFormStep | undefined;\n}\n\ninterface IClearNextFields {\n  (\n    formStep: IFormStep,\n    milestoneFormData: IMilestoneFormData,\n    currentStepName: TFormStepNames | undefined,\n    shouldStartClearing: boolean,\n    fieldsToClear: (keyof IMileStoneFormFields)[],\n  ): IMilestoneFormData | undefined;\n}\n\n/**\n * Impure method that Removes specified fields from an object.\n *\n * @param obj The object from which fields are to be removed.\n * @param fieldsList An array of field names to be removed.\n */\nconst clearFields = (obj: Record<string, unknown>, fieldsList: string[]) => {\n  fieldsList.forEach(field => {\n    obj[field] = undefined;\n  });\n};\n\nconst clearNextFields: IClearNextFields = (\n  formStep,\n  milestoneFormData,\n  currentStepName,\n  startClearing,\n  fieldsToClear = [],\n) => {\n  const { isLeafNode, next, reset } = formStep;\n  const updatedFormData = { ...milestoneFormData };\n\n  if (isLeafNode) {\n    clearFields(updatedFormData, [...reset, ...fieldsToClear]);\n\n    return updatedFormData;\n  }\n\n  if (next) {\n    let shouldStartClearing = startClearing;\n    let nextStep: IFormStep | undefined;\n\n    next.every(step => {\n      let conditionFulfilled = false;\n\n      if (step.when !== undefined) {\n        conditionFulfilled = step.when.every(([field, value]) => updatedFormData[field] === value);\n      } else conditionFulfilled = true;\n\n      if (conditionFulfilled) {\n        if (shouldStartClearing) {\n          step?.reset?.forEach(field => {\n            fieldsToClear.push(field);\n          });\n        } else if (currentStepName === step?.name) {\n          shouldStartClearing = true;\n        }\n\n        nextStep = step;\n\n        return false;\n      }\n\n      return true;\n    });\n    if (nextStep) {\n      return clearNextFields(\n        nextStep,\n        updatedFormData,\n        currentStepName,\n        shouldStartClearing,\n        fieldsToClear,\n      );\n    }\n  }\n\n  return undefined;\n};\n\nconst getCurrenStep: IGetCurrenStep = (formStep, milestoneFormData, flow) => {\n  const { isLeafNode, required, next } = formStep;\n\n  if (isLeafNode) {\n    return formStep;\n  }\n\n  const requiredFieldsFilled = required.every(field => milestoneFormData[field] !== undefined);\n\n  if (GOAL_EDIT_FLOWS.includes(flow)) {\n    const requiredFieldsReviewed = required.every(\n      field => milestoneFormData.reviewed[field] === true,\n    );\n\n    if (!requiredFieldsFilled || !requiredFieldsReviewed) {\n      return {\n        ...formStep,\n        next: undefined,\n      };\n    }\n  } else {\n    const requiredFieldsCommitted = required.every(\n      field => milestoneFormData.committed[field] === true,\n    );\n\n    if (!requiredFieldsFilled || !requiredFieldsCommitted) {\n      return {\n        ...formStep,\n        next: undefined,\n      };\n    }\n  }\n\n  if (next) {\n    let nextStep: IFormStep | undefined;\n\n    next.every(step => {\n      if (step.when === undefined) {\n        nextStep = step;\n\n        return false;\n      }\n\n      const conditionFulfilled = step.when.every(\n        ([field, value]) => milestoneFormData[field] === value,\n      );\n\n      if (conditionFulfilled) {\n        nextStep = step;\n\n        return false;\n      }\n\n      return true;\n    });\n\n    if (nextStep) {\n      return getCurrenStep(nextStep, milestoneFormData, flow);\n    }\n  }\n\n  return undefined;\n};\n\ntype TOptions = {\n  id: string;\n  label: string;\n  description?: string;\n  lottie?: keyof typeof LOTTIE;\n};\n\ninterface IGetSchoolTestsFromConfig {\n  (config: IMilestoneConfig): TOptions[];\n}\n\nconst getSchoolTestsFromConfig: IGetSchoolTestsFromConfig = config => {\n  return config.academic_events.reduce<TOptions[]>((acc, event) => {\n    const { id, event_name: eventName, event_type: eventType } = event;\n\n    if (eventType === 'SCHOOL_TEST') {\n      acc.push({\n        id,\n        label: eventName,\n      });\n    }\n\n    return acc;\n  }, []);\n};\n\ninterface IGetCountriesFromConfig {\n  (config: IMilestoneConfig): TOptions[];\n}\n\nconst computeCanIncludeCurrentGoal = (props: {\n  currentGoalData: IGoalCurriculumMap;\n  enrollmentType: TEnrollmentTypes;\n  currentCountryCode?: string;\n  grade?: string;\n  selectedCategory?: string;\n  isTeacherTrainingAccount?: boolean;\n}) => {\n  const {\n    currentGoalData,\n    enrollmentType,\n    currentCountryCode,\n    grade,\n    selectedCategory,\n    isTeacherTrainingAccount,\n  } = props;\n\n  const {\n    blocked_countries: blockedCountries,\n    available_countries: availableCountries,\n    available_grades: availableGrades,\n    goal_category: goalCategory,\n    available_enrollment_types: availableEnrollmentTypes,\n    blocked_enrollment_types: blockedEnrollmentTypes,\n  } = currentGoalData;\n\n  const isStudentEnrollmentTypeSupported = getStudentEnrollmentSupported(\n    blockedEnrollmentTypes,\n    availableEnrollmentTypes,\n    enrollmentType,\n  );\n  const isStudentRegionBlocked = blockedCountries.some(\n    blockedCountry => blockedCountry === currentCountryCode,\n  );\n  const isStudentRegionAvailable =\n    availableCountries.length > 0\n      ? availableCountries.some(availableCountry => availableCountry === currentCountryCode)\n      : true;\n\n  const isCurrentGradeAvailable = availableGrades.some(gradeInfo => gradeInfo === grade);\n  const isGoalCategoryAvailable = selectedCategory === goalCategory;\n\n  if (isTeacherTrainingAccount) return isGoalCategoryAvailable && isCurrentGradeAvailable;\n\n  return (\n    isStudentEnrollmentTypeSupported &&\n    !isStudentRegionBlocked &&\n    isStudentRegionAvailable &&\n    isCurrentGradeAvailable &&\n    isGoalCategoryAvailable\n  );\n};\n\ninterface IGetCurriculumStandardsFromConfig {\n  (\n    config: IMilestoneConfig,\n    options: {\n      grade: string;\n      countryCode: string;\n      goalCategory: TGoalCategory;\n      courseStream: TCourseStream;\n      enrollmentType: TEnrollmentTypes;\n      classRatio?: number;\n      flow?: TMilestoneFormFlow | null;\n      isTeacherTrainingAccount?: boolean;\n    },\n  ): TCurriculumStandardOption[];\n}\n\nconst getCurriculumStandardsFromConfig: IGetCurriculumStandardsFromConfig = (\n  config,\n  {\n    grade,\n    countryCode,\n    goalCategory,\n    courseStream,\n    classRatio,\n    enrollmentType,\n    flow,\n    isTeacherTrainingAccount,\n  },\n) => {\n  const { goal_curriculum_map: goals, curriculum_standards: curriculumStandards } = config;\n  // check if atleast one goal present for the curriculum standard\n\n  const filteredGoalCurriculumMap = goals.filter(item => {\n    const isSameCourseStream = item.course_stream === courseStream;\n\n    if (flow === 'CREATE') {\n      return isSameCourseStream && item.is_live;\n    }\n\n    return isSameCourseStream;\n  });\n\n  const hasGoalForCurriculumStandards = (standard: ICurriculumStandards) =>\n    filteredGoalCurriculumMap.some(goal => {\n      // check goal category\n      if (goal.goal_category !== goalCategory) return false;\n\n      // check grade availability\n      if (!goal.available_grades.includes(grade)) return false;\n\n      // check goal curriculum standard\n      // if goal_curriculum_standard is undefined then it's available for all standard\n      if (goal.goal_curriculum_standard && goal.goal_curriculum_standard !== standard.code)\n        return false;\n\n      if (goalCategory === 'SCHOOL_SUCCESS' && !goal.goal_curriculum_standard) return false;\n\n      if (isTeacherTrainingAccount) return true;\n\n      if (\n        classRatio &&\n        goal.available_class_ratios.length > 0 &&\n        !goal.available_class_ratios.includes(classRatio)\n      )\n        return false;\n\n      // check country availability\n      if (goal.available_countries.length > 0 && !goal.available_countries.includes(countryCode))\n        return false;\n\n      if (goal.available_countries.length === 0 && goal.blocked_countries.includes(countryCode))\n        return false;\n\n      return checkEnrollmentAvailable(goal, enrollmentType);\n    });\n\n  return curriculumStandards\n    .filter(hasGoalForCurriculumStandards)\n    .map(\n      ({\n        code,\n        name,\n        default_in_countries: defaultInCountries,\n        recommended_in_countries: recommendedInCountries,\n      }) => ({\n        id: code,\n        label: name,\n        isDefault: defaultInCountries.includes(countryCode),\n        isRecommended: recommendedInCountries.includes(countryCode),\n      }),\n    )\n    .sort((a, b) => (a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1));\n};\n\ninterface IGetGoalsFromConfig {\n  (\n    config: IMilestoneConfig,\n    options: {\n      grade: string;\n      countryCode: string;\n      goalCategory: TGoalCategory;\n      curriculumStandard?: string;\n      courseStream: TCourseStream;\n      enrollmentType: TEnrollmentTypes;\n    },\n  ): TOptions[];\n}\n\nconst getGoalsFromConfig: IGetGoalsFromConfig = (config, options) => {\n  const { goal_curriculum_map: goals } = config;\n  const { grade, countryCode, goalCategory, curriculumStandard, courseStream, enrollmentType } =\n    options;\n  const filteredGoalCurriculumMap = goals.filter(item => item.course_stream === courseStream);\n\n  const isEligibleGoal = (goal: IGoalCurriculumMap) => {\n    if (goal.goal_category !== goalCategory) return false;\n\n    if (curriculumStandard && goal.goal_curriculum_standard !== curriculumStandard) return false;\n\n    if (goal.available_countries.length > 0 && !goal.available_countries.includes(countryCode))\n      return false;\n\n    if (goal.available_countries.length === 0 && goal.blocked_countries.includes(countryCode))\n      return false;\n\n    if (!goal.available_grades.includes(grade)) return false;\n\n    if (!goal.is_live) return false;\n\n    return checkEnrollmentAvailable(goal, enrollmentType);\n  };\n\n  return filteredGoalCurriculumMap\n    ?.filter(isEligibleGoal)\n    .map(({ goal_code: id, goal_name: label }) => ({\n      id,\n      label,\n    }))\n    .sort((a, b) => (a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1));\n};\n\nconst getGradesFromConfig: IGetCountriesFromConfig = config => {\n  return config.grades.reduce<TOptions[]>((acc, grade) => {\n    if (grade === '-1' || grade === '0') {\n      acc.push({\n        id: grade,\n        label: grade === '-1' ? `Pre-K` : `KG`,\n      });\n    } else {\n      acc.push({\n        id: grade,\n        label: `Grade ${grade}`,\n      });\n    }\n\n    return acc;\n  }, []);\n};\n\ninterface IGetPreferencesFromConfig {\n  (\n    config: IMilestoneConfig,\n    options: {\n      grade: string;\n      preferenceCategory: TPreferenceCategory;\n      courseStream: TCourseStream;\n    },\n  ): TOptions[];\n}\n\nconst getPreferencesFromConfig: IGetPreferencesFromConfig = (config, options) => {\n  const { preference_config: preferenceConfig } = config;\n\n  const isEligiblePreferences = (preference: IPreferencesCurriculumMap) => {\n    const { grade, courseStream, preferenceCategory } = options;\n\n    if (preference.course_stream !== courseStream) return false;\n\n    if (preference.preference_category !== preferenceCategory) return false;\n\n    if (preference.preference_grades.length > 0 && !preference.preference_grades.includes(grade))\n      return false;\n\n    if (!preference.is_live) return false;\n\n    return true;\n  };\n\n  return preferenceConfig\n    ?.filter(isEligiblePreferences)\n    .map(\n      ({\n        preference_code: id,\n        preference_name: label,\n        preference_description: description,\n        lottie_key: lottie,\n      }) => ({\n        id,\n        label,\n        description,\n        lottie: lottie as keyof typeof LOTTIE,\n      }),\n    );\n};\n\ninterface IGetGradeBasedOnGoalAvailability {\n  (\n    config: IMilestoneConfig,\n    selectedGoalCategory: string,\n    courseStream: TCourseStream,\n    enrollmentType: TEnrollmentTypes,\n    isTeacherTrainingAccount?: boolean,\n  ): TOptions[];\n}\n\n//* Grades where goals are available for selected goal category.\nconst getGradesBasedOnGoalAvailability: IGetGradeBasedOnGoalAvailability = (\n  config,\n  selectedGoalCategory,\n  courseStream,\n  enrollmentType,\n  isTeacherTrainingAccount,\n) => {\n  const { goal_curriculum_map: goals } = config;\n\n  const grades = getGradesFromConfig(config);\n\n  const gradeAvailableGoals = ({ id }: TOptions) => {\n    return goals\n      .filter(item => item.course_stream === courseStream && item.is_live)\n      .some((goalData: IGoalCurriculumMap) => {\n        const {\n          available_grades: availableGrades,\n          goal_category: goalCategory,\n          available_enrollment_types: availableEnrollmentTypes,\n          blocked_enrollment_types: blockedEnrollmentTypes,\n        } = goalData;\n\n        const isGoalCategoryAndGradeAvailable =\n          goalCategory === selectedGoalCategory && availableGrades.includes(id);\n\n        if (isTeacherTrainingAccount) return isGoalCategoryAndGradeAvailable;\n\n        // check enrollment type availability\n        if (\n          availableEnrollmentTypes.length > 0 &&\n          !availableEnrollmentTypes.includes(enrollmentType)\n        )\n          return false;\n\n        if (\n          availableEnrollmentTypes.length === 0 &&\n          blockedEnrollmentTypes.includes(enrollmentType)\n        )\n          return false;\n\n        //* Check for grade availability only for selected goal category\n        return isGoalCategoryAndGradeAvailable;\n      });\n  };\n\n  return grades.filter(gradeAvailableGoals);\n};\n\ninterface IGetMajorsFromConfigBasedOnBoardAndGrade {\n  (\n    config: IMilestoneConfig,\n    boardCode: string,\n    grade: string,\n    courseStream: TCourseStream,\n    enrollmentType: TEnrollmentTypes,\n    isTeacherTrainingAccount?: boolean,\n  ): TOptions[];\n}\n\nconst getMajorsFromConfigBasedOnBoardAndGrade: IGetMajorsFromConfigBasedOnBoardAndGrade = (\n  config,\n  boardCode,\n  grade,\n  courseStream,\n  enrollmentType,\n  isTeacherTrainingAccount,\n) => {\n  //* We have US courses for grade 7 & above\n  if (grade === 'KG' || Number(grade) < 7) return [];\n\n  const { goal_curriculum_map: goalCurriculumMap } = config;\n  const filterOnCourseStreamAndEnrollmentType = (goalData: IGoalCurriculumMap) => {\n    if (goalData.course_stream !== courseStream && goalData.is_live) return false;\n\n    return isTeacherTrainingAccount || checkEnrollmentAvailable(goalData, enrollmentType);\n  };\n\n  const majorsWithLabelId = goalCurriculumMap\n    .filter(filterOnCourseStreamAndEnrollmentType)\n    .reduce<TOptions[]>((acc, goalData) => {\n      const {\n        available_grades: availableGrades,\n        goal_curriculum_standard: goalCurriculumStandard,\n        program_name: programName,\n        program_code: programCode,\n      } = goalData;\n\n      const isGradeAvailable = availableGrades.some(availableGrade => availableGrade === grade);\n      const isBoardAvailable = goalCurriculumStandard === boardCode;\n\n      if (isGradeAvailable && isBoardAvailable) {\n        acc.push({\n          id: programCode,\n          label: programName,\n        });\n      }\n\n      return acc;\n    }, []);\n\n  return majorsWithLabelId;\n};\n\nconst getRegionCodeBasedOnCountryCode = (countryCode: string) => {\n  const regionCode = COUNTRY_MAP.find(countryInfo => countryInfo.country_code === countryCode)\n    ?.region_code;\n\n  return regionCode;\n};\n\nconst generateFormStateWithPrefilledSchoolData = (\n  schoolData: IStudentSchool | undefined,\n  board: string | undefined,\n  grade: string | undefined,\n  currentCountryCode: string | undefined,\n): IMilestoneFormData => {\n  if (schoolData && grade) {\n    const { country_code: countryCode, place_id: placeId } = schoolData;\n\n    return {\n      committed: {},\n      reviewed: {},\n      grade: grade,\n      schoolInfo: {\n        countryCode: countryCode,\n        stateCode: '',\n        id: placeId,\n      },\n      region: countryCode,\n      board: board ?? undefined,\n    };\n  }\n\n  const regionCode = currentCountryCode\n    ? getRegionCodeBasedOnCountryCode(currentCountryCode)\n    : undefined;\n\n  if (grade) {\n    return {\n      committed: {},\n      reviewed: {},\n      grade: grade,\n      region: regionCode,\n      board: board ?? undefined,\n    };\n  }\n\n  return {\n    committed: {},\n    reviewed: {},\n  };\n};\n\nconst appendSchoolDataToFormState = (\n  formData: IMilestoneFormData,\n  schoolData: IStudentSchool | undefined,\n  board: string | undefined,\n  grade: string | undefined,\n): IMilestoneFormData => {\n  if (schoolData && grade) {\n    const { country_code: countryCode, place_id: placeId } = schoolData;\n\n    return {\n      ...formData,\n      grade: grade,\n      schoolInfo: {\n        countryCode: countryCode,\n        stateCode: '',\n        id: placeId,\n      },\n      board: formData.board ?? board ?? undefined,\n    };\n  }\n\n  return formData;\n};\n\nconst appendPrimaryGoalCategoryToFormState = (\n  config: IMilestoneConfig,\n  testType: TTestType,\n  grade: string | undefined,\n  courseStream: TCourseStream,\n  enrollmentType: TEnrollmentTypes,\n  board?: string | undefined,\n  country?: string | undefined,\n  flow?: TMilestoneFormFlow | null,\n  isTeacherTrainingAccount?: boolean,\n) => {\n  const { goal_curriculum_map: goalCurriculumMap } = config;\n  const isSchoolSuccessCategory = testType === 'no-test';\n  const selectedGoalCategory = getTestTypeBasedCategory(testType);\n\n  //TODO: This needs to compensate the course selection for US curriculum grade 8 & above\n  const primaryGoalCurriculum = goalCurriculumMap.find(goalInfo => {\n    const isCurrentGoalAvailable = computeCanIncludeCurrentGoal({\n      currentGoalData: goalInfo,\n      grade,\n      currentCountryCode: country,\n      selectedCategory: selectedGoalCategory,\n      enrollmentType,\n      isTeacherTrainingAccount,\n    });\n\n    const { goal_curriculum_standard: goalCurriculumStandard, is_live: isLive } = goalInfo;\n\n    const currentBoardAvailable = getIfGoalCurriculumStandardIsAccessible({\n      goalCurriculumStandard,\n      referenceStandard: board,\n    });\n\n    const isSameCourse = goalInfo.course_stream === courseStream;\n    const canIncludeCurrentGoal = flow === 'CREATE' ? isLive : true;\n\n    const isEligiblePrimaryGoal = canIncludeCurrentGoal && isSameCourse && isCurrentGoalAvailable;\n\n    if (isTeacherTrainingAccount)\n      return isEligiblePrimaryGoal && (isSchoolSuccessCategory ? currentBoardAvailable : true);\n\n    if (isSchoolSuccessCategory) {\n      return isEligiblePrimaryGoal && currentBoardAvailable;\n    }\n\n    return isEligiblePrimaryGoal;\n  });\n\n  return primaryGoalCurriculum;\n};\n\nconst getDefaultBoard = (data: ISectionOption<TCurriculumStandardOption>[]) => {\n  let recommendedBoards: TCurriculumStandardOption[] = [];\n  let otherBoards: TCurriculumStandardOption[] = [];\n\n  // Iterate through the data categories\n  for (const category of data) {\n    if (category.title === 'recommended') {\n      recommendedBoards = category.data;\n    } else if (category.title === 'others') {\n      otherBoards = category.data;\n    }\n  }\n\n  // 1. Check if any recommended board has isDefault: true\n  const defaultBoard = recommendedBoards.find(board => board.isDefault && board.isRecommended);\n\n  if (defaultBoard) {\n    return defaultBoard.id;\n  }\n\n  // 2. If no default, return the first recommended board\n  if (recommendedBoards.length > 0) {\n    return recommendedBoards[0]?.id;\n  }\n\n  // 3. If no recommended, return the first board from others\n  if (otherBoards.length > 0) {\n    return otherBoards[0]?.id;\n  }\n\n  // 4. Return null if no boards are found\n  return undefined;\n};\n\nexport {\n  appendSchoolDataToFormState,\n  appendPrimaryGoalCategoryToFormState,\n  clearNextFields,\n  generateFormStateWithPrefilledSchoolData,\n  getCurrenStep,\n  getGradesFromConfig,\n  getCurriculumStandardsFromConfig,\n  getGoalsFromConfig,\n  getGradesBasedOnGoalAvailability,\n  getMajorsFromConfigBasedOnBoardAndGrade,\n  getSchoolTestsFromConfig,\n  getRegionCodeBasedOnCountryCode,\n  getDefaultBoard,\n  getPreferencesFromConfig,\n};\n"],"names":["clearFields","obj","fieldsList","field","clearNextFields","formStep","milestoneFormData","currentStepName","startClearing","fieldsToClear","isLeafNode","next","reset","updatedFormData","shouldStartClearing","nextStep","step","conditionFulfilled","value","_a","getCurrenStep","flow","required","requiredFieldsFilled","GOAL_EDIT_FLOWS","requiredFieldsReviewed","requiredFieldsCommitted","getSchoolTestsFromConfig","config","acc","event","id","eventName","eventType","computeCanIncludeCurrentGoal","props","currentGoalData","enrollmentType","currentCountryCode","grade","selectedCategory","isTeacherTrainingAccount","blockedCountries","availableCountries","availableGrades","goalCategory","availableEnrollmentTypes","blockedEnrollmentTypes","isStudentEnrollmentTypeSupported","getStudentEnrollmentSupported","isStudentRegionBlocked","blockedCountry","isStudentRegionAvailable","availableCountry","isCurrentGradeAvailable","gradeInfo","isGoalCategoryAvailable","getCurriculumStandardsFromConfig","countryCode","courseStream","classRatio","goals","curriculumStandards","filteredGoalCurriculumMap","item","isSameCourseStream","hasGoalForCurriculumStandards","standard","goal","checkEnrollmentAvailable","code","name","defaultInCountries","recommendedInCountries","a","b","getGoalsFromConfig","options","curriculumStandard","isEligibleGoal","label","getGradesFromConfig","getPreferencesFromConfig","preferenceConfig","isEligiblePreferences","preference","preferenceCategory","description","lottie","getGradesBasedOnGoalAvailability","selectedGoalCategory","grades","gradeAvailableGoals","goalData","isGoalCategoryAndGradeAvailable","getMajorsFromConfigBasedOnBoardAndGrade","boardCode","goalCurriculumMap","filterOnCourseStreamAndEnrollmentType","goalCurriculumStandard","programName","programCode","availableGrade","getRegionCodeBasedOnCountryCode","COUNTRY_MAP","countryInfo","generateFormStateWithPrefilledSchoolData","schoolData","board","placeId","regionCode","appendSchoolDataToFormState","formData","appendPrimaryGoalCategoryToFormState","testType","country","isSchoolSuccessCategory","getTestTypeBasedCategory","goalInfo","isCurrentGoalAvailable","isLive","currentBoardAvailable","getIfGoalCurriculumStandardIsAccessible","isSameCourse","isEligiblePrimaryGoal","getDefaultBoard","data","recommendedBoards","otherBoards","category","defaultBoard","_b"],"mappings":"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"}
+{"version":3,"file":"milestone-create-helpers.js","sources":["../../../../src/features/milestone/create/milestone-create-helpers.ts"],"sourcesContent":["import type IStudentSchool from '../../../types/models/school';\nimport type { ISectionOption } from '../../ui/section-list/section-list-types';\nimport type { TTestType } from '../types';\nimport type {\n  ICurriculumStandards,\n  IFormStep,\n  IGoalCurriculumMap,\n  IMileStoneFormFields,\n  IMilestoneConfig,\n  IMilestoneFormData,\n  IPreferencesCurriculumMap,\n  TCourseStream,\n  TCurriculumStandardOption,\n  TEnrollmentTypes,\n  TFormStepNames,\n  TGoalCategory,\n  TMilestoneFormFlow,\n  TPreferenceCategory,\n} from './milestone-create-types';\n\nimport { COUNTRY_MAP } from '../../../constants/country';\nimport {\n  getIfGoalCurriculumStandardIsAccessible,\n  getStudentEnrollmentSupported,\n} from './comps/chapters-selection-step/utils';\nimport {\n  checkEnrollmentAvailable,\n  getTestTypeBasedCategory,\n} from './comps/test-type-step/test-type-utils';\nimport { GOAL_EDIT_FLOWS } from './milestone-create-constants';\n\ninterface IGetCurrenStep {\n  (\n    formStep: IFormStep,\n    milestoneFormData: IMilestoneFormData,\n    flow: TMilestoneFormFlow,\n  ): IFormStep | undefined;\n}\n\ninterface IClearNextFields {\n  (\n    formStep: IFormStep,\n    milestoneFormData: IMilestoneFormData,\n    currentStepName: TFormStepNames | undefined,\n    shouldStartClearing: boolean,\n    fieldsToClear: (keyof IMileStoneFormFields)[],\n  ): IMilestoneFormData | undefined;\n}\n\n/**\n * Impure method that Removes specified fields from an object.\n *\n * @param obj The object from which fields are to be removed.\n * @param fieldsList An array of field names to be removed.\n */\nconst clearFields = (obj: Record<string, unknown>, fieldsList: string[]) => {\n  fieldsList.forEach(field => {\n    obj[field] = undefined;\n  });\n};\n\nconst clearNextFields: IClearNextFields = (\n  formStep,\n  milestoneFormData,\n  currentStepName,\n  startClearing,\n  fieldsToClear = [],\n) => {\n  const { isLeafNode, next, reset } = formStep;\n  const updatedFormData = { ...milestoneFormData };\n\n  if (isLeafNode) {\n    clearFields(updatedFormData, [...reset, ...fieldsToClear]);\n\n    return updatedFormData;\n  }\n\n  if (next) {\n    let shouldStartClearing = startClearing;\n    let nextStep: IFormStep | undefined;\n\n    next.every(step => {\n      let conditionFulfilled = false;\n\n      if (step.when !== undefined) {\n        conditionFulfilled = step.when.every(([field, value]) => updatedFormData[field] === value);\n      } else conditionFulfilled = true;\n\n      if (conditionFulfilled) {\n        if (shouldStartClearing) {\n          step?.reset?.forEach(field => {\n            fieldsToClear.push(field);\n          });\n        } else if (currentStepName === step?.name) {\n          shouldStartClearing = true;\n        }\n\n        nextStep = step;\n\n        return false;\n      }\n\n      return true;\n    });\n    if (nextStep) {\n      return clearNextFields(\n        nextStep,\n        updatedFormData,\n        currentStepName,\n        shouldStartClearing,\n        fieldsToClear,\n      );\n    }\n  }\n\n  return undefined;\n};\n\nconst getCurrenStep: IGetCurrenStep = (formStep, milestoneFormData, flow) => {\n  const { isLeafNode, required, next } = formStep;\n\n  if (isLeafNode) {\n    return formStep;\n  }\n\n  const requiredFieldsFilled = required.every(field => milestoneFormData[field] !== undefined);\n\n  if (GOAL_EDIT_FLOWS.includes(flow)) {\n    const requiredFieldsReviewed = required.every(\n      field => milestoneFormData.reviewed[field] === true,\n    );\n\n    if (!requiredFieldsFilled || !requiredFieldsReviewed) {\n      return {\n        ...formStep,\n        next: undefined,\n      };\n    }\n  } else {\n    const requiredFieldsCommitted = required.every(\n      field => milestoneFormData.committed[field] === true,\n    );\n\n    if (!requiredFieldsFilled || !requiredFieldsCommitted) {\n      return {\n        ...formStep,\n        next: undefined,\n      };\n    }\n  }\n\n  if (next) {\n    let nextStep: IFormStep | undefined;\n\n    next.every(step => {\n      if (step.when === undefined) {\n        nextStep = step;\n\n        return false;\n      }\n\n      const conditionFulfilled = step.when.every(\n        ([field, value]) => milestoneFormData[field] === value,\n      );\n\n      if (conditionFulfilled) {\n        nextStep = step;\n\n        return false;\n      }\n\n      return true;\n    });\n\n    if (nextStep) {\n      return getCurrenStep(nextStep, milestoneFormData, flow);\n    }\n  }\n\n  return undefined;\n};\n\ntype TOptions = {\n  id: string;\n  label: string;\n  description?: string;\n};\n\ninterface IGetSchoolTestsFromConfig {\n  (config: IMilestoneConfig): TOptions[];\n}\n\nconst getSchoolTestsFromConfig: IGetSchoolTestsFromConfig = config => {\n  return config.academic_events.reduce<TOptions[]>((acc, event) => {\n    const { id, event_name: eventName, event_type: eventType } = event;\n\n    if (eventType === 'SCHOOL_TEST') {\n      acc.push({\n        id,\n        label: eventName,\n      });\n    }\n\n    return acc;\n  }, []);\n};\n\ninterface IGetCountriesFromConfig {\n  (config: IMilestoneConfig): TOptions[];\n}\n\nconst computeCanIncludeCurrentGoal = (props: {\n  currentGoalData: IGoalCurriculumMap;\n  enrollmentType: TEnrollmentTypes;\n  currentCountryCode?: string;\n  grade?: string;\n  selectedCategory?: string;\n  isTeacherTrainingAccount?: boolean;\n}) => {\n  const {\n    currentGoalData,\n    enrollmentType,\n    currentCountryCode,\n    grade,\n    selectedCategory,\n    isTeacherTrainingAccount,\n  } = props;\n\n  const {\n    blocked_countries: blockedCountries,\n    available_countries: availableCountries,\n    available_grades: availableGrades,\n    goal_category: goalCategory,\n    available_enrollment_types: availableEnrollmentTypes,\n    blocked_enrollment_types: blockedEnrollmentTypes,\n  } = currentGoalData;\n\n  const isStudentEnrollmentTypeSupported = getStudentEnrollmentSupported(\n    blockedEnrollmentTypes,\n    availableEnrollmentTypes,\n    enrollmentType,\n  );\n  const isStudentRegionBlocked = blockedCountries.some(\n    blockedCountry => blockedCountry === currentCountryCode,\n  );\n  const isStudentRegionAvailable =\n    availableCountries.length > 0\n      ? availableCountries.some(availableCountry => availableCountry === currentCountryCode)\n      : true;\n\n  const isCurrentGradeAvailable = availableGrades.some(gradeInfo => gradeInfo === grade);\n  const isGoalCategoryAvailable = selectedCategory === goalCategory;\n\n  if (isTeacherTrainingAccount) return isGoalCategoryAvailable && isCurrentGradeAvailable;\n\n  return (\n    isStudentEnrollmentTypeSupported &&\n    !isStudentRegionBlocked &&\n    isStudentRegionAvailable &&\n    isCurrentGradeAvailable &&\n    isGoalCategoryAvailable\n  );\n};\n\ninterface IGetCurriculumStandardsFromConfig {\n  (\n    config: IMilestoneConfig,\n    options: {\n      grade: string;\n      countryCode: string;\n      goalCategory: TGoalCategory;\n      courseStream: TCourseStream;\n      enrollmentType: TEnrollmentTypes;\n      classRatio?: number;\n      flow?: TMilestoneFormFlow | null;\n      isTeacherTrainingAccount?: boolean;\n    },\n  ): TCurriculumStandardOption[];\n}\n\nconst getCurriculumStandardsFromConfig: IGetCurriculumStandardsFromConfig = (\n  config,\n  {\n    grade,\n    countryCode,\n    goalCategory,\n    courseStream,\n    classRatio,\n    enrollmentType,\n    flow,\n    isTeacherTrainingAccount,\n  },\n) => {\n  const { goal_curriculum_map: goals, curriculum_standards: curriculumStandards } = config;\n  // check if atleast one goal present for the curriculum standard\n\n  const filteredGoalCurriculumMap = goals.filter(item => {\n    const isSameCourseStream = item.course_stream === courseStream;\n\n    if (flow === 'CREATE') {\n      return isSameCourseStream && item.is_live;\n    }\n\n    return isSameCourseStream;\n  });\n\n  const hasGoalForCurriculumStandards = (standard: ICurriculumStandards) =>\n    filteredGoalCurriculumMap.some(goal => {\n      // check goal category\n      if (goal.goal_category !== goalCategory) return false;\n\n      // check grade availability\n      if (!goal.available_grades.includes(grade)) return false;\n\n      // check goal curriculum standard\n      // if goal_curriculum_standard is undefined then it's available for all standard\n      if (goal.goal_curriculum_standard && goal.goal_curriculum_standard !== standard.code)\n        return false;\n\n      if (goalCategory === 'SCHOOL_SUCCESS' && !goal.goal_curriculum_standard) return false;\n\n      if (isTeacherTrainingAccount) return true;\n\n      if (\n        classRatio &&\n        goal.available_class_ratios.length > 0 &&\n        !goal.available_class_ratios.includes(classRatio)\n      )\n        return false;\n\n      // check country availability\n      if (goal.available_countries.length > 0 && !goal.available_countries.includes(countryCode))\n        return false;\n\n      if (goal.available_countries.length === 0 && goal.blocked_countries.includes(countryCode))\n        return false;\n\n      return checkEnrollmentAvailable(goal, enrollmentType);\n    });\n\n  return curriculumStandards\n    .filter(hasGoalForCurriculumStandards)\n    .map(\n      ({\n        code,\n        name,\n        default_in_countries: defaultInCountries,\n        recommended_in_countries: recommendedInCountries,\n      }) => ({\n        id: code,\n        label: name,\n        isDefault: defaultInCountries.includes(countryCode),\n        isRecommended: recommendedInCountries.includes(countryCode),\n      }),\n    )\n    .sort((a, b) => (a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1));\n};\n\ninterface IGetGoalsFromConfig {\n  (\n    config: IMilestoneConfig,\n    options: {\n      grade: string;\n      countryCode: string;\n      goalCategory: TGoalCategory;\n      curriculumStandard?: string;\n      courseStream: TCourseStream;\n      enrollmentType: TEnrollmentTypes;\n    },\n  ): TOptions[];\n}\n\nconst getGoalsFromConfig: IGetGoalsFromConfig = (config, options) => {\n  const { goal_curriculum_map: goals } = config;\n  const { grade, countryCode, goalCategory, curriculumStandard, courseStream, enrollmentType } =\n    options;\n  const filteredGoalCurriculumMap = goals.filter(item => item.course_stream === courseStream);\n\n  const isEligibleGoal = (goal: IGoalCurriculumMap) => {\n    if (goal.goal_category !== goalCategory) return false;\n\n    if (curriculumStandard && goal.goal_curriculum_standard !== curriculumStandard) return false;\n\n    if (goal.available_countries.length > 0 && !goal.available_countries.includes(countryCode))\n      return false;\n\n    if (goal.available_countries.length === 0 && goal.blocked_countries.includes(countryCode))\n      return false;\n\n    if (!goal.available_grades.includes(grade)) return false;\n\n    if (!goal.is_live) return false;\n\n    return checkEnrollmentAvailable(goal, enrollmentType);\n  };\n\n  return filteredGoalCurriculumMap\n    ?.filter(isEligibleGoal)\n    .map(({ goal_code: id, goal_name: label }) => ({\n      id,\n      label,\n    }))\n    .sort((a, b) => (a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1));\n};\n\nconst getGradesFromConfig: IGetCountriesFromConfig = config => {\n  return config.grades.reduce<TOptions[]>((acc, grade) => {\n    if (grade === '-1' || grade === '0') {\n      acc.push({\n        id: grade,\n        label: grade === '-1' ? `Pre-K` : `KG`,\n      });\n    } else {\n      acc.push({\n        id: grade,\n        label: `Grade ${grade}`,\n      });\n    }\n\n    return acc;\n  }, []);\n};\n\ninterface IGetPreferencesFromConfig {\n  (\n    config: IMilestoneConfig,\n    options: {\n      grade: string;\n      preferenceCategory: TPreferenceCategory;\n      courseStream: TCourseStream;\n    },\n  ): TOptions[];\n}\n\nconst getPreferencesFromConfig: IGetPreferencesFromConfig = (config, options) => {\n  const { preference_config: preferenceConfig } = config;\n\n  const isEligiblePreferences = (preference: IPreferencesCurriculumMap) => {\n    const { grade, courseStream, preferenceCategory } = options;\n\n    if (preference.course_stream !== courseStream) return false;\n\n    if (preference.preference_category !== preferenceCategory) return false;\n\n    if (preference.preference_grades.length > 0 && !preference.preference_grades.includes(grade))\n      return false;\n\n    if (!preference.is_live) return false;\n\n    return true;\n  };\n\n  return preferenceConfig\n    ?.filter(isEligiblePreferences)\n    .map(\n      ({ preference_code: id, preference_name: label, preference_description: description }) => ({\n        id,\n        label,\n        description,\n      }),\n    );\n};\n\ninterface IGetGradeBasedOnGoalAvailability {\n  (\n    config: IMilestoneConfig,\n    selectedGoalCategory: string,\n    courseStream: TCourseStream,\n    enrollmentType: TEnrollmentTypes,\n    isTeacherTrainingAccount?: boolean,\n  ): TOptions[];\n}\n\n//* Grades where goals are available for selected goal category.\nconst getGradesBasedOnGoalAvailability: IGetGradeBasedOnGoalAvailability = (\n  config,\n  selectedGoalCategory,\n  courseStream,\n  enrollmentType,\n  isTeacherTrainingAccount,\n) => {\n  const { goal_curriculum_map: goals } = config;\n\n  const grades = getGradesFromConfig(config);\n\n  const gradeAvailableGoals = ({ id }: TOptions) => {\n    return goals\n      .filter(item => item.course_stream === courseStream && item.is_live)\n      .some((goalData: IGoalCurriculumMap) => {\n        const {\n          available_grades: availableGrades,\n          goal_category: goalCategory,\n          available_enrollment_types: availableEnrollmentTypes,\n          blocked_enrollment_types: blockedEnrollmentTypes,\n        } = goalData;\n\n        const isGoalCategoryAndGradeAvailable =\n          goalCategory === selectedGoalCategory && availableGrades.includes(id);\n\n        if (isTeacherTrainingAccount) return isGoalCategoryAndGradeAvailable;\n\n        // check enrollment type availability\n        if (\n          availableEnrollmentTypes.length > 0 &&\n          !availableEnrollmentTypes.includes(enrollmentType)\n        )\n          return false;\n\n        if (\n          availableEnrollmentTypes.length === 0 &&\n          blockedEnrollmentTypes.includes(enrollmentType)\n        )\n          return false;\n\n        //* Check for grade availability only for selected goal category\n        return isGoalCategoryAndGradeAvailable;\n      });\n  };\n\n  return grades.filter(gradeAvailableGoals);\n};\n\ninterface IGetMajorsFromConfigBasedOnBoardAndGrade {\n  (\n    config: IMilestoneConfig,\n    boardCode: string,\n    grade: string,\n    courseStream: TCourseStream,\n    enrollmentType: TEnrollmentTypes,\n    isTeacherTrainingAccount?: boolean,\n  ): TOptions[];\n}\n\nconst getMajorsFromConfigBasedOnBoardAndGrade: IGetMajorsFromConfigBasedOnBoardAndGrade = (\n  config,\n  boardCode,\n  grade,\n  courseStream,\n  enrollmentType,\n  isTeacherTrainingAccount,\n) => {\n  //* We have US courses for grade 7 & above\n  if (grade === 'KG' || Number(grade) < 7) return [];\n\n  const { goal_curriculum_map: goalCurriculumMap } = config;\n  const filterOnCourseStreamAndEnrollmentType = (goalData: IGoalCurriculumMap) => {\n    if (goalData.course_stream !== courseStream && goalData.is_live) return false;\n\n    return isTeacherTrainingAccount || checkEnrollmentAvailable(goalData, enrollmentType);\n  };\n\n  const majorsWithLabelId = goalCurriculumMap\n    .filter(filterOnCourseStreamAndEnrollmentType)\n    .reduce<TOptions[]>((acc, goalData) => {\n      const {\n        available_grades: availableGrades,\n        goal_curriculum_standard: goalCurriculumStandard,\n        program_name: programName,\n        program_code: programCode,\n      } = goalData;\n\n      const isGradeAvailable = availableGrades.some(availableGrade => availableGrade === grade);\n      const isBoardAvailable = goalCurriculumStandard === boardCode;\n\n      if (isGradeAvailable && isBoardAvailable) {\n        acc.push({\n          id: programCode,\n          label: programName,\n        });\n      }\n\n      return acc;\n    }, []);\n\n  return majorsWithLabelId;\n};\n\nconst getRegionCodeBasedOnCountryCode = (countryCode: string) => {\n  const regionCode = COUNTRY_MAP.find(countryInfo => countryInfo.country_code === countryCode)\n    ?.region_code;\n\n  return regionCode;\n};\n\nconst generateFormStateWithPrefilledSchoolData = (\n  schoolData: IStudentSchool | undefined,\n  board: string | undefined,\n  grade: string | undefined,\n  currentCountryCode: string | undefined,\n): IMilestoneFormData => {\n  if (schoolData && grade) {\n    const { country_code: countryCode, place_id: placeId } = schoolData;\n\n    return {\n      committed: {},\n      reviewed: {},\n      grade: grade,\n      schoolInfo: {\n        countryCode: countryCode,\n        stateCode: '',\n        id: placeId,\n      },\n      region: countryCode,\n      board: board ?? undefined,\n    };\n  }\n\n  const regionCode = currentCountryCode\n    ? getRegionCodeBasedOnCountryCode(currentCountryCode)\n    : undefined;\n\n  if (grade) {\n    return {\n      committed: {},\n      reviewed: {},\n      grade: grade,\n      region: regionCode,\n      board: board ?? undefined,\n    };\n  }\n\n  return {\n    committed: {},\n    reviewed: {},\n  };\n};\n\nconst appendSchoolDataToFormState = (\n  formData: IMilestoneFormData,\n  schoolData: IStudentSchool | undefined,\n  board: string | undefined,\n  grade: string | undefined,\n): IMilestoneFormData => {\n  if (schoolData && grade) {\n    const { country_code: countryCode, place_id: placeId } = schoolData;\n\n    return {\n      ...formData,\n      grade: grade,\n      schoolInfo: {\n        countryCode: countryCode,\n        stateCode: '',\n        id: placeId,\n      },\n      board: formData.board ?? board ?? undefined,\n    };\n  }\n\n  return formData;\n};\n\nconst appendPrimaryGoalCategoryToFormState = (\n  config: IMilestoneConfig,\n  testType: TTestType,\n  grade: string | undefined,\n  courseStream: TCourseStream,\n  enrollmentType: TEnrollmentTypes,\n  board?: string | undefined,\n  country?: string | undefined,\n  flow?: TMilestoneFormFlow | null,\n  isTeacherTrainingAccount?: boolean,\n) => {\n  const { goal_curriculum_map: goalCurriculumMap } = config;\n  const isSchoolSuccessCategory = testType === 'no-test';\n  const selectedGoalCategory = getTestTypeBasedCategory(testType);\n\n  //TODO: This needs to compensate the course selection for US curriculum grade 8 & above\n  const primaryGoalCurriculum = goalCurriculumMap.find(goalInfo => {\n    const isCurrentGoalAvailable = computeCanIncludeCurrentGoal({\n      currentGoalData: goalInfo,\n      grade,\n      currentCountryCode: country,\n      selectedCategory: selectedGoalCategory,\n      enrollmentType,\n      isTeacherTrainingAccount,\n    });\n\n    const { goal_curriculum_standard: goalCurriculumStandard, is_live: isLive } = goalInfo;\n\n    const currentBoardAvailable = getIfGoalCurriculumStandardIsAccessible({\n      goalCurriculumStandard,\n      referenceStandard: board,\n    });\n\n    const isSameCourse = goalInfo.course_stream === courseStream;\n    const canIncludeCurrentGoal = flow === 'CREATE' ? isLive : true;\n\n    const isEligiblePrimaryGoal = canIncludeCurrentGoal && isSameCourse && isCurrentGoalAvailable;\n\n    if (isTeacherTrainingAccount)\n      return isEligiblePrimaryGoal && (isSchoolSuccessCategory ? currentBoardAvailable : true);\n\n    if (isSchoolSuccessCategory) {\n      return isEligiblePrimaryGoal && currentBoardAvailable;\n    }\n\n    return isEligiblePrimaryGoal;\n  });\n\n  return primaryGoalCurriculum;\n};\n\nconst getDefaultBoard = (data: ISectionOption<TCurriculumStandardOption>[]) => {\n  let recommendedBoards: TCurriculumStandardOption[] = [];\n  let otherBoards: TCurriculumStandardOption[] = [];\n\n  // Iterate through the data categories\n  for (const category of data) {\n    if (category.title === 'recommended') {\n      recommendedBoards = category.data;\n    } else if (category.title === 'others') {\n      otherBoards = category.data;\n    }\n  }\n\n  // 1. Check if any recommended board has isDefault: true\n  const defaultBoard = recommendedBoards.find(board => board.isDefault && board.isRecommended);\n\n  if (defaultBoard) {\n    return defaultBoard.id;\n  }\n\n  // 2. If no default, return the first recommended board\n  if (recommendedBoards.length > 0) {\n    return recommendedBoards[0]?.id;\n  }\n\n  // 3. If no recommended, return the first board from others\n  if (otherBoards.length > 0) {\n    return otherBoards[0]?.id;\n  }\n\n  // 4. Return null if no boards are found\n  return undefined;\n};\n\nexport {\n  appendSchoolDataToFormState,\n  appendPrimaryGoalCategoryToFormState,\n  clearNextFields,\n  generateFormStateWithPrefilledSchoolData,\n  getCurrenStep,\n  getGradesFromConfig,\n  getCurriculumStandardsFromConfig,\n  getGoalsFromConfig,\n  getGradesBasedOnGoalAvailability,\n  getMajorsFromConfigBasedOnBoardAndGrade,\n  getSchoolTestsFromConfig,\n  getRegionCodeBasedOnCountryCode,\n  getDefaultBoard,\n  getPreferencesFromConfig,\n};\n"],"names":["clearFields","obj","fieldsList","field","clearNextFields","formStep","milestoneFormData","currentStepName","startClearing","fieldsToClear","isLeafNode","next","reset","updatedFormData","shouldStartClearing","nextStep","step","conditionFulfilled","value","_a","getCurrenStep","flow","required","requiredFieldsFilled","GOAL_EDIT_FLOWS","requiredFieldsReviewed","requiredFieldsCommitted","getSchoolTestsFromConfig","config","acc","event","id","eventName","eventType","computeCanIncludeCurrentGoal","props","currentGoalData","enrollmentType","currentCountryCode","grade","selectedCategory","isTeacherTrainingAccount","blockedCountries","availableCountries","availableGrades","goalCategory","availableEnrollmentTypes","blockedEnrollmentTypes","isStudentEnrollmentTypeSupported","getStudentEnrollmentSupported","isStudentRegionBlocked","blockedCountry","isStudentRegionAvailable","availableCountry","isCurrentGradeAvailable","gradeInfo","isGoalCategoryAvailable","getCurriculumStandardsFromConfig","countryCode","courseStream","classRatio","goals","curriculumStandards","filteredGoalCurriculumMap","item","isSameCourseStream","hasGoalForCurriculumStandards","standard","goal","checkEnrollmentAvailable","code","name","defaultInCountries","recommendedInCountries","a","b","getGoalsFromConfig","options","curriculumStandard","isEligibleGoal","label","getGradesFromConfig","getPreferencesFromConfig","preferenceConfig","isEligiblePreferences","preference","preferenceCategory","description","getGradesBasedOnGoalAvailability","selectedGoalCategory","grades","gradeAvailableGoals","goalData","isGoalCategoryAndGradeAvailable","getMajorsFromConfigBasedOnBoardAndGrade","boardCode","goalCurriculumMap","filterOnCourseStreamAndEnrollmentType","goalCurriculumStandard","programName","programCode","availableGrade","getRegionCodeBasedOnCountryCode","COUNTRY_MAP","countryInfo","generateFormStateWithPrefilledSchoolData","schoolData","board","placeId","regionCode","appendSchoolDataToFormState","formData","appendPrimaryGoalCategoryToFormState","testType","country","isSchoolSuccessCategory","getTestTypeBasedCategory","goalInfo","isCurrentGoalAvailable","isLive","currentBoardAvailable","getIfGoalCurriculumStandardIsAccessible","isSameCourse","isEligiblePrimaryGoal","getDefaultBoard","data","recommendedBoards","otherBoards","category","defaultBoard","_b"],"mappings":"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"}

package/dist/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.js

@@ -1,50 +1,44 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { memo as f, useMemo as d } from "react";
-import { ILLUSTRATIONS as p } from "../../../../assets/illustrations/illustrations.js";
-import u from "../../../ui/buttons/button/button.js";
-import $ from "../../../ui/image/image.js";
-import m from "../../../ui/layout/flex-view.js";
+import { memo as a } from "react";
+import { ILLUSTRATIONS as c } from "../../../../assets/illustrations/illustrations.js";
+import h from "../../../ui/buttons/button/button.js";
+import l from "../../../ui/image/image.js";
+import n from "../../../ui/layout/flex-view.js";
 import r from "../../../ui/separator/separator.js";
 import o from "../../../ui/text/text.js";
-import g from "../../hooks/use-fetch-parent-home.js";
-import x from "../../hooks/use-parent-home-data.js";
-import { ImageWrapper as A } from "./pla-first-session-introduction-styled.js";
-import { fromUnixTime as S } from "../../../../node_modules/date-fns/fromUnixTime.js";
-import { formatDate as I } from "../../../../node_modules/date-fns/format.js";
-const L = ({
-  studentId: i,
-  onRunSystemCheck: a
+import d from "../../hooks/use-fetch-parent-home.js";
+import p from "../../hooks/use-parent-home-data.js";
+import { ImageWrapper as f } from "./pla-first-session-introduction-styled.js";
+const u = ({
+  studentId: t,
+  onRunSystemCheck: m
 }) => {
-  g(i);
-  const { nextSessionStart: t, showPLAIntroduction: c, isTrialDone: h } = x(i), n = d(() => {
-    if (!t) return "";
-    const l = new Date(S(t).getTime());
-    return I(l, "EEEE, MMM d 'at' h:mm a");
-  }, [t]);
-  return /* @__PURE__ */ s(m, { $justifyContent: "center", $alignItems: "center", $height: "100vh", $width: "100%", children: [
-    n && c && /* @__PURE__ */ s(m, { children: [
-      /* @__PURE__ */ e(o, { $renderAs: "ab1", $color: "BLACK_1", $align: "center", children: `We’re excited for your ${h ? "next" : "first"} session on` }),
+  d(t);
+  const { formattedNextSessionStart: i } = p(t);
+  return /* @__PURE__ */ s(n, { $justifyContent: "center", $alignItems: "center", $height: "100vh", $width: "100%", children: [
+    i && /* @__PURE__ */ s(n, { children: [
+      /* @__PURE__ */ e(o, { $renderAs: "ab1", $color: "BLACK_1", $align: "center", children: "We’re excited for your first session on" }),
       /* @__PURE__ */ e(r, { height: 4 }),
-      /* @__PURE__ */ e(o, { $renderAs: "ab1-bold", $align: "center", children: n })
+      /* @__PURE__ */ e(o, { $renderAs: "ab1-bold", $align: "center", children: i })
     ] }),
     /* @__PURE__ */ e(r, { heightX: 2.5 }),
-    /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e($, { src: p.LEARNING_PUZZLE_BOT, width: "100%" }) }),
+    /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(l, { src: c.LEARNING_PUZZLE_BOT, width: "100%" }) }),
     /* @__PURE__ */ e(r, { heightX: 3.5 }),
     /* @__PURE__ */ e(o, { $renderAs: "ab2", $color: "BLACK_1", $align: "center", children: "Let's make sure your device is ready for your child's session." }),
     /* @__PURE__ */ e(r, { heightX: 1 }),
     /* @__PURE__ */ e(
-      u,
+      h,
       {
         renderAs: "primary",
         label: "Run a system check",
         shape: "square",
         size: "small",
-        onClick: a
+        onClick: m
       }
     )
   ] });
-}, j = f(L);
+}, F = a(u);
 export {
-  j as default
+  F as default
 };
 //# sourceMappingURL=pla-first-session-introduction.js.map

package/dist/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.js.map

@@ -1 +1 @@
-{"version":3,"file":"pla-first-session-introduction.js","sources":["../../../../../src/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.tsx"],"sourcesContent":["import type { IFirstSessionIntroductionProps } from './pla-first-session-introduction-types';\n\nimport { format, fromUnixTime } from 'date-fns';\nimport { memo, useMemo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport useFetchParentHome from '../../hooks/use-fetch-parent-home';\nimport useParentHomeData from '../../hooks/use-parent-home-data';\nimport * as Styled from './pla-first-session-introduction-styled';\n\nconst PlaFirstSessionIntroduction: FC<IFirstSessionIntroductionProps> = ({\n  studentId,\n  onRunSystemCheck,\n}) => {\n  useFetchParentHome(studentId);\n  const { nextSessionStart, showPLAIntroduction, isTrialDone } = useParentHomeData(studentId);\n\n  const formattedNextSessionStart = useMemo(() => {\n    if (!nextSessionStart) return '';\n\n    const date = new Date(fromUnixTime(nextSessionStart).getTime());\n\n    return format(date, \"EEEE, MMM d 'at' h:mm a\");\n  }, [nextSessionStart]);\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\" $height=\"100vh\" $width={'100%'}>\n      {formattedNextSessionStart && showPLAIntroduction && (\n        <FlexView>\n          <Text $renderAs=\"ab1\" $color=\"BLACK_1\" $align=\"center\">\n            {`We’re excited for your ${isTrialDone ? 'next' : 'first'} session on`}\n          </Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ab1-bold\" $align=\"center\">\n            {formattedNextSessionStart}\n          </Text>\n        </FlexView>\n      )}\n      <Separator heightX={2.5} />\n      <Styled.ImageWrapper>\n        <Image src={ILLUSTRATIONS.LEARNING_PUZZLE_BOT} width=\"100%\" />\n      </Styled.ImageWrapper>\n      <Separator heightX={3.5} />\n      <Text $renderAs=\"ab2\" $color=\"BLACK_1\" $align=\"center\">\n        Let's make sure your device is ready for your child's session.\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        renderAs=\"primary\"\n        label=\"Run a system check\"\n        shape=\"square\"\n        size=\"small\"\n        onClick={onRunSystemCheck}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(PlaFirstSessionIntroduction);\n"],"names":["PlaFirstSessionIntroduction","studentId","onRunSystemCheck","useFetchParentHome","nextSessionStart","showPLAIntroduction","isTrialDone","useParentHomeData","formattedNextSessionStart","useMemo","date","fromUnixTime","format","jsxs","FlexView","jsx","Text","Separator","Styled.ImageWrapper","Image","ILLUSTRATIONS","Button","plaFirstSessionIntroduction","memo"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAAkE,CAAC;AAAA,EACvE,WAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACJ,EAAAC,EAAmBF,CAAS;AAC5B,QAAM,EAAE,kBAAAG,GAAkB,qBAAAC,GAAqB,aAAAC,EAAY,IAAIC,EAAkBN,CAAS,GAEpFO,IAA4BC,EAAQ,MAAM;AAC1C,QAAA,CAACL,EAAyB,QAAA;AAE9B,UAAMM,IAAO,IAAI,KAAKC,EAAaP,CAAgB,EAAE,SAAS;AAEvD,WAAAQ,EAAOF,GAAM,yBAAyB;AAAA,EAAA,GAC5C,CAACN,CAAgB,CAAC;AAGnB,SAAA,gBAAAS,EAACC,KAAS,iBAAgB,UAAS,aAAY,UAAS,SAAQ,SAAQ,QAAQ,QAC7E,UAAA;AAAA,IAA6BN,KAAAH,uBAC3BS,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAC3C,UAA0B,0BAAAV,IAAc,SAAS,OAAO,eAC3D;AAAA,MACA,gBAAAS,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,wBACrBD,GAAK,EAAA,WAAU,YAAW,QAAO,UAC/B,UACHR,GAAA;AAAA,IAAA,GACF;AAAA,IAEF,gBAAAO,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACG,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAM,EAAA,KAAKC,EAAc,qBAAqB,OAAM,OAAA,CAAO,EAC9D,CAAA;AAAA,IACA,gBAAAL,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACC,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAAS,UAEvD,iEAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAF;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,OAAM;AAAA,QACN,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAASnB;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeoB,IAAAC,EAAKvB,CAA2B;"}
+{"version":3,"file":"pla-first-session-introduction.js","sources":["../../../../../src/features/parent-dashboard/comps/pla-first-session-introduction/pla-first-session-introduction.tsx"],"sourcesContent":["import type { IFirstSessionIntroductionProps } from './pla-first-session-introduction-types';\n\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Button from '../../../ui/buttons/button/button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport useFetchParentHome from '../../hooks/use-fetch-parent-home';\nimport useParentHomeData from '../../hooks/use-parent-home-data';\nimport * as Styled from './pla-first-session-introduction-styled';\n\nconst PlaFirstSessionIntroduction: FC<IFirstSessionIntroductionProps> = ({\n  studentId,\n  onRunSystemCheck,\n}) => {\n  useFetchParentHome(studentId);\n  const { formattedNextSessionStart } = useParentHomeData(studentId);\n\n  return (\n    <FlexView $justifyContent=\"center\" $alignItems=\"center\" $height=\"100vh\" $width={'100%'}>\n      {formattedNextSessionStart && (\n        <FlexView>\n          <Text $renderAs=\"ab1\" $color=\"BLACK_1\" $align=\"center\">\n            We’re excited for your first session on\n          </Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ab1-bold\" $align=\"center\">\n            {formattedNextSessionStart}\n          </Text>\n        </FlexView>\n      )}\n      <Separator heightX={2.5} />\n      <Styled.ImageWrapper>\n        <Image src={ILLUSTRATIONS.LEARNING_PUZZLE_BOT} width=\"100%\" />\n      </Styled.ImageWrapper>\n      <Separator heightX={3.5} />\n      <Text $renderAs=\"ab2\" $color=\"BLACK_1\" $align=\"center\">\n        Let's make sure your device is ready for your child's session.\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        renderAs=\"primary\"\n        label=\"Run a system check\"\n        shape=\"square\"\n        size=\"small\"\n        onClick={onRunSystemCheck}\n      />\n    </FlexView>\n  );\n};\n\nexport default memo(PlaFirstSessionIntroduction);\n"],"names":["PlaFirstSessionIntroduction","studentId","onRunSystemCheck","useFetchParentHome","formattedNextSessionStart","useParentHomeData","jsxs","FlexView","jsx","Text","Separator","Styled.ImageWrapper","Image","ILLUSTRATIONS","Button","plaFirstSessionIntroduction","memo"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAkE,CAAC;AAAA,EACvE,WAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACJ,EAAAC,EAAmBF,CAAS;AAC5B,QAAM,EAAE,2BAAAG,EAAA,IAA8BC,EAAkBJ,CAAS;AAG/D,SAAA,gBAAAK,EAACC,KAAS,iBAAgB,UAAS,aAAY,UAAS,SAAQ,SAAQ,QAAQ,QAC7E,UAAA;AAAA,IAAAH,uBACEG,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACC,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAAS,UAEvD,0CAAA,CAAA;AAAA,MACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,wBACrBD,GAAK,EAAA,WAAU,YAAW,QAAO,UAC/B,UACHL,GAAA;AAAA,IAAA,GACF;AAAA,IAEF,gBAAAI,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACG,GAAA,EACC,UAAA,gBAAAH,EAACI,GAAM,EAAA,KAAKC,EAAc,qBAAqB,OAAM,OAAA,CAAO,EAC9D,CAAA;AAAA,IACA,gBAAAL,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACC,KAAK,WAAU,OAAM,QAAO,WAAU,QAAO,UAAS,UAEvD,iEAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,IACvB,gBAAAF;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,OAAM;AAAA,QACN,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAASZ;AAAA,MAAA;AAAA,IACX;AAAA,EACF,EAAA,CAAA;AAEJ,GAEea,IAAAC,EAAKhB,CAA2B;"}

package/dist/features/parent-dashboard/hooks/use-fetch-parent-home.js

@@ -16,7 +16,7 @@ const l = (e) => {
     a && t();
   }, [t, a]), m(
     () => ({
-      isLoading: r && !o,
+      isLoading: r || !o,
       isProcessingFailed: c
     }),
     [r, o, c]

package/dist/features/parent-dashboard/hooks/use-fetch-parent-home.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-fetch-parent-home.js","sources":["../../../../src/features/parent-dashboard/hooks/use-fetch-parent-home.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo } from 'react';\n\nimport { useParentHomeGet } from '../api/parent-home';\n\n/**\n * This hook is intended only for **triggering** the Parent Home API\n * if it's needed outside the Parent Router.\n * This hook is being called at the level of the Parent Dashboard: <ParentRoutesWrapper />\n * To **consume** the parent home data elsewhere in the app,\n * use the `useParentHomeData()` hook instead.\n */\n\nconst useFetchParentHome = (studentId: string) => {\n  const {\n    get: getParentHome,\n    data,\n    isStale,\n    isProcessing,\n    isProcessingFailed,\n  } = useParentHomeGet(studentId);\n\n  const fetchData = useCallback(() => {\n    studentId && getParentHome(studentId);\n  }, [getParentHome, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    if (isStale) {\n      fetchData();\n    }\n  }, [fetchData, isStale]);\n\n  const result = useMemo(\n    () => ({\n      isLoading: isProcessing && !data,\n      isProcessingFailed,\n    }),\n    [isProcessing, data, isProcessingFailed],\n  );\n\n  return result;\n};\n\nexport default useFetchParentHome;\n"],"names":["useFetchParentHome","studentId","getParentHome","data","isStale","isProcessing","isProcessingFailed","useParentHomeGet","fetchData","useCallback","useEffect","useMemo","useFetchParentHome$1"],"mappings":";;AAYA,MAAMA,IAAqB,CAACC,MAAsB;AAC1C,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAiBN,CAAS,GAExBO,IAAYC,EAAY,MAAM;AAClC,IAAAR,KAAaC,EAAcD,CAAS;AAAA,EAAA,GACnC,CAACC,GAAeD,CAAS,CAAC;AAE7B,SAAAS,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACd,IAAIN,KACQI;EACZ,GACC,CAACA,GAAWJ,CAAO,CAAC,GAERO;AAAA,IACb,OAAO;AAAA,MACL,WAAWN,KAAgB,CAACF;AAAA,MAC5B,oBAAAG;AAAA,IAAA;AAAA,IAEF,CAACD,GAAcF,GAAMG,CAAkB;AAAA,EAAA;AAI3C,GAEAM,IAAeZ;"}
+{"version":3,"file":"use-fetch-parent-home.js","sources":["../../../../src/features/parent-dashboard/hooks/use-fetch-parent-home.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo } from 'react';\n\nimport { useParentHomeGet } from '../api/parent-home';\n\n/**\n * This hook is intended only for **triggering** the Parent Home API\n * if it's needed outside the Parent Router.\n * This hook is being called at the level of the Parent Dashboard: <ParentRoutesWrapper />\n * To **consume** the parent home data elsewhere in the app,\n * use the `useParentHomeData()` hook instead.\n */\n\nconst useFetchParentHome = (studentId: string) => {\n  const {\n    get: getParentHome,\n    data,\n    isStale,\n    isProcessing,\n    isProcessingFailed,\n  } = useParentHomeGet(studentId);\n\n  const fetchData = useCallback(() => {\n    studentId && getParentHome(studentId);\n  }, [getParentHome, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    if (isStale) {\n      fetchData();\n    }\n  }, [fetchData, isStale]);\n\n  const result = useMemo(\n    () => ({\n      isLoading: isProcessing || !data,\n      isProcessingFailed,\n    }),\n    [isProcessing, data, isProcessingFailed],\n  );\n\n  return result;\n};\n\nexport default useFetchParentHome;\n"],"names":["useFetchParentHome","studentId","getParentHome","data","isStale","isProcessing","isProcessingFailed","useParentHomeGet","fetchData","useCallback","useEffect","useMemo","useFetchParentHome$1"],"mappings":";;AAYA,MAAMA,IAAqB,CAACC,MAAsB;AAC1C,QAAA;AAAA,IACJ,KAAKC;AAAA,IACL,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAiBN,CAAS,GAExBO,IAAYC,EAAY,MAAM;AAClC,IAAAR,KAAaC,EAAcD,CAAS;AAAA,EAAA,GACnC,CAACC,GAAeD,CAAS,CAAC;AAE7B,SAAAS,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACd,IAAIN,KACQI;EACZ,GACC,CAACA,GAAWJ,CAAO,CAAC,GAERO;AAAA,IACb,OAAO;AAAA,MACL,WAAWN,KAAgB,CAACF;AAAA,MAC5B,oBAAAG;AAAA,IAAA;AAAA,IAEF,CAACD,GAAcF,GAAMG,CAAkB;AAAA,EAAA;AAI3C,GAEAM,IAAeZ;"}

package/dist/features/parent-dashboard/hooks/use-parent-home-data.js

@@ -1,56 +1,54 @@
-import { useMemo as P } from "react";
-import { useParentHomeGet as R } from "../api/parent-home.js";
-import { DEFAULT_LOADING_STATE as f, SUBSCRIPTION_CANCELLED_STATES as g, TRIAL_COMPLETED_STATES as M, PLA_INTRO_ELIGIBLE_STATES as h } from "../parent-dashboard-constants.js";
-import { EPLAState as e } from "../parent-dashboard-types.js";
-const G = (_) => {
-  const { data: t, isProcessingFailed: n } = R(_);
-  return P(() => {
-    if (!(t != null && t.pla_state))
+import { useMemo as M } from "react";
+import { useParentHomeGet as E } from "../api/parent-home.js";
+import { formatDate as H } from "../../../node_modules/date-fns/format.js";
+const O = (r) => {
+  const { data: t, isProcessingFailed: n } = E(r);
+  return M(() => {
+    var m;
+    const { teacher_details: o = null, session_details: s } = t ?? {};
+    if (!s)
       return {
-        ...f,
+        sessionDetails: null,
+        teacherDetails: null,
+        isOnlyOneSessionCompleted: !1,
+        isMoreThanOneSessionCompleted: !1,
+        isDemoDone: !1,
+        isSubscriptionCancelled: !1,
+        completedSessions: 0,
+        nextSessionEnd: 0,
+        nextSessionStart: 0,
+        upcomingSessions: [],
+        showLoading: !0,
         isProcessingFailed: n
       };
     const {
-      teacher_details: o,
-      session_details: i,
-      pla_state: s,
-      billing_details: r
-    } = t, {
-      completed_sessions: c = 0,
-      next_session_end: l = 0,
-      next_session_start: d = 0,
-      upcoming_sessions: T = [],
-      student_demo_id: E = "",
-      user_attempt_id: m = ""
-    } = i ?? {}, S = o ? `${o.first_name || ""} ${o.last_name || ""}`.trim() : "", L = s === e.TRIAL_COMPLETED_CARD_DECLINED, A = s === e.NO_CARD_ON_FILE, D = g.includes(s), u = s === e.TRIAL_TUTOR_NO_SHOW, C = s === e.TRIAL_STUDENT_NO_SHOW, a = M.includes(s), I = a && s !== e.REGULAR_CLASS_COMPLETED, N = s === e.REGULAR_CLASS_COMPLETED, O = s === e.TRIAL_COMPLETED_PAYMENT_PENDING, p = h.includes(s);
+      completed_sessions: e = 0,
+      next_session_end: l,
+      next_session_start: a,
+      demo_class_status: d,
+      upcoming_sessions: c = [],
+      student_demo_id: u = null,
+      user_attempt_id: p = null
+    } = s, { first_name: S = "", last_name: _ = "" } = o ?? {}, D = (m = `${S} ${_}`) == null ? void 0 : m.trim(), i = e > 0, f = i && e === 1, h = e > 1, x = H(a, "EEEE, MMM d 'at' h:mm a");
     return {
-      plaState: s,
-      sessionDetails: i,
+      sessionDetails: s,
       teacherDetails: o,
-      billingDetails: r,
-      teacherName: S,
-      completedSessions: c,
+      teacherName: D,
+      completedSessions: e,
       nextSessionEnd: l,
-      nextSessionStart: d,
-      upcomingSessions: T,
-      isTrialDone: a,
-      isOnlyTrialDone: I,
-      isRegularClassDone: N,
-      isCardDeclined: L,
-      isSubscriptionCancelled: D,
-      cardOnFileNotAvailable: A,
-      isTutorNoShow: u,
-      isStudentNoShow: C,
-      showLoading: !1,
-      demoId: E,
-      userAttemptId: m,
-      isProcessingFailed: !1,
-      canChangeTutor: O,
-      showPLAIntroduction: p
+      nextSessionStart: a,
+      classStatus: d,
+      upcomingSessions: c,
+      isDemoDone: i,
+      isOnlyOneSessionCompleted: f,
+      isMoreThanOneSessionCompleted: h,
+      demoId: u,
+      userAttemptId: p,
+      formattedNextSessionStart: x
     };
-  }, [t, n]);
-}, w = G;
+  }, [n, t]);
+}, y = O;
 export {
-  w as default
+  y as default
 };
 //# sourceMappingURL=use-parent-home-data.js.map

package/dist/features/parent-dashboard/hooks/use-parent-home-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-parent-home-data.js","sources":["../../../../src/features/parent-dashboard/hooks/use-parent-home-data.ts"],"sourcesContent":["import type { IUseParentHomeDataReturn } from '../parent-dashboard-types';\n\nimport { useMemo } from 'react';\n\nimport { useParentHomeGet } from '../api/parent-home';\nimport {\n  DEFAULT_LOADING_STATE,\n  PLA_INTRO_ELIGIBLE_STATES,\n  SUBSCRIPTION_CANCELLED_STATES,\n  TRIAL_COMPLETED_STATES,\n} from '../parent-dashboard-constants';\nimport { EPLAState } from '../parent-dashboard-types';\n\n/**\n * Hook to consume processed parent home data.\n * - Automatically fetches on mount and when stale using useFetchParentHome() at <ParentRoutesWrapper/>.\n * - Use this to **read** parent home data.\n */\n\nconst useParentHomeData = (studentId: string): IUseParentHomeDataReturn => {\n  const { data: parentHomeData, isProcessingFailed } = useParentHomeGet(studentId);\n\n  const parentHomeDataMemoised = useMemo(() => {\n    if (!parentHomeData?.pla_state) {\n      return {\n        ...DEFAULT_LOADING_STATE,\n        isProcessingFailed,\n      };\n    }\n\n    const {\n      teacher_details: teacherDetails,\n      session_details: sessionDetails,\n      pla_state: plaState,\n      billing_details: billingDetails,\n    } = parentHomeData;\n\n    const {\n      completed_sessions: completedSessions = 0,\n      next_session_end: nextSessionEnd = 0,\n      next_session_start: nextSessionStart = 0,\n      upcoming_sessions: upcomingSessions = [],\n      student_demo_id: demoId = '',\n      user_attempt_id: userAttemptId = '',\n    } = sessionDetails ?? {};\n\n    const teacherName = teacherDetails\n      ? `${teacherDetails.first_name || ''} ${teacherDetails.last_name || ''}`.trim()\n      : '';\n\n    const isCardDeclined = plaState === EPLAState.TRIAL_COMPLETED_CARD_DECLINED;\n    const cardOnFileNotAvailable = plaState === EPLAState.NO_CARD_ON_FILE;\n    const isSubscriptionCancelled = SUBSCRIPTION_CANCELLED_STATES.includes(plaState);\n\n    const isTutorNoShow = plaState === EPLAState.TRIAL_TUTOR_NO_SHOW;\n    const isStudentNoShow = plaState === EPLAState.TRIAL_STUDENT_NO_SHOW;\n    const isTrialDone = TRIAL_COMPLETED_STATES.includes(plaState);\n    const isOnlyTrialDone = isTrialDone && plaState !== EPLAState.REGULAR_CLASS_COMPLETED;\n    const isRegularClassDone = plaState === EPLAState.REGULAR_CLASS_COMPLETED;\n    const canChangeTutor = plaState === EPLAState.TRIAL_COMPLETED_PAYMENT_PENDING;\n\n    const showPLAIntroduction = PLA_INTRO_ELIGIBLE_STATES.includes(plaState);\n\n    return {\n      plaState,\n      sessionDetails,\n      teacherDetails,\n      billingDetails,\n      teacherName,\n      completedSessions,\n      nextSessionEnd,\n      nextSessionStart,\n      upcomingSessions,\n      isTrialDone,\n      isOnlyTrialDone,\n      isRegularClassDone,\n      isCardDeclined,\n      isSubscriptionCancelled,\n      cardOnFileNotAvailable,\n      isTutorNoShow,\n      isStudentNoShow,\n      showLoading: false,\n      demoId,\n      userAttemptId,\n      isProcessingFailed: false,\n      canChangeTutor,\n      showPLAIntroduction,\n    };\n  }, [parentHomeData, isProcessingFailed]);\n\n  return parentHomeDataMemoised;\n};\n\nexport default useParentHomeData;\n"],"names":["useParentHomeData","studentId","parentHomeData","isProcessingFailed","useParentHomeGet","useMemo","DEFAULT_LOADING_STATE","teacherDetails","sessionDetails","plaState","billingDetails","completedSessions","nextSessionEnd","nextSessionStart","upcomingSessions","demoId","userAttemptId","teacherName","isCardDeclined","EPLAState","cardOnFileNotAvailable","isSubscriptionCancelled","SUBSCRIPTION_CANCELLED_STATES","isTutorNoShow","isStudentNoShow","isTrialDone","TRIAL_COMPLETED_STATES","isOnlyTrialDone","isRegularClassDone","canChangeTutor","showPLAIntroduction","PLA_INTRO_ELIGIBLE_STATES","useParentHomeData$1"],"mappings":";;;;AAmBA,MAAMA,IAAoB,CAACC,MAAgD;AACzE,QAAM,EAAE,MAAMC,GAAgB,oBAAAC,EAAmB,IAAIC,EAAiBH,CAAS;AAsExE,SApEwBI,EAAQ,MAAM;AACvC,QAAA,EAACH,KAAA,QAAAA,EAAgB;AACZ,aAAA;AAAA,QACL,GAAGI;AAAA,QACH,oBAAAH;AAAA,MAAA;AAIE,UAAA;AAAA,MACJ,iBAAiBI;AAAA,MACjB,iBAAiBC;AAAA,MACjB,WAAWC;AAAA,MACX,iBAAiBC;AAAA,IACf,IAAAR,GAEE;AAAA,MACJ,oBAAoBS,IAAoB;AAAA,MACxC,kBAAkBC,IAAiB;AAAA,MACnC,oBAAoBC,IAAmB;AAAA,MACvC,mBAAmBC,IAAmB,CAAC;AAAA,MACvC,iBAAiBC,IAAS;AAAA,MAC1B,iBAAiBC,IAAgB;AAAA,IAAA,IAC/BR,KAAkB,CAAA,GAEhBS,IAAcV,IAChB,GAAGA,EAAe,cAAc,EAAE,IAAIA,EAAe,aAAa,EAAE,GAAG,KAAA,IACvE,IAEEW,IAAiBT,MAAaU,EAAU,+BACxCC,IAAyBX,MAAaU,EAAU,iBAChDE,IAA0BC,EAA8B,SAASb,CAAQ,GAEzEc,IAAgBd,MAAaU,EAAU,qBACvCK,IAAkBf,MAAaU,EAAU,uBACzCM,IAAcC,EAAuB,SAASjB,CAAQ,GACtDkB,IAAkBF,KAAehB,MAAaU,EAAU,yBACxDS,IAAqBnB,MAAaU,EAAU,yBAC5CU,IAAiBpB,MAAaU,EAAU,iCAExCW,IAAsBC,EAA0B,SAAStB,CAAQ;AAEhE,WAAA;AAAA,MACL,UAAAA;AAAA,MACA,gBAAAD;AAAA,MACA,gBAAAD;AAAA,MACA,gBAAAG;AAAA,MACA,aAAAO;AAAA,MACA,mBAAAN;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,aAAAW;AAAA,MACA,iBAAAE;AAAA,MACA,oBAAAC;AAAA,MACA,gBAAAV;AAAA,MACA,yBAAAG;AAAA,MACA,wBAAAD;AAAA,MACA,eAAAG;AAAA,MACA,iBAAAC;AAAA,MACA,aAAa;AAAA,MACb,QAAAT;AAAA,MACA,eAAAC;AAAA,MACA,oBAAoB;AAAA,MACpB,gBAAAa;AAAA,MACA,qBAAAC;AAAA,IAAA;AAAA,EACF,GACC,CAAC5B,GAAgBC,CAAkB,CAAC;AAGzC,GAEA6B,IAAehC;"}
+{"version":3,"file":"use-parent-home-data.js","sources":["../../../../src/features/parent-dashboard/hooks/use-parent-home-data.ts"],"sourcesContent":["import type { TSession } from '../../trial-session/comps/pla/upcoming-sessions/upcoming-sessions-types';\nimport type { EClassStatus, ISessionDetails, ITeacherDetails } from '../parent-dashboard-types';\n\nimport { format } from 'date-fns';\nimport { useMemo } from 'react';\n\nimport { useParentHomeGet } from '../api/parent-home';\n\ninterface IUseParentHomeDataReturn {\n  sessionDetails: ISessionDetails | null;\n  teacherDetails: ITeacherDetails | null;\n  completedSessions: number;\n  nextSessionEnd: number;\n  nextSessionStart: number;\n  classStatus?: EClassStatus | null;\n  teacherName?: string;\n  upcomingSessions?: TSession[];\n  isDemoDone: boolean;\n  isOnlyOneSessionCompleted: boolean;\n  isMoreThanOneSessionCompleted: boolean;\n  showLoading?: boolean;\n  demoId?: string | null;\n  userAttemptId?: string | null;\n  isProcessingFailed?: boolean;\n  formattedNextSessionStart?: string;\n}\n/**\n * Hook to consume processed parent home data.\n * - Automatically fetches on mount and when stale using useFetchParentHome() at <ParentRoutesWrapper/>.\n * - Use this to **read** parent home data.\n */\n\nconst useParentHomeData = (studentId: string): IUseParentHomeDataReturn => {\n  const { data: parentHomeData, isProcessingFailed } = useParentHomeGet(studentId);\n\n  const parentHomeDataMemoised = useMemo(() => {\n    const { teacher_details: teacherDetails = null, session_details: sessionDetails } =\n      parentHomeData ?? {};\n\n    if (!sessionDetails) {\n      return {\n        sessionDetails: null,\n        teacherDetails: null,\n        isOnlyOneSessionCompleted: false,\n        isMoreThanOneSessionCompleted: false,\n        isDemoDone: false,\n        isSubscriptionCancelled: false,\n        completedSessions: 0,\n        nextSessionEnd: 0,\n        nextSessionStart: 0,\n        upcomingSessions: [],\n        showLoading: true,\n        isProcessingFailed,\n      };\n    }\n\n    const {\n      completed_sessions: completedSessions = 0,\n      next_session_end: nextSessionEnd,\n      next_session_start: nextSessionStart,\n      demo_class_status: classStatus,\n      upcoming_sessions: upcomingSessions = [],\n      student_demo_id: demoId = null,\n      user_attempt_id: userAttemptId = null,\n    } = sessionDetails;\n\n    const { first_name = '', last_name = '' } = teacherDetails ?? {};\n    const teacherName = `${first_name} ${last_name}`?.trim();\n\n    const isDemoDone = completedSessions > 0;\n    const isOnlyOneSessionCompleted = isDemoDone && completedSessions === 1;\n    const isMoreThanOneSessionCompleted = completedSessions > 1;\n\n    const formattedNextSessionStart = format(nextSessionStart, \"EEEE, MMM d 'at' h:mm a\");\n\n    return {\n      sessionDetails,\n      teacherDetails,\n      teacherName,\n      completedSessions,\n      nextSessionEnd,\n      nextSessionStart,\n      classStatus,\n      upcomingSessions,\n      isDemoDone,\n      isOnlyOneSessionCompleted,\n      isMoreThanOneSessionCompleted,\n      demoId,\n      userAttemptId,\n      formattedNextSessionStart,\n    };\n  }, [isProcessingFailed, parentHomeData]);\n\n  return parentHomeDataMemoised;\n};\n\nexport default useParentHomeData;\n"],"names":["useParentHomeData","studentId","parentHomeData","isProcessingFailed","useParentHomeGet","useMemo","teacherDetails","sessionDetails","completedSessions","nextSessionEnd","nextSessionStart","classStatus","upcomingSessions","demoId","userAttemptId","first_name","last_name","teacherName","_a","isDemoDone","isOnlyOneSessionCompleted","isMoreThanOneSessionCompleted","formattedNextSessionStart","format","useParentHomeData$1"],"mappings":";;;AAgCA,MAAMA,IAAoB,CAACC,MAAgD;AACzE,QAAM,EAAE,MAAMC,GAAgB,oBAAAC,EAAmB,IAAIC,EAAiBH,CAAS;AA4DxE,SA1DwBI,EAAQ,MAAM;;AACrC,UAAA,EAAE,iBAAiBC,IAAiB,MAAM,iBAAiBC,EAAe,IAC9EL,KAAkB;AAEpB,QAAI,CAACK;AACI,aAAA;AAAA,QACL,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,2BAA2B;AAAA,QAC3B,+BAA+B;AAAA,QAC/B,YAAY;AAAA,QACZ,yBAAyB;AAAA,QACzB,mBAAmB;AAAA,QACnB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,QAClB,kBAAkB,CAAC;AAAA,QACnB,aAAa;AAAA,QACb,oBAAAJ;AAAA,MAAA;AAIE,UAAA;AAAA,MACJ,oBAAoBK,IAAoB;AAAA,MACxC,kBAAkBC;AAAA,MAClB,oBAAoBC;AAAA,MACpB,mBAAmBC;AAAA,MACnB,mBAAmBC,IAAmB,CAAC;AAAA,MACvC,iBAAiBC,IAAS;AAAA,MAC1B,iBAAiBC,IAAgB;AAAA,IAC/B,IAAAP,GAEE,EAAE,YAAAQ,IAAa,IAAI,WAAAC,IAAY,GAAG,IAAIV,KAAkB,IACxDW,KAAcC,IAAA,GAAGH,CAAU,IAAIC,CAAS,OAA1B,gBAAAE,EAA8B,QAE5CC,IAAaX,IAAoB,GACjCY,IAA4BD,KAAcX,MAAsB,GAChEa,IAAgCb,IAAoB,GAEpDc,IAA4BC,EAAOb,GAAkB,yBAAyB;AAE7E,WAAA;AAAA,MACL,gBAAAH;AAAA,MACA,gBAAAD;AAAA,MACA,aAAAW;AAAA,MACA,mBAAAT;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,YAAAO;AAAA,MACA,2BAAAC;AAAA,MACA,+BAAAC;AAAA,MACA,QAAAR;AAAA,MACA,eAAAC;AAAA,MACA,2BAAAQ;AAAA,IAAA;AAAA,EACF,GACC,CAACnB,GAAoBD,CAAc,CAAC;AAGzC,GAEAsB,IAAexB;"}

package/dist/features/parent-dashboard/modals/tutor-change/tutor-change-styled.js

@@ -1,35 +1,37 @@
 import o from "styled-components";
 import t from "../../../ui/layout/flex-view.js";
 const s = o(t)`
-  max-width: 560px;
   border: ${({ theme: e }) => `1px solid ${e.colors.BLACK_5}`};
-`, x = o(t)`
+  ${({ theme: e }) => e.mediaQueries.minWidthTablet} {
+    max-width: 560px;
+  }
+`, h = o(t)`
   overflow-y: auto;
   max-height: 468px;
   ${({ theme: e }) => e.mediaQueries.minWidthTablet} {
     max-height: unset;
     overflow-y: hidden;
-  }
-`, h = o(t)`
+  })}
+`, m = o(t)`
   padding-top: 0;
   ${({ theme: e }) => e.mediaQueries.minWidthTablet} {
     max-height: 300px;
     overflow-y: auto;
-  }
-`, m = o(t)`
+  })}
+`, x = o(t)`
   padding-bottom: 24px;
   ${({ theme: e }) => e.mediaQueries.minWidthTablet} {
     border-top: ${({ theme: e }) => `1px solid ${e.colors.BLACK_5}`};
     padding-bottom: 40px;
-  }
+  })}
 `, c = o.textarea(({ theme: e }) => {
   const {
     colors: { WHITE: i, WHITE_T_38: r, BLACK_2: n, BLACK_5: a },
-    layout: { gutter: p }
+    layout: { gutter: d }
   } = e;
   return `border: 1px solid ${a};
   width: 100%;
-  min-height: ${p * 5}px;
+  min-height: ${d * 5}px;
   padding: 16px;
   background-color: ${n};
   white-space: pre-line;
@@ -51,9 +53,9 @@ const s = o(t)`
 });
 export {
   s as Container,
-  h as ContentWrapper,
-  m as FooterWrapper,
-  x as OuterWrapper,
+  m as ContentWrapper,
+  x as FooterWrapper,
+  h as OuterWrapper,
   c as StyledTextArea
 };
 //# sourceMappingURL=tutor-change-styled.js.map

package/dist/features/parent-dashboard/modals/tutor-change/tutor-change-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"tutor-change-styled.js","sources":["../../../../../src/features/parent-dashboard/modals/tutor-change/tutor-change-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n  max-width: 560px;\n  border: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n`;\n\nexport const OuterWrapper = styled(FlexView)`\n  overflow-y: auto;\n  max-height: 468px;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-height: unset;\n    overflow-y: hidden;\n  }\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n  padding-top: 0;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-height: 300px;\n    overflow-y: auto;\n  }\n`;\n\nexport const FooterWrapper = styled(FlexView)`\n  padding-bottom: 24px;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    border-top: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n    padding-bottom: 40px;\n  }\n`;\n\nexport const StyledTextArea = styled.textarea(({ theme }) => {\n  const {\n    colors: { WHITE, WHITE_T_38, BLACK_2, BLACK_5 },\n    layout: { gutter },\n  } = theme;\n\n  return `border: 1px solid ${BLACK_5};\n  width: 100%;\n  min-height: ${gutter * 5}px;\n  padding: 16px;\n  background-color: ${BLACK_2};\n  white-space: pre-line;\n  font-family: 'Untitled Sans Regular';\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ${WHITE};\n  resize: none;\n  outline: none;\n  &::placeholder {\n    color: ${WHITE_T_38};\n  }\n\n  &:focus {\n    outline: none;\n  }\n`;\n});\n"],"names":["Container","styled","FlexView","theme","OuterWrapper","ContentWrapper","FooterWrapper","StyledTextArea","WHITE","WHITE_T_38","BLACK_2","BLACK_5","gutter"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,YAE5B,CAAC,EAAE,OAAAC,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,GAGjDC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,IAGvC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA,GAMvCE,IAAiBJ,EAAOC,CAAQ;AAAA;AAAA,IAEzC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA,GAMvCG,IAAgBL,EAAOC,CAAQ;AAAA;AAAA,IAExC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA,kBAClC,CAAC,EAAE,OAAAA,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA;AAAA;AAAA,GAKvDI,IAAiBN,EAAO,SAAS,CAAC,EAAE,OAAAE,QAAY;AACrD,QAAA;AAAA,IACJ,QAAQ,EAAE,OAAAK,GAAO,YAAAC,GAAY,SAAAC,GAAS,SAAAC,EAAQ;AAAA,IAC9C,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAT;AAEJ,SAAO,qBAAqBQ,CAAO;AAAA;AAAA,gBAErBC,IAAS,CAAC;AAAA;AAAA,sBAEJF,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMlBF,CAAK;AAAA;AAAA;AAAA;AAAA,aAIHC,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,CAAC;"}
+{"version":3,"file":"tutor-change-styled.js","sources":["../../../../../src/features/parent-dashboard/modals/tutor-change/tutor-change-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nexport const Container = styled(FlexView)`\n  border: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-width: 560px;\n  }\n`;\n\nexport const OuterWrapper = styled(FlexView)`\n  overflow-y: auto;\n  max-height: 468px;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-height: unset;\n    overflow-y: hidden;\n  })}\n`;\n\nexport const ContentWrapper = styled(FlexView)`\n  padding-top: 0;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    max-height: 300px;\n    overflow-y: auto;\n  })}\n`;\n\nexport const FooterWrapper = styled(FlexView)`\n  padding-bottom: 24px;\n  ${({ theme }) => theme.mediaQueries.minWidthTablet} {\n    border-top: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n    padding-bottom: 40px;\n  })}\n`;\n\nexport const StyledTextArea = styled.textarea(({ theme }) => {\n  const {\n    colors: { WHITE, WHITE_T_38, BLACK_2, BLACK_5 },\n    layout: { gutter },\n  } = theme;\n\n  return `border: 1px solid ${BLACK_5};\n  width: 100%;\n  min-height: ${gutter * 5}px;\n  padding: 16px;\n  background-color: ${BLACK_2};\n  white-space: pre-line;\n  font-family: 'Untitled Sans Regular';\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 24px;\n  color: ${WHITE};\n  resize: none;\n  outline: none;\n  &::placeholder {\n    color: ${WHITE_T_38};\n  }\n\n  &:focus {\n    outline: none;\n  }\n`;\n});\n"],"names":["Container","styled","FlexView","theme","OuterWrapper","ContentWrapper","FooterWrapper","StyledTextArea","WHITE","WHITE_T_38","BLACK_2","BLACK_5","gutter"],"mappings":";;AAIa,MAAAA,IAAYC,EAAOC,CAAQ;AAAA,YAC5B,CAAC,EAAE,OAAAC,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,IAC1D,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA,GAKvCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,IAGvC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA,GAMvCE,IAAiBJ,EAAOC,CAAQ;AAAA;AAAA,IAEzC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAAA,GAMvCG,IAAgBL,EAAOC,CAAQ;AAAA;AAAA,IAExC,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,aAAa,cAAc;AAAA,kBAClC,CAAC,EAAE,OAAAA,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA;AAAA;AAAA,GAKvDI,IAAiBN,EAAO,SAAS,CAAC,EAAE,OAAAE,QAAY;AACrD,QAAA;AAAA,IACJ,QAAQ,EAAE,OAAAK,GAAO,YAAAC,GAAY,SAAAC,GAAS,SAAAC,EAAQ;AAAA,IAC9C,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAT;AAEJ,SAAO,qBAAqBQ,CAAO;AAAA;AAAA,gBAErBC,IAAS,CAAC;AAAA;AAAA,sBAEJF,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMlBF,CAAK;AAAA;AAAA;AAAA;AAAA,aAIHC,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvB,CAAC;"}

package/dist/features/parent-dashboard/modals/tutor-change/tutor-change.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { memo as R, useState as p, useRef as w, useCallback as u, useEffect as A } from "react";
+import { memo as R, useState as h, useRef as w, useCallback as u, useEffect as A } from "react";
 import { useTheme as E } from "styled-components";
 import O from "../../../auth/comps/pill-button/pill-button.js";
-import h from "../../../ui/buttons/text-button/text-button.js";
+import p from "../../../ui/buttons/text-button/text-button.js";
 import I from "../../../ui/layout/flex-view.js";
 import X from "../../../ui/modals/use-modal-actions.js";
 import S from "../../../ui/modals/use-modal-params.js";
@@ -11,10 +11,10 @@ import { EDeviceType as k } from "../../../ui/theme/constants.js";
 import { changeTutorReasons as M, TUTOR_CHANGE_REASON_IDS as v } from "./tutor-change-constants.js";
 import { Container as B, OuterWrapper as H, ContentWrapper as _, StyledTextArea as D, FooterWrapper as y } from "./tutor-change-styled.js";
 const G = () => {
-  const { device: f } = E(), [n, C] = p(""), [l, $] = p(""), o = f <= k.MOBILE, { closeModal: c } = X(), a = w(null), { onContinue: m, demoId: d } = S(), x = u((e) => C(e), []), b = u((e) => {
+  const { device: f } = E(), [n, C] = h(""), [l, $] = h(""), o = f <= k.MOBILE, { closeModal: c } = X(), a = w(null), { onContinue: m, demoId: d } = S(), x = u((e) => C(e), []), b = u((e) => {
     $(e.target.value);
   }, []), t = n === v.OTHER, T = !n || t && !l.trim(), g = u(() => {
-    c(), m(d, n, t ? l : "");
+    c(), m({ demoId: d, reason: n, otherReason: t ? l : "" });
   }, [c, m, d, n, t, l]);
   return A(() => {
     var e, s;
@@ -66,7 +66,7 @@ const G = () => {
         $flexColumnGapX: 1.5,
         children: [
           /* @__PURE__ */ r(
-            h,
+            p,
             {
               label: "Continue",
               onClick: g,
@@ -74,7 +74,7 @@ const G = () => {
               disabled: T
             }
           ),
-          /* @__PURE__ */ r(h, { label: "Close", onClick: c, color: "WHITE" })
+          /* @__PURE__ */ r(p, { label: "Close", onClick: c, color: "WHITE" })
         ]
       }
     )

package/dist/features/parent-dashboard/modals/tutor-change/tutor-change.js.map

@@ -1 +1 @@
-{"version":3,"file":"tutor-change.js","sources":["../../../../../src/features/parent-dashboard/modals/tutor-change/tutor-change.tsx"],"sourcesContent":["import type { ITutorChangeModalParams } from './tutor-change-types';\n\nimport { memo, useCallback, useEffect, useRef, useState, type ChangeEvent } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport PillButton from '../../../auth/comps/pill-button/pill-button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalActions from '../../../ui/modals/use-modal-actions';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { TUTOR_CHANGE_REASON_IDS, changeTutorReasons } from './tutor-change-constants';\nimport * as Styled from './tutor-change-styled';\n\nconst TutorChange = () => {\n  const { device } = useTheme();\n  const [reason, setReason] = useState('');\n  const [otherReason, setOtherReason] = useState('');\n  const isMobile = device <= EDeviceType.MOBILE;\n  const { closeModal } = useModalActions();\n  const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n  const { onContinue, demoId } = useModalParams<ITutorChangeModalParams>();\n  const handleSelectReason = useCallback((id: string) => setReason(id), []);\n\n  const handleOtherReasonChange = useCallback((event: ChangeEvent<HTMLTextAreaElement>) => {\n    setOtherReason(event.target.value);\n  }, []);\n  const isOtherReasonSelected = reason === TUTOR_CHANGE_REASON_IDS.OTHER;\n  const isSubmitDisabled = !reason || (isOtherReasonSelected && !otherReason.trim());\n\n  const handleContinue = useCallback(() => {\n    closeModal();\n    onContinue(demoId, reason, isOtherReasonSelected ? otherReason : '');\n  }, [closeModal, onContinue, demoId, reason, isOtherReasonSelected, otherReason]);\n\n  useEffect(() => {\n    if (isOtherReasonSelected && textAreaRef.current) {\n      textAreaRef.current?.scrollIntoView({ behavior: 'smooth' });\n      textAreaRef.current?.focus();\n    }\n  }, [isOtherReasonSelected]);\n\n  return (\n    <Styled.Container $background=\"BLACK_2\" $width=\"100%\" $borderColor=\"BLACK_5\">\n      <Styled.OuterWrapper $flex={1}>\n        <FlexView $gutterX={isMobile ? 1 : 2.5} $gapX={isMobile ? 1.5 : 2.5}>\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            What didn't work well with the current tutor?\n          </Text>\n        </FlexView>\n        <Styled.ContentWrapper\n          $flex={1}\n          $gutterX={isMobile ? 1 : 2.5}\n          $gapX={isMobile ? 1 : 2.5}\n          $width={'100%'}\n          $alignItems=\"flex-start\"\n          $flexRowGapX={1}\n        >\n          {changeTutorReasons.map(({ id, label }) => (\n            <PillButton\n              selected={reason === id}\n              key={id}\n              label={label}\n              id={id}\n              onClick={handleSelectReason}\n              isTransparent\n            />\n          ))}\n          {isOtherReasonSelected && (\n            <Styled.StyledTextArea\n              placeholder=\"Tell us more about your experience...\"\n              id=\"text-area\"\n              ref={textAreaRef}\n              value={otherReason}\n              onChange={handleOtherReasonChange}\n            />\n          )}\n        </Styled.ContentWrapper>\n      </Styled.OuterWrapper>\n      <Styled.FooterWrapper\n        $gutterX={isMobile ? 1 : 2.5}\n        $gapX={isMobile ? 1 : 2.5}\n        $flexDirection=\"row\"\n        $flexColumnGapX={1.5}\n      >\n        <TextButton\n          label=\"Continue\"\n          onClick={handleContinue}\n          color=\"WHITE\"\n          disabled={isSubmitDisabled}\n        />\n        <TextButton label=\"Close\" onClick={closeModal} color=\"WHITE\" />\n      </Styled.FooterWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default memo(TutorChange);\n"],"names":["TutorChange","device","useTheme","reason","setReason","useState","otherReason","setOtherReason","isMobile","EDeviceType","closeModal","useModalActions","textAreaRef","useRef","onContinue","demoId","useModalParams","handleSelectReason","useCallback","id","handleOtherReasonChange","event","isOtherReasonSelected","TUTOR_CHANGE_REASON_IDS","isSubmitDisabled","handleContinue","useEffect","_a","_b","jsxs","Styled.Container","Styled.OuterWrapper","jsx","FlexView","Text","Styled.ContentWrapper","changeTutorReasons","label","PillButton","Styled.StyledTextArea","Styled.FooterWrapper","TextButton","tutorChange","memo"],"mappings":"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"}
+{"version":3,"file":"tutor-change.js","sources":["../../../../../src/features/parent-dashboard/modals/tutor-change/tutor-change.tsx"],"sourcesContent":["import type { ITutorChangeModalParams } from './tutor-change-types';\n\nimport { memo, useCallback, useEffect, useRef, useState, type ChangeEvent } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport PillButton from '../../../auth/comps/pill-button/pill-button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalActions from '../../../ui/modals/use-modal-actions';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { TUTOR_CHANGE_REASON_IDS, changeTutorReasons } from './tutor-change-constants';\nimport * as Styled from './tutor-change-styled';\n\nconst TutorChange = () => {\n  const { device } = useTheme();\n  const [reason, setReason] = useState('');\n  const [otherReason, setOtherReason] = useState('');\n  const isMobile = device <= EDeviceType.MOBILE;\n  const { closeModal } = useModalActions();\n  const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n  const { onContinue, demoId } = useModalParams<ITutorChangeModalParams>();\n  const handleSelectReason = useCallback((id: string) => setReason(id), []);\n\n  const handleOtherReasonChange = useCallback((event: ChangeEvent<HTMLTextAreaElement>) => {\n    setOtherReason(event.target.value);\n  }, []);\n  const isOtherReasonSelected = reason === TUTOR_CHANGE_REASON_IDS.OTHER;\n  const isSubmitDisabled = !reason || (isOtherReasonSelected && !otherReason.trim());\n\n  const handleContinue = useCallback(() => {\n    closeModal();\n    onContinue({ demoId, reason, otherReason: isOtherReasonSelected ? otherReason : '' });\n  }, [closeModal, onContinue, demoId, reason, isOtherReasonSelected, otherReason]);\n\n  useEffect(() => {\n    if (isOtherReasonSelected && textAreaRef.current) {\n      textAreaRef.current?.scrollIntoView({ behavior: 'smooth' });\n      textAreaRef.current?.focus();\n    }\n  }, [isOtherReasonSelected]);\n\n  return (\n    <Styled.Container $background=\"BLACK_2\" $width=\"100%\" $borderColor=\"BLACK_5\">\n      <Styled.OuterWrapper $flex={1}>\n        <FlexView $gutterX={isMobile ? 1 : 2.5} $gapX={isMobile ? 1.5 : 2.5}>\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            What didn't work well with the current tutor?\n          </Text>\n        </FlexView>\n        <Styled.ContentWrapper\n          $flex={1}\n          $gutterX={isMobile ? 1 : 2.5}\n          $gapX={isMobile ? 1 : 2.5}\n          $width={'100%'}\n          $alignItems=\"flex-start\"\n          $flexRowGapX={1}\n        >\n          {changeTutorReasons.map(({ id, label }) => (\n            <PillButton\n              selected={reason === id}\n              key={id}\n              label={label}\n              id={id}\n              onClick={handleSelectReason}\n              isTransparent\n            />\n          ))}\n          {isOtherReasonSelected && (\n            <Styled.StyledTextArea\n              placeholder=\"Tell us more about your experience...\"\n              id=\"text-area\"\n              ref={textAreaRef}\n              value={otherReason}\n              onChange={handleOtherReasonChange}\n            />\n          )}\n        </Styled.ContentWrapper>\n      </Styled.OuterWrapper>\n      <Styled.FooterWrapper\n        $gutterX={isMobile ? 1 : 2.5}\n        $gapX={isMobile ? 1 : 2.5}\n        $flexDirection=\"row\"\n        $flexColumnGapX={1.5}\n      >\n        <TextButton\n          label=\"Continue\"\n          onClick={handleContinue}\n          color=\"WHITE\"\n          disabled={isSubmitDisabled}\n        />\n        <TextButton label=\"Close\" onClick={closeModal} color=\"WHITE\" />\n      </Styled.FooterWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default memo(TutorChange);\n"],"names":["TutorChange","device","useTheme","reason","setReason","useState","otherReason","setOtherReason","isMobile","EDeviceType","closeModal","useModalActions","textAreaRef","useRef","onContinue","demoId","useModalParams","handleSelectReason","useCallback","id","handleOtherReasonChange","event","isOtherReasonSelected","TUTOR_CHANGE_REASON_IDS","isSubmitDisabled","handleContinue","useEffect","_a","_b","jsxs","Styled.Container","Styled.OuterWrapper","jsx","FlexView","Text","Styled.ContentWrapper","changeTutorReasons","label","PillButton","Styled.StyledTextArea","Styled.FooterWrapper","TextButton","tutorChange","memo"],"mappings":"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"}