@cuemath/leap 3.4.3 → 3.4.4-akm-1

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 { COUNTRY_MAP } from '../../../constants/country';\nimport type IStudentSchool from '../../../types/models/school';\nimport type { ISectionOption } from '../../ui/section-list/section-list-types';\nimport type { TTestType } from '../types';\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';\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\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 { LOTTIE } from '../../../assets/lottie/lottie';\nimport { COUNTRY_MAP } from '../../../constants/country';\nimport type IStudentSchool from '../../../types/models/school';\nimport type { ISectionOption } from '../../ui/section-list/section-list-types';\nimport type { TTestType } from '../types';\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';\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  TMilestoneConfigOption,\n  TMilestoneFormFlow,\n  TPreferenceCategory,\n} from './milestone-create-types';\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\ninterface IGetSchoolTestsFromConfig {\n  (config: IMilestoneConfig): TMilestoneConfigOption[];\n}\n\nconst getSchoolTestsFromConfig: IGetSchoolTestsFromConfig = config => {\n  return config.academic_events.reduce<TMilestoneConfigOption[]>((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): TMilestoneConfigOption[];\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  ): TMilestoneConfigOption[];\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<TMilestoneConfigOption[]>((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  ): TMilestoneConfigOption[];\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        preference_description_2: extendedDescription,\n        lottie_key: lottie,\n        preference_category: category,\n      }) => ({\n        id,\n        label,\n        description,\n        lottie: lottie as keyof typeof LOTTIE,\n        extendedDescription,\n        category,\n      }),\n    );\n};\n\ninterface IGetGradeBasedOnGoalAvailability {\n  (\n    config: IMilestoneConfig,\n    selectedGoalCategory: string,\n    courseStream: TCourseStream,\n    enrollmentType: TEnrollmentTypes,\n    isTeacherTrainingAccount?: boolean,\n  ): TMilestoneConfigOption[];\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 }: TMilestoneConfigOption) => {\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  ): TMilestoneConfigOption[];\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<TMilestoneConfigOption[]>((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","extendedDescription","lottie","category","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","defaultBoard","_b"],"mappings":"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"}

package/dist/features/post-game-stats/accuracy/accuracy-comps.js.map

@@ -1 +1 @@
-{"version":3,"file":"accuracy-comps.js","sources":["../../../../src/features/post-game-stats/accuracy/accuracy-comps.tsx"],"sourcesContent":["import Text from '../../ui/text/text';\nimport type { IAnimatedPercentTextProps } from './accuracy-types';\nimport { useAnimatedValue } from './accuracy-utils';\n\nexport const AnimatedPercentTextInput = ({ accuracy, time }: IAnimatedPercentTextProps) => {\n  const animatedValue = useAnimatedValue(0, accuracy, time);\n\n  return <Text $renderAs=\"ah3\" $color=\"WHITE\">{`${Math.round(animatedValue)}%`}</Text>;\n};\n"],"names":["AnimatedPercentTextInput","accuracy","time","animatedValue","useAnimatedValue","jsx","Text"],"mappings":";;;AAIO,MAAMA,IAA2B,CAAC,EAAE,UAAAC,GAAU,MAAAC,QAAsC;AACzF,QAAMC,IAAgBC,EAAiB,GAAGH,GAAUC,CAAI;AAEjD,SAAA,gBAAAG,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAS,UAAA,GAAG,KAAK,MAAMH,CAAa,CAAC,IAAI,CAAA;AAC/E;"}
+{"version":3,"file":"accuracy-comps.js","sources":["../../../../src/features/post-game-stats/accuracy/accuracy-comps.tsx"],"sourcesContent":["import type { IAnimatedPercentTextProps } from './accuracy-types';\n\nimport Text from '../../ui/text/text';\nimport { useAnimatedValue } from './accuracy-utils';\n\nexport const AnimatedPercentTextInput = ({ accuracy, time }: IAnimatedPercentTextProps) => {\n  const animatedValue = useAnimatedValue(0, accuracy, time);\n\n  return <Text $renderAs=\"ah3\" $color=\"WHITE\">{`${Math.round(animatedValue)}%`}</Text>;\n};\n"],"names":["AnimatedPercentTextInput","accuracy","time","animatedValue","useAnimatedValue","jsx","Text"],"mappings":";;;AAKO,MAAMA,IAA2B,CAAC,EAAE,UAAAC,GAAU,MAAAC,QAAsC;AACzF,QAAMC,IAAgBC,EAAiB,GAAGH,GAAUC,CAAI;AAEjD,SAAA,gBAAAG,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAS,UAAA,GAAG,KAAK,MAAMH,CAAa,CAAC,IAAI,CAAA;AAC/E;"}

package/dist/features/post-game-stats/accuracy/accuracy-styled.js

@@ -1,6 +1,6 @@
 import o, { keyframes as r, css as s } from "styled-components";
-import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import { GAME_LAUNCHER_ASSET_PADDING as a } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as a } from "../../circle-games/game-launcher-v2/comps/circular-game-card/constants.js";
 const p = 50 * 84 / 100, c = r`
   0%{
     opacity: 0;

package/dist/features/post-game-stats/accuracy/accuracy-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"accuracy-styled.js","sources":["../../../../src/features/post-game-stats/accuracy/accuracy-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Accuracy = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const AccuracyMeterLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  flex: 1;\n  z-index: 1;\n`;\n\nexport const AnimatedAccuracyNeedleContainer = styled.div<{\n  $translateX?: number;\n  $translateY?: number;\n  $rotate?: number;\n}>`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n  transform: ${({ $translateX = 0, $translateY = 0, $rotate = 0 }) =>\n    `translateX(${$translateX}px) translateY(${$translateY}px) rotate(${$rotate}deg)`};\n`;\n\nexport const AccuracyNeedleLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n\nexport const PercentTextWrapper = styled.div<{\n  $animationType?: 'fadein' | 'fadeout';\n  $duration?: number;\n}>`\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n\n  ${({ $animationType, $duration }) =>\n    $animationType &&\n    $duration &&\n    css`\n      animation: ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards;\n    `}\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Accuracy","styled","GAME_LAUNCHER_SIZE","AccuracyMeterLottie","GAME_LAUNCHER_ASSET_PADDING","AnimatedAccuracyNeedleContainer","$translateX","$translateY","$rotate","AccuracyNeedleLottie","TextWrapper","$animationType","$duration","$delay","css","PercentTextWrapper"],"mappings":";;;AAKA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAWC,EAAO;AAAA,YACnBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAsBF,EAAO;AAAA,YAC9BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA;AAAA,GAM9CC,IAAkCJ,EAAO;AAAA,YAK1CC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,eAG5C,CAAC,EAAE,aAAAE,IAAc,GAAG,aAAAC,IAAc,GAAG,SAAAC,IAAU,EAAE,MAC5D,cAAcF,CAAW,kBAAkBC,CAAW,cAAcC,CAAO,MAAM;AAAA,GAGxEC,IAAuBR,EAAO;AAAA;AAAA;AAAA,GAK9BS,IAAcT,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,GAAW,QAAAC,QAAaC;AAAA,MACpDH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBX,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA,GAGlEmB,IAAqBd,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUrC,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,EAAU,MAC7BD,KACAC,KACAE;AAAA,mBACeH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS;AAAA,KACzE;AAAA;"}
+{"version":3,"file":"accuracy-styled.js","sources":["../../../../src/features/post-game-stats/accuracy/accuracy-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher-v2/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher-v2/comps/circular-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Accuracy = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const AccuracyMeterLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  flex: 1;\n  z-index: 1;\n`;\n\nexport const AnimatedAccuracyNeedleContainer = styled.div<{\n  $translateX?: number;\n  $translateY?: number;\n  $rotate?: number;\n}>`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n  transform: ${({ $translateX = 0, $translateY = 0, $rotate = 0 }) =>\n    `translateX(${$translateX}px) translateY(${$translateY}px) rotate(${$rotate}deg)`};\n`;\n\nexport const AccuracyNeedleLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n\nexport const PercentTextWrapper = styled.div<{\n  $animationType?: 'fadein' | 'fadeout';\n  $duration?: number;\n}>`\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n\n  ${({ $animationType, $duration }) =>\n    $animationType &&\n    $duration &&\n    css`\n      animation: ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms linear forwards;\n    `}\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Accuracy","styled","GAME_LAUNCHER_SIZE","AccuracyMeterLottie","GAME_LAUNCHER_ASSET_PADDING","AnimatedAccuracyNeedleContainer","$translateX","$translateY","$rotate","AccuracyNeedleLottie","TextWrapper","$animationType","$duration","$delay","css","PercentTextWrapper"],"mappings":";;;AAKA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAWC,EAAO;AAAA,YACnBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAsBF,EAAO;AAAA,YAC9BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA;AAAA,GAM9CC,IAAkCJ,EAAO;AAAA,YAK1CC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,eAG5C,CAAC,EAAE,aAAAE,IAAc,GAAG,aAAAC,IAAc,GAAG,SAAAC,IAAU,EAAE,MAC5D,cAAcF,CAAW,kBAAkBC,CAAW,cAAcC,CAAO,MAAM;AAAA,GAGxEC,IAAuBR,EAAO;AAAA;AAAA;AAAA,GAK9BS,IAAcT,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,GAAW,QAAAC,QAAaC;AAAA,MACpDH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBX,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA,GAGlEmB,IAAqBd,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUrC,CAAC,EAAE,gBAAAU,GAAgB,WAAAC,EAAU,MAC7BD,KACAC,KACAE;AAAA,mBACeH,MAAmB,WAAWd,IAASE,CAAO,IAAIa,CAAS;AAAA,KACzE;AAAA;"}

package/dist/features/post-game-stats/clock/clock-styled.js

@@ -1,6 +1,6 @@
 import o, { keyframes as e, css as p } from "styled-components";
-import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import { GAME_LAUNCHER_ASSET_PADDING as i } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import { GAME_LAUNCHER_SIZE as t } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as i } from "../../circle-games/game-launcher-v2/comps/circular-game-card/constants.js";
 const r = 50 * 84 / 100, c = e`
   0%{
     opacity: 0;

package/dist/features/post-game-stats/clock/clock-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"clock-styled.js","sources":["../../../../src/features/post-game-stats/clock/clock-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Clock = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const ClockLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 1;\n`;\n\nexport const ClockTimeSpentLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Clock","styled","GAME_LAUNCHER_SIZE","ClockLottie","GAME_LAUNCHER_ASSET_PADDING","ClockTimeSpentLottie","TextWrapper","$animationType","$duration","$delay","css"],"mappings":";;;AAKA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAQC,EAAO;AAAA,YAChBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAcF,EAAO;AAAA,YACtBC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CC,IAAuBJ,EAAO;AAAA,YAC/BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CE,IAAcL,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAM,GAAgB,WAAAC,GAAW,QAAAC,QAAaC;AAAA,MACpDH,MAAmB,WAAWV,IAASE,CAAO,IAAIS,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBP,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA;"}
+{"version":3,"file":"clock-styled.js","sources":["../../../../src/features/post-game-stats/clock/clock-styled.tsx"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher-v2/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher-v2/comps/circular-game-card/constants';\n\nconst MASK_PADDING = (50 * 84) / 100;\n\nconst fadeIn = keyframes`\n  0%{\n    opacity: 0;\n  }\n  100%{\n    opacity: 1;\n  }\n`;\n\nconst fadeOut = keyframes`\n  0%{\n    opacity: 1;\n  }\n  100%{\n    opacity: 0;\n  }\n`;\n\nexport const Clock = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n`;\n\nexport const ClockLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 1;\n`;\n\nexport const ClockTimeSpentLottie = styled.div`\n  height: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  width: ${GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING}px;\n  position: absolute;\n  z-index: 2;\n`;\n\nexport const TextWrapper = styled.div<{\n  $duration: number;\n  $delay: number;\n  $animationType: 'fadein' | 'fadeout';\n}>`\n  z-index: 2;\n  opacity: 0;\n  position: absolute;\n  animation: ${({ $animationType, $duration, $delay }) => css`\n    ${$animationType === 'fadein' ? fadeIn : fadeOut} ${$duration}ms ${$delay}ms ease forwards\n  `};\n  transform: translateY(${((GAME_LAUNCHER_SIZE + MASK_PADDING) * 84) / 200 + 25}px);\n`;\n"],"names":["MASK_PADDING","fadeIn","keyframes","fadeOut","Clock","styled","GAME_LAUNCHER_SIZE","ClockLottie","GAME_LAUNCHER_ASSET_PADDING","ClockTimeSpentLottie","TextWrapper","$animationType","$duration","$delay","css"],"mappings":";;;AAKA,MAAMA,IAAgB,KAAK,KAAM,KAE3BC,IAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASHE,IAAQC,EAAO;AAAA,YAChBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAcF,EAAO;AAAA,YACtBC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CC,IAAuBJ,EAAO;AAAA,YAC/BC,IAAqBE,CAA2B;AAAA,WACjDF,IAAqBE,CAA2B;AAAA;AAAA;AAAA,GAK9CE,IAAcL,EAAO;AAAA;AAAA;AAAA;AAAA,eAQnB,CAAC,EAAE,gBAAAM,GAAgB,WAAAC,GAAW,QAAAC,QAAaC;AAAA,MACpDH,MAAmB,WAAWV,IAASE,CAAO,IAAIS,CAAS,MAAMC,CAAM;AAAA,GAC1E;AAAA,2BACyBP,IAAqBN,KAAgB,KAAM,MAAM,EAAE;AAAA;"}

package/dist/features/post-game-stats/digital-meter/constants.js

@@ -1,4 +1,4 @@
-import { GAME_LAUNCHER_SIZE as A, GAME_LAUNCHER_SIZE_LARGE as _ } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_SIZE as A, GAME_LAUNCHER_SIZE_LARGE as _ } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
 import { ANIMATED_ARC_Z_INDEX as E } from "../../ui/animated-arc/animated-arc-constants.js";
 const L = 300, R = 2, t = 150, I = E + 1, N = I + 1, O = N + 1, D = A === _ ? 16 : 12, c = (A - R) / 2, n = 3.8, s = 2 / 30, C = 2.37, G = 12 / 30, S = 20 / 30, M = 43 / 30;
 export {

package/dist/features/post-game-stats/digital-meter/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/digital-meter/constants.ts"],"sourcesContent":["import {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { ANIMATED_ARC_Z_INDEX } from '../../ui/animated-arc/animated-arc-constants';\n\nexport const TOTAL_ARC_AVAILABLE = 300;\n\nconst BORDER_OFFSET = 2;\n\n//Animated Arc\nexport const ANIMATED_ARC_START_ANGLE = 150;\n\nexport const LINE_MARKING_Z_INDEX = ANIMATED_ARC_Z_INDEX + 1;\nexport const CONTENT_CONTAINER_Z_INDEX = LINE_MARKING_Z_INDEX + 1;\nexport const NUMBER_MARKING_Z_INDEX = CONTENT_CONTAINER_Z_INDEX + 1;\nexport const STROKE_WIDTH = GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 16 : 12;\nexport const ARC_RADIUS = (GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2;\n\n// animation details\nexport const TOTAL_ANIMATION_DURATION = 3.8; // in sec\nexport const TARGET_HELPER_TEXT_APPEAR_DELAY = 2 / 30; // delay of 2 frames\nexport const TARGET_ACHIEVED_DELAY = 2.37; // delay of 3 sec\nexport const PROGRESS_FILL_DELAY = 12 / 30; // delay of 12 frames\nexport const PROGRESS_FILL_DURATION = 20 / 30; // in 20 frames\nexport const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\n"],"names":["TOTAL_ARC_AVAILABLE","BORDER_OFFSET","ANIMATED_ARC_START_ANGLE","LINE_MARKING_Z_INDEX","ANIMATED_ARC_Z_INDEX","CONTENT_CONTAINER_Z_INDEX","NUMBER_MARKING_Z_INDEX","STROKE_WIDTH","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","ARC_RADIUS","TOTAL_ANIMATION_DURATION","TARGET_HELPER_TEXT_APPEAR_DELAY","TARGET_ACHIEVED_DELAY","PROGRESS_FILL_DELAY","PROGRESS_FILL_DURATION","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;AAMO,MAAMA,IAAsB,KAE7BC,IAAgB,GAGTC,IAA2B,KAE3BC,IAAuBC,IAAuB,GAC9CC,IAA4BF,IAAuB,GACnDG,IAAyBD,IAA4B,GACrDE,IAAeC,MAAuBC,IAA2B,KAAK,IACtEC,KAAcF,IAAqBP,KAAiB,GAGpDU,IAA2B,KAC3BC,IAAkC,IAAI,IACtCC,IAAwB,MACxBC,IAAsB,KAAK,IAC3BC,IAAyB,KAAK,IAC9BC,IAAmC,KAAK;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/post-game-stats/digital-meter/constants.ts"],"sourcesContent":["import {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher-v2/comps/card-container/constants';\nimport { ANIMATED_ARC_Z_INDEX } from '../../ui/animated-arc/animated-arc-constants';\n\nexport const TOTAL_ARC_AVAILABLE = 300;\n\nconst BORDER_OFFSET = 2;\n\n//Animated Arc\nexport const ANIMATED_ARC_START_ANGLE = 150;\n\nexport const LINE_MARKING_Z_INDEX = ANIMATED_ARC_Z_INDEX + 1;\nexport const CONTENT_CONTAINER_Z_INDEX = LINE_MARKING_Z_INDEX + 1;\nexport const NUMBER_MARKING_Z_INDEX = CONTENT_CONTAINER_Z_INDEX + 1;\nexport const STROKE_WIDTH = GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 16 : 12;\nexport const ARC_RADIUS = (GAME_LAUNCHER_SIZE - BORDER_OFFSET) / 2;\n\n// animation details\nexport const TOTAL_ANIMATION_DURATION = 3.8; // in sec\nexport const TARGET_HELPER_TEXT_APPEAR_DELAY = 2 / 30; // delay of 2 frames\nexport const TARGET_ACHIEVED_DELAY = 2.37; // delay of 3 sec\nexport const PROGRESS_FILL_DELAY = 12 / 30; // delay of 12 frames\nexport const PROGRESS_FILL_DURATION = 20 / 30; // in 20 frames\nexport const RAINBOW_COLOR_ANIMATION_DURATION = 43 / 30; // 43 frames;\n"],"names":["TOTAL_ARC_AVAILABLE","BORDER_OFFSET","ANIMATED_ARC_START_ANGLE","LINE_MARKING_Z_INDEX","ANIMATED_ARC_Z_INDEX","CONTENT_CONTAINER_Z_INDEX","NUMBER_MARKING_Z_INDEX","STROKE_WIDTH","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","ARC_RADIUS","TOTAL_ANIMATION_DURATION","TARGET_HELPER_TEXT_APPEAR_DELAY","TARGET_ACHIEVED_DELAY","PROGRESS_FILL_DELAY","PROGRESS_FILL_DURATION","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;AAMO,MAAMA,IAAsB,KAE7BC,IAAgB,GAGTC,IAA2B,KAE3BC,IAAuBC,IAAuB,GAC9CC,IAA4BF,IAAuB,GACnDG,IAAyBD,IAA4B,GACrDE,IAAeC,MAAuBC,IAA2B,KAAK,IACtEC,KAAcF,IAAqBP,KAAiB,GAGpDU,IAA2B,KAC3BC,IAAkC,IAAI,IACtCC,IAAwB,MACxBC,IAAsB,KAAK,IAC3BC,IAAyB,KAAK,IAC9BC,IAAmC,KAAK;"}

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js

@@ -1,5 +1,5 @@
 import o, { keyframes as e } from "styled-components";
-import { GAME_LAUNCHER_SIZE as r, GAME_LAUNCHER_SIZE_LARGE as s } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_SIZE as r, GAME_LAUNCHER_SIZE_LARGE as s } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
 import i from "../../ui/text/text.js";
 import { CONTENT_CONTAINER_Z_INDEX as l, LINE_MARKING_Z_INDEX as d, ANIMATED_ARC_START_ANGLE as n, NUMBER_MARKING_Z_INDEX as m, TARGET_HELPER_TEXT_APPEAR_DELAY as a, RAINBOW_COLOR_ANIMATION_DURATION as p } from "./constants.js";
 import { rainbowColorAnimation as f } from "./helper.js";

package/dist/features/post-game-stats/digital-meter/digital-meter-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"digital-meter-styled.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport Text from '../../ui/text/text';\nimport {\n  ANIMATED_ARC_START_ANGLE,\n  CONTENT_CONTAINER_Z_INDEX,\n  LINE_MARKING_Z_INDEX,\n  NUMBER_MARKING_Z_INDEX,\n  RAINBOW_COLOR_ANIMATION_DURATION,\n  TARGET_HELPER_TEXT_APPEAR_DELAY,\n} from './constants';\nimport { rainbowColorAnimation } from './helper';\n\nexport const DigitalMeter = styled.div<{ $isTargetAchieved: boolean }>`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border-radius: 100%;\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  animation: ${({ $isTargetAchieved }) =>\n      $isTargetAchieved ? keyframes`100%{transform: scale(1.02)}` : 'unset'}\n    0.133s ease alternate;\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: ${CONTENT_CONTAINER_Z_INDEX};\n  height: 92%;\n  width: 92%;\n  border-radius: 100%;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n`;\n\nexport const NumberCountContainer = styled.div`\n  position: relative;\n  flex-grow: 1;\n  bottom: ${GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? -8 : -6}px;\n`;\n\nexport const AbsoluteView = styled.div`\n  position: absolute;\n`;\n\nexport const LineMarking = styled.div<{\n  $angle: number;\n}>`\n  width: ${GAME_LAUNCHER_SIZE / 2}px;\n  height: 2px;\n  position: absolute;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  transform-origin: left;\n  transform: rotate(${({ $angle }) => -240 + $angle}deg);\n  left: ${GAME_LAUNCHER_SIZE / 2}px;\n  top: ${GAME_LAUNCHER_SIZE / 2}px;\n  z-index: ${LINE_MARKING_Z_INDEX};\n`;\n\nexport const MarkingContainer = styled.div<{ $angle: number }>`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE - GAME_LAUNCHER_SIZE * 0.0625 - 10}px;\n  transform: rotate(${({ $angle }) => -ANIMATED_ARC_START_ANGLE + $angle}deg);\n  z-index: ${NUMBER_MARKING_Z_INDEX};\n`;\n\nexport const MarkingText = styled.div<{ $angle: number }>`\n  transform: rotate(${({ $angle }) => ANIMATED_ARC_START_ANGLE - $angle}deg);\n`;\n\nexport const BottomAbsoluteView = styled.div<{ top: number }>`\n  position: absolute;\n  top: 0;\n  transform: ${({ top }) => `translateY(${top}px)`};\n`;\n\nexport const HelperTextPrimary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease-in-out ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const HelperTextSecondary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const TargetAchievedTextLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const RainboxColorText = styled(Text)<{ $isTargetAchieved: boolean }>`\n  animation: ${({ $isTargetAchieved }) => ($isTargetAchieved ? rainbowColorAnimation : 'unset')}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["DigitalMeter","styled","GAME_LAUNCHER_SIZE","theme","$isTargetAchieved","keyframes","ContentContainer","CONTENT_CONTAINER_Z_INDEX","NumberCountContainer","GAME_LAUNCHER_SIZE_LARGE","LineMarking","$angle","LINE_MARKING_Z_INDEX","MarkingContainer","ANIMATED_ARC_START_ANGLE","NUMBER_MARKING_Z_INDEX","MarkingText","BottomAbsoluteView","top","HelperTextPrimary","Text","TARGET_HELPER_TEXT_APPEAR_DELAY","HelperTextSecondary","RainboxColorText","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;;AAiBO,MAAMA,IAAeC,EAAO;AAAA,YACvBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA,sBACP,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,eACxC,CAAC,EAAE,mBAAAC,QACZA,IAAoBC,kCAA0C,OAAO;AAAA;AAAA,GAI9DC,IAAmBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAK1BM,CAAyB;AAAA;AAAA;AAAA;AAAA,sBAIhB,CAAC,EAAE,OAAAJ,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAG5CK,IAAuBP,EAAO;AAAA;AAAA;AAAA,YAG/BC,MAAuBO,IAA2B,KAAK,EAAE;AAAA;AAGzCR,EAAO;AAAA;AAAA;AAI5B,MAAMS,IAAcT,EAAO;AAAA,WAGvBC,IAAqB,CAAC;AAAA;AAAA;AAAA,sBAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAInC,CAAC,EAAE,QAAAQ,EAAO,MAAM,OAAOA,CAAM;AAAA,UACzCT,IAAqB,CAAC;AAAA,SACvBA,IAAqB,CAAC;AAAA,aAClBU,CAAoB;AAAA,GAGpBC,IAAmBZ,EAAO;AAAA;AAAA,YAE3BC,IAAqBA,IAAqB,SAAS,EAAE;AAAA,sBAC3C,CAAC,EAAE,QAAAS,EAAA,MAAa,CAACG,IAA2BH,CAAM;AAAA,aAC3DI,CAAsB;AAAA,GAGtBC,IAAcf,EAAO;AAAA,sBACZ,CAAC,EAAE,QAAAU,QAAaG,IAA2BH,CAAM;AAAA,GAG1DM,IAAqBhB,EAAO;AAAA;AAAA;AAAA,eAG1B,CAAC,EAAE,KAAAiB,EAAU,MAAA,cAAcA,CAAG,KAAK;AAAA,GAGrCC,IAAoBlB,EAAOmB,CAAI;AAAA,eAC7Bf,iEAAyE;AAAA,kBACtEgB,CAA+B;AAAA,GAGpCC,IAAsBrB,EAAOmB,CAAI;AAAA,eAC/Bf,iEAAyE;AAAA,WAC7EgB,CAA+B;AAAA;AAGFpB,EAAO;AAAA;AAAA;AAAA;AAKlC,MAAAsB,IAAmBtB,EAAOmB,CAAI;AAAA,eAC5B,CAAC,EAAE,mBAAAhB,EAAA,MAAyBA,IAAoBoB,IAAwB,OAAQ;AAAA,MACzFC,CAAgC;AAAA;"}
+{"version":3,"file":"digital-meter-styled.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher-v2/comps/card-container/constants';\nimport Text from '../../ui/text/text';\nimport {\n  ANIMATED_ARC_START_ANGLE,\n  CONTENT_CONTAINER_Z_INDEX,\n  LINE_MARKING_Z_INDEX,\n  NUMBER_MARKING_Z_INDEX,\n  RAINBOW_COLOR_ANIMATION_DURATION,\n  TARGET_HELPER_TEXT_APPEAR_DELAY,\n} from './constants';\nimport { rainbowColorAnimation } from './helper';\n\nexport const DigitalMeter = styled.div<{ $isTargetAchieved: boolean }>`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  border-radius: 100%;\n  border: 1px solid ${({ theme }) => theme.colors.WHITE};\n  animation: ${({ $isTargetAchieved }) =>\n      $isTargetAchieved ? keyframes`100%{transform: scale(1.02)}` : 'unset'}\n    0.133s ease alternate;\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: ${CONTENT_CONTAINER_Z_INDEX};\n  height: 92%;\n  width: 92%;\n  border-radius: 100%;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n`;\n\nexport const NumberCountContainer = styled.div`\n  position: relative;\n  flex-grow: 1;\n  bottom: ${GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? -8 : -6}px;\n`;\n\nexport const AbsoluteView = styled.div`\n  position: absolute;\n`;\n\nexport const LineMarking = styled.div<{\n  $angle: number;\n}>`\n  width: ${GAME_LAUNCHER_SIZE / 2}px;\n  height: 2px;\n  position: absolute;\n  background-color: ${({ theme }) => theme.colors.BLACK_2};\n  transform-style: preserve-3d;\n  backface-visibility: hidden;\n  transform-origin: left;\n  transform: rotate(${({ $angle }) => -240 + $angle}deg);\n  left: ${GAME_LAUNCHER_SIZE / 2}px;\n  top: ${GAME_LAUNCHER_SIZE / 2}px;\n  z-index: ${LINE_MARKING_Z_INDEX};\n`;\n\nexport const MarkingContainer = styled.div<{ $angle: number }>`\n  position: absolute;\n  height: ${GAME_LAUNCHER_SIZE - GAME_LAUNCHER_SIZE * 0.0625 - 10}px;\n  transform: rotate(${({ $angle }) => -ANIMATED_ARC_START_ANGLE + $angle}deg);\n  z-index: ${NUMBER_MARKING_Z_INDEX};\n`;\n\nexport const MarkingText = styled.div<{ $angle: number }>`\n  transform: rotate(${({ $angle }) => ANIMATED_ARC_START_ANGLE - $angle}deg);\n`;\n\nexport const BottomAbsoluteView = styled.div<{ top: number }>`\n  position: absolute;\n  top: 0;\n  transform: ${({ top }) => `translateY(${top}px)`};\n`;\n\nexport const HelperTextPrimary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease-in-out ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const HelperTextSecondary = styled(Text)`\n  animation: ${keyframes`from{transform: translateY(-6px)} to{transform: translateY(0)}`} 0.133s\n    ease ${TARGET_HELPER_TEXT_APPEAR_DELAY}s forwards;\n`;\n\nexport const TargetAchievedTextLottie = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nexport const RainboxColorText = styled(Text)<{ $isTargetAchieved: boolean }>`\n  animation: ${({ $isTargetAchieved }) => ($isTargetAchieved ? rainbowColorAnimation : 'unset')}\n    ${RAINBOW_COLOR_ANIMATION_DURATION}s ease infinite forwards;\n`;\n"],"names":["DigitalMeter","styled","GAME_LAUNCHER_SIZE","theme","$isTargetAchieved","keyframes","ContentContainer","CONTENT_CONTAINER_Z_INDEX","NumberCountContainer","GAME_LAUNCHER_SIZE_LARGE","LineMarking","$angle","LINE_MARKING_Z_INDEX","MarkingContainer","ANIMATED_ARC_START_ANGLE","NUMBER_MARKING_Z_INDEX","MarkingText","BottomAbsoluteView","top","HelperTextPrimary","Text","TARGET_HELPER_TEXT_APPEAR_DELAY","HelperTextSecondary","RainboxColorText","rainbowColorAnimation","RAINBOW_COLOR_ANIMATION_DURATION"],"mappings":";;;;;AAiBO,MAAMA,IAAeC,EAAO;AAAA,YACvBC,CAAkB;AAAA,WACnBA,CAAkB;AAAA,sBACP,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnC,CAAC,EAAE,OAAAA,EAAA,MAAYA,EAAM,OAAO,KAAK;AAAA,eACxC,CAAC,EAAE,mBAAAC,QACZA,IAAoBC,kCAA0C,OAAO;AAAA;AAAA,GAI9DC,IAAmBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAK1BM,CAAyB;AAAA;AAAA;AAAA;AAAA,sBAIhB,CAAC,EAAE,OAAAJ,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,GAG5CK,IAAuBP,EAAO;AAAA;AAAA;AAAA,YAG/BC,MAAuBO,IAA2B,KAAK,EAAE;AAAA;AAGzCR,EAAO;AAAA;AAAA;AAI5B,MAAMS,IAAcT,EAAO;AAAA,WAGvBC,IAAqB,CAAC;AAAA;AAAA;AAAA,sBAGX,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAInC,CAAC,EAAE,QAAAQ,EAAO,MAAM,OAAOA,CAAM;AAAA,UACzCT,IAAqB,CAAC;AAAA,SACvBA,IAAqB,CAAC;AAAA,aAClBU,CAAoB;AAAA,GAGpBC,IAAmBZ,EAAO;AAAA;AAAA,YAE3BC,IAAqBA,IAAqB,SAAS,EAAE;AAAA,sBAC3C,CAAC,EAAE,QAAAS,EAAA,MAAa,CAACG,IAA2BH,CAAM;AAAA,aAC3DI,CAAsB;AAAA,GAGtBC,IAAcf,EAAO;AAAA,sBACZ,CAAC,EAAE,QAAAU,QAAaG,IAA2BH,CAAM;AAAA,GAG1DM,IAAqBhB,EAAO;AAAA;AAAA;AAAA,eAG1B,CAAC,EAAE,KAAAiB,EAAU,MAAA,cAAcA,CAAG,KAAK;AAAA,GAGrCC,IAAoBlB,EAAOmB,CAAI;AAAA,eAC7Bf,iEAAyE;AAAA,kBACtEgB,CAA+B;AAAA,GAGpCC,IAAsBrB,EAAOmB,CAAI;AAAA,eAC/Bf,iEAAyE;AAAA,WAC7EgB,CAA+B;AAAA;AAGFpB,EAAO;AAAA;AAAA;AAAA;AAKlC,MAAAsB,IAAmBtB,EAAOmB,CAAI;AAAA,eAC5B,CAAC,EAAE,mBAAAhB,EAAA,MAAyBA,IAAoBoB,IAAwB,OAAQ;AAAA,MACzFC,CAAgC;AAAA;"}

package/dist/features/post-game-stats/digital-meter/digital-meter.js

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as r, Fragment as k } from "react/jsx-runtime";
 import U, { memo as Y, useState as B, useCallback as K, useEffect as P } from "react";
 import { LOTTIE as j } from "../../../assets/lottie/lottie.js";
-import { GAME_LAUNCHER_SIZE as o, GAME_LAUNCHER_SIZE_LARGE as d } from "../../circle-games/game-launcher/comps/card-container/constants.js";
+import { GAME_LAUNCHER_SIZE as o, GAME_LAUNCHER_SIZE_LARGE as d } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
 import { useCircleSounds as Z } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
 import { CircleSoundKey as T } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
 import I from "../../ui/animated-arc/animated-arc.js";

package/dist/features/post-game-stats/digital-meter/digital-meter.js.map

@@ -1 +1 @@
-{"version":3,"file":"digital-meter.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { memo, useCallback, useEffect, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher/comps/card-container/constants';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport AnimatedArc from '../../ui/animated-arc/animated-arc';\nimport FlexView from '../../ui/layout/flex-view';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { NumberCountAnimation } from '../number-count-animation/number-count-animation';\nimport {\n  ANIMATED_ARC_START_ANGLE,\n  ARC_RADIUS,\n  PROGRESS_FILL_DELAY,\n  PROGRESS_FILL_DURATION,\n  STROKE_WIDTH,\n  TARGET_ACHIEVED_DELAY,\n  TOTAL_ANIMATION_DURATION,\n  TOTAL_ARC_AVAILABLE,\n} from './constants';\nimport * as Styled from './digital-meter-styled';\nimport type { IDigitalMeterProps } from './digital-meter-types';\n\nconst settings = {\n  renderer: 'canvas',\n};\n\nexport const DigitalMeter: FC<IDigitalMeterProps> = memo(\n  ({\n    show,\n    value,\n    maxValue,\n    targetValue = 0,\n    displayText,\n    progressType,\n    helperTextPrimary,\n    helperTextSecondary,\n    onComplete,\n    actAsTimer,\n  }) => {\n    const [isTargetAchieved, setIsTargetAchieved] = useState(false);\n    const { play } = useCircleSounds();\n\n    const isTargetValueAchieved = useCallback(\n      (valueToCompare: number) => {\n        if (targetValue) {\n          if (actAsTimer) {\n            return valueToCompare <= targetValue;\n          }\n\n          return valueToCompare >= targetValue;\n        }\n\n        return false;\n      },\n      [targetValue, actAsTimer],\n    );\n\n    useEffect(() => {\n      let timer: ReturnType<typeof setTimeout>;\n      let timerForAnimationComplete: ReturnType<typeof setTimeout>;\n      const isTargetAchievedFlag = isTargetValueAchieved(value);\n\n      if (show) {\n        play(actAsTimer ? CircleSoundKey.TIME_INTRO : CircleSoundKey.ACCURACY_INTRO);\n        play(CircleSoundKey.METER_FILL);\n        if (isTargetAchievedFlag) {\n          timer = setTimeout(() => {\n            play(actAsTimer ? CircleSoundKey.TIME_TARGET : CircleSoundKey.ACCURACY_TARGET);\n            setIsTargetAchieved(true);\n          }, TARGET_ACHIEVED_DELAY * 1000);\n        }\n\n        const timeToFinishAnimation = isTargetAchievedFlag\n          ? TOTAL_ANIMATION_DURATION\n          : TARGET_ACHIEVED_DELAY;\n\n        timerForAnimationComplete = setTimeout(() => {\n          onComplete();\n        }, timeToFinishAnimation * 1000);\n      }\n\n      return () => {\n        timer && clearTimeout(timer);\n        timerForAnimationComplete && clearTimeout(timerForAnimationComplete);\n      };\n    }, [show, value, onComplete, isTargetValueAchieved, actAsTimer, play]);\n\n    if (!show) return null;\n\n    return (\n      <Styled.DigitalMeter $isTargetAchieved={isTargetAchieved}>\n        {/* complete arc area to be filled */}\n        <AnimatedArc\n          targetAngle={TOTAL_ARC_AVAILABLE}\n          strokeWidth={STROKE_WIDTH}\n          color=\"BLACK_5\"\n          radius={ARC_RADIUS}\n          duration={0}\n          startAngle={-ANIMATED_ARC_START_ANGLE}\n        />\n\n        {/* center area for the content */}\n        <Styled.ContentContainer>\n          <FlexView $flexDirection=\"column\" $alignItems=\"center\">\n            <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n              <Styled.NumberCountContainer>\n                <Styled.RainboxColorText\n                  $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ah1' : 'ah2'}\n                  $color=\"GREEN_4\"\n                  $isTargetAchieved={isTargetAchieved}\n                >\n                  <NumberCountAnimation\n                    initialValue={0}\n                    targetValue={Math.floor(value)}\n                    durationInSec={PROGRESS_FILL_DURATION}\n                    delayInSec={PROGRESS_FILL_DELAY}\n                  />\n                </Styled.RainboxColorText>\n              </Styled.NumberCountContainer>\n              {progressType === 'stepper' && (\n                <Text\n                  $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ah4' : 'ab1'}\n                  $color=\"WHITE\"\n                >\n                  /{maxValue}\n                </Text>\n              )}\n            </FlexView>\n            <Separator height={8} />\n            <Text\n              $renderAs={\n                GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n              }\n              $color=\"WHITE_T_60\"\n            >\n              {displayText}\n            </Text>\n          </FlexView>\n        </Styled.ContentContainer>\n\n        {/* stepper animation */}\n        {progressType === 'stepper' &&\n          Array.from({ length: value }, (_, index) => {\n            const arcLength = TOTAL_ARC_AVAILABLE / maxValue;\n\n            return (\n              <AnimatedArc\n                key={index}\n                startAngle={-ANIMATED_ARC_START_ANGLE + arcLength * index}\n                targetAngle={arcLength}\n                strokeWidth={STROKE_WIDTH}\n                color=\"GREEN_4\"\n                radius={ARC_RADIUS}\n                mode=\"fade\"\n                duration={PROGRESS_FILL_DURATION / maxValue}\n                delay={PROGRESS_FILL_DELAY + (PROGRESS_FILL_DURATION / maxValue) * index}\n                showAnimatedRainbowArc={isTargetAchieved}\n              />\n            );\n          })}\n\n        {/* numbers with markings */}\n        {progressType === 'stepper' &&\n          Array.from({ length: maxValue + 1 }, (_, index) => {\n            const arcLength = TOTAL_ARC_AVAILABLE / maxValue;\n\n            return (\n              <React.Fragment key={index}>\n                <Styled.LineMarking $angle={arcLength * index} />\n                <Styled.MarkingContainer key={index} $angle={arcLength * index}>\n                  <Styled.MarkingText $angle={arcLength * index}>\n                    <Styled.RainboxColorText\n                      $renderAs={\n                        GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n                      }\n                      $color={targetValue && targetValue === index ? 'GREEN_4' : 'WHITE_T_60'}\n                      $isTargetAchieved={\n                        targetValue === index && isTargetValueAchieved(index) && isTargetAchieved\n                      }\n                    >\n                      {index}\n                    </Styled.RainboxColorText>\n                  </Styled.MarkingText>\n                </Styled.MarkingContainer>\n              </React.Fragment>\n            );\n          })}\n\n        {/* progress of linear */}\n        {progressType === 'linear' && (\n          <>\n            <AnimatedArc\n              targetAngle={(value * TOTAL_ARC_AVAILABLE) / maxValue}\n              strokeWidth={STROKE_WIDTH}\n              color=\"GREEN_4\"\n              radius={ARC_RADIUS}\n              duration={PROGRESS_FILL_DURATION}\n              delay={PROGRESS_FILL_DELAY}\n              showAnimatedRainbowArc={isTargetAchieved}\n              startAngle={-ANIMATED_ARC_START_ANGLE}\n            />\n            <>\n              {/* target line marking */}\n              {targetValue && (\n                <Styled.LineMarking $angle={(targetValue * TOTAL_ARC_AVAILABLE) / maxValue} />\n              )}\n\n              {/* all markings */}\n              {Array.from(new Set([0, targetValue, maxValue])).map((val, index) => (\n                <Styled.MarkingContainer\n                  key={index}\n                  $angle={(val * TOTAL_ARC_AVAILABLE) / maxValue}\n                >\n                  <Styled.MarkingText $angle={(val * TOTAL_ARC_AVAILABLE) / maxValue}>\n                    <Styled.RainboxColorText\n                      $renderAs={\n                        GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n                      }\n                      $color={targetValue && targetValue === val ? 'GREEN_4' : 'WHITE_T_60'}\n                      $isTargetAchieved={\n                        targetValue === val && isTargetAchieved && isTargetValueAchieved(val)\n                      }\n                    >\n                      {val}\n                    </Styled.RainboxColorText>\n                  </Styled.MarkingText>\n                </Styled.MarkingContainer>\n              ))}\n            </>\n          </>\n        )}\n\n        {/* helper text below the animation */}\n        {isTargetAchieved && (\n          <Styled.BottomAbsoluteView top={GAME_LAUNCHER_SIZE}>\n            <LottieAnimation\n              src={LOTTIE.TARGET_ACHIEVED_TEXT}\n              settings={settings}\n              width={GAME_LAUNCHER_SIZE * 0.6}\n            />\n          </Styled.BottomAbsoluteView>\n        )}\n        {!isTargetAchieved && (\n          <Styled.BottomAbsoluteView top={GAME_LAUNCHER_SIZE}>\n            <Separator height={25} />\n            <FlexView $flexDirection=\"column\" $alignItems=\"center\">\n              <Styled.HelperTextPrimary\n                $renderAs={\n                  GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n                }\n                $color=\"WHITE_T_60\"\n              >\n                {helperTextPrimary}\n                <Separator height={GAME_LAUNCHER_SIZE * 0.03} />\n              </Styled.HelperTextPrimary>\n              <Styled.HelperTextSecondary\n                $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ah4' : 'ab1'}\n                $color=\"WHITE\"\n              >\n                {helperTextSecondary}\n              </Styled.HelperTextSecondary>\n            </FlexView>\n          </Styled.BottomAbsoluteView>\n        )}\n      </Styled.DigitalMeter>\n    );\n  },\n);\n"],"names":["settings","DigitalMeter","memo","show","value","maxValue","targetValue","displayText","progressType","helperTextPrimary","helperTextSecondary","onComplete","actAsTimer","isTargetAchieved","setIsTargetAchieved","useState","play","useCircleSounds","isTargetValueAchieved","useCallback","valueToCompare","useEffect","timer","timerForAnimationComplete","isTargetAchievedFlag","CircleSoundKey","TARGET_ACHIEVED_DELAY","TOTAL_ANIMATION_DURATION","jsxs","Styled.DigitalMeter","jsx","AnimatedArc","TOTAL_ARC_AVAILABLE","STROKE_WIDTH","ARC_RADIUS","ANIMATED_ARC_START_ANGLE","Styled.ContentContainer","FlexView","Styled.NumberCountContainer","Styled.RainboxColorText","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","NumberCountAnimation","PROGRESS_FILL_DURATION","PROGRESS_FILL_DELAY","Text","Separator","_","index","arcLength","React","Styled.LineMarking","Styled.MarkingContainer","Styled.MarkingText","Fragment","val","Styled.BottomAbsoluteView","LottieAnimation","LOTTIE","Styled.HelperTextPrimary","Styled.HelperTextSecondary"],"mappings":"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"}
+{"version":3,"file":"digital-meter.js","sources":["../../../../src/features/post-game-stats/digital-meter/digital-meter.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { memo, useCallback, useEffect, useState } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport {\n  GAME_LAUNCHER_SIZE,\n  GAME_LAUNCHER_SIZE_LARGE,\n} from '../../circle-games/game-launcher-v2/comps/card-container/constants';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport AnimatedArc from '../../ui/animated-arc/animated-arc';\nimport FlexView from '../../ui/layout/flex-view';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { NumberCountAnimation } from '../number-count-animation/number-count-animation';\nimport {\n  ANIMATED_ARC_START_ANGLE,\n  ARC_RADIUS,\n  PROGRESS_FILL_DELAY,\n  PROGRESS_FILL_DURATION,\n  STROKE_WIDTH,\n  TARGET_ACHIEVED_DELAY,\n  TOTAL_ANIMATION_DURATION,\n  TOTAL_ARC_AVAILABLE,\n} from './constants';\nimport * as Styled from './digital-meter-styled';\nimport type { IDigitalMeterProps } from './digital-meter-types';\n\nconst settings = {\n  renderer: 'canvas',\n};\n\nexport const DigitalMeter: FC<IDigitalMeterProps> = memo(\n  ({\n    show,\n    value,\n    maxValue,\n    targetValue = 0,\n    displayText,\n    progressType,\n    helperTextPrimary,\n    helperTextSecondary,\n    onComplete,\n    actAsTimer,\n  }) => {\n    const [isTargetAchieved, setIsTargetAchieved] = useState(false);\n    const { play } = useCircleSounds();\n\n    const isTargetValueAchieved = useCallback(\n      (valueToCompare: number) => {\n        if (targetValue) {\n          if (actAsTimer) {\n            return valueToCompare <= targetValue;\n          }\n\n          return valueToCompare >= targetValue;\n        }\n\n        return false;\n      },\n      [targetValue, actAsTimer],\n    );\n\n    useEffect(() => {\n      let timer: ReturnType<typeof setTimeout>;\n      let timerForAnimationComplete: ReturnType<typeof setTimeout>;\n      const isTargetAchievedFlag = isTargetValueAchieved(value);\n\n      if (show) {\n        play(actAsTimer ? CircleSoundKey.TIME_INTRO : CircleSoundKey.ACCURACY_INTRO);\n        play(CircleSoundKey.METER_FILL);\n        if (isTargetAchievedFlag) {\n          timer = setTimeout(() => {\n            play(actAsTimer ? CircleSoundKey.TIME_TARGET : CircleSoundKey.ACCURACY_TARGET);\n            setIsTargetAchieved(true);\n          }, TARGET_ACHIEVED_DELAY * 1000);\n        }\n\n        const timeToFinishAnimation = isTargetAchievedFlag\n          ? TOTAL_ANIMATION_DURATION\n          : TARGET_ACHIEVED_DELAY;\n\n        timerForAnimationComplete = setTimeout(() => {\n          onComplete();\n        }, timeToFinishAnimation * 1000);\n      }\n\n      return () => {\n        timer && clearTimeout(timer);\n        timerForAnimationComplete && clearTimeout(timerForAnimationComplete);\n      };\n    }, [show, value, onComplete, isTargetValueAchieved, actAsTimer, play]);\n\n    if (!show) return null;\n\n    return (\n      <Styled.DigitalMeter $isTargetAchieved={isTargetAchieved}>\n        {/* complete arc area to be filled */}\n        <AnimatedArc\n          targetAngle={TOTAL_ARC_AVAILABLE}\n          strokeWidth={STROKE_WIDTH}\n          color=\"BLACK_5\"\n          radius={ARC_RADIUS}\n          duration={0}\n          startAngle={-ANIMATED_ARC_START_ANGLE}\n        />\n\n        {/* center area for the content */}\n        <Styled.ContentContainer>\n          <FlexView $flexDirection=\"column\" $alignItems=\"center\">\n            <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n              <Styled.NumberCountContainer>\n                <Styled.RainboxColorText\n                  $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ah1' : 'ah2'}\n                  $color=\"GREEN_4\"\n                  $isTargetAchieved={isTargetAchieved}\n                >\n                  <NumberCountAnimation\n                    initialValue={0}\n                    targetValue={Math.floor(value)}\n                    durationInSec={PROGRESS_FILL_DURATION}\n                    delayInSec={PROGRESS_FILL_DELAY}\n                  />\n                </Styled.RainboxColorText>\n              </Styled.NumberCountContainer>\n              {progressType === 'stepper' && (\n                <Text\n                  $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ah4' : 'ab1'}\n                  $color=\"WHITE\"\n                >\n                  /{maxValue}\n                </Text>\n              )}\n            </FlexView>\n            <Separator height={8} />\n            <Text\n              $renderAs={\n                GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n              }\n              $color=\"WHITE_T_60\"\n            >\n              {displayText}\n            </Text>\n          </FlexView>\n        </Styled.ContentContainer>\n\n        {/* stepper animation */}\n        {progressType === 'stepper' &&\n          Array.from({ length: value }, (_, index) => {\n            const arcLength = TOTAL_ARC_AVAILABLE / maxValue;\n\n            return (\n              <AnimatedArc\n                key={index}\n                startAngle={-ANIMATED_ARC_START_ANGLE + arcLength * index}\n                targetAngle={arcLength}\n                strokeWidth={STROKE_WIDTH}\n                color=\"GREEN_4\"\n                radius={ARC_RADIUS}\n                mode=\"fade\"\n                duration={PROGRESS_FILL_DURATION / maxValue}\n                delay={PROGRESS_FILL_DELAY + (PROGRESS_FILL_DURATION / maxValue) * index}\n                showAnimatedRainbowArc={isTargetAchieved}\n              />\n            );\n          })}\n\n        {/* numbers with markings */}\n        {progressType === 'stepper' &&\n          Array.from({ length: maxValue + 1 }, (_, index) => {\n            const arcLength = TOTAL_ARC_AVAILABLE / maxValue;\n\n            return (\n              <React.Fragment key={index}>\n                <Styled.LineMarking $angle={arcLength * index} />\n                <Styled.MarkingContainer key={index} $angle={arcLength * index}>\n                  <Styled.MarkingText $angle={arcLength * index}>\n                    <Styled.RainboxColorText\n                      $renderAs={\n                        GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n                      }\n                      $color={targetValue && targetValue === index ? 'GREEN_4' : 'WHITE_T_60'}\n                      $isTargetAchieved={\n                        targetValue === index && isTargetValueAchieved(index) && isTargetAchieved\n                      }\n                    >\n                      {index}\n                    </Styled.RainboxColorText>\n                  </Styled.MarkingText>\n                </Styled.MarkingContainer>\n              </React.Fragment>\n            );\n          })}\n\n        {/* progress of linear */}\n        {progressType === 'linear' && (\n          <>\n            <AnimatedArc\n              targetAngle={(value * TOTAL_ARC_AVAILABLE) / maxValue}\n              strokeWidth={STROKE_WIDTH}\n              color=\"GREEN_4\"\n              radius={ARC_RADIUS}\n              duration={PROGRESS_FILL_DURATION}\n              delay={PROGRESS_FILL_DELAY}\n              showAnimatedRainbowArc={isTargetAchieved}\n              startAngle={-ANIMATED_ARC_START_ANGLE}\n            />\n            <>\n              {/* target line marking */}\n              {targetValue && (\n                <Styled.LineMarking $angle={(targetValue * TOTAL_ARC_AVAILABLE) / maxValue} />\n              )}\n\n              {/* all markings */}\n              {Array.from(new Set([0, targetValue, maxValue])).map((val, index) => (\n                <Styled.MarkingContainer\n                  key={index}\n                  $angle={(val * TOTAL_ARC_AVAILABLE) / maxValue}\n                >\n                  <Styled.MarkingText $angle={(val * TOTAL_ARC_AVAILABLE) / maxValue}>\n                    <Styled.RainboxColorText\n                      $renderAs={\n                        GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n                      }\n                      $color={targetValue && targetValue === val ? 'GREEN_4' : 'WHITE_T_60'}\n                      $isTargetAchieved={\n                        targetValue === val && isTargetAchieved && isTargetValueAchieved(val)\n                      }\n                    >\n                      {val}\n                    </Styled.RainboxColorText>\n                  </Styled.MarkingText>\n                </Styled.MarkingContainer>\n              ))}\n            </>\n          </>\n        )}\n\n        {/* helper text below the animation */}\n        {isTargetAchieved && (\n          <Styled.BottomAbsoluteView top={GAME_LAUNCHER_SIZE}>\n            <LottieAnimation\n              src={LOTTIE.TARGET_ACHIEVED_TEXT}\n              settings={settings}\n              width={GAME_LAUNCHER_SIZE * 0.6}\n            />\n          </Styled.BottomAbsoluteView>\n        )}\n        {!isTargetAchieved && (\n          <Styled.BottomAbsoluteView top={GAME_LAUNCHER_SIZE}>\n            <Separator height={25} />\n            <FlexView $flexDirection=\"column\" $alignItems=\"center\">\n              <Styled.HelperTextPrimary\n                $renderAs={\n                  GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ac3-black' : 'ac4-black'\n                }\n                $color=\"WHITE_T_60\"\n              >\n                {helperTextPrimary}\n                <Separator height={GAME_LAUNCHER_SIZE * 0.03} />\n              </Styled.HelperTextPrimary>\n              <Styled.HelperTextSecondary\n                $renderAs={GAME_LAUNCHER_SIZE === GAME_LAUNCHER_SIZE_LARGE ? 'ah4' : 'ab1'}\n                $color=\"WHITE\"\n              >\n                {helperTextSecondary}\n              </Styled.HelperTextSecondary>\n            </FlexView>\n          </Styled.BottomAbsoluteView>\n        )}\n      </Styled.DigitalMeter>\n    );\n  },\n);\n"],"names":["settings","DigitalMeter","memo","show","value","maxValue","targetValue","displayText","progressType","helperTextPrimary","helperTextSecondary","onComplete","actAsTimer","isTargetAchieved","setIsTargetAchieved","useState","play","useCircleSounds","isTargetValueAchieved","useCallback","valueToCompare","useEffect","timer","timerForAnimationComplete","isTargetAchievedFlag","CircleSoundKey","TARGET_ACHIEVED_DELAY","TOTAL_ANIMATION_DURATION","jsxs","Styled.DigitalMeter","jsx","AnimatedArc","TOTAL_ARC_AVAILABLE","STROKE_WIDTH","ARC_RADIUS","ANIMATED_ARC_START_ANGLE","Styled.ContentContainer","FlexView","Styled.NumberCountContainer","Styled.RainboxColorText","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_SIZE_LARGE","NumberCountAnimation","PROGRESS_FILL_DURATION","PROGRESS_FILL_DELAY","Text","Separator","_","index","arcLength","React","Styled.LineMarking","Styled.MarkingContainer","Styled.MarkingText","Fragment","val","Styled.BottomAbsoluteView","LottieAnimation","LOTTIE","Styled.HelperTextPrimary","Styled.HelperTextSecondary"],"mappings":"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"}

package/dist/features/post-game-stats/points/points.js

@@ -1,8 +1,9 @@
 import { jsx as P } from "react/jsx-runtime";
 import { memo as T, useEffect as a } from "react";
 import { LOTTIE as o } from "../../../assets/lottie/lottie.js";
-import { GAME_LAUNCHER_SIZE as O } from "../../circle-games/game-launcher/comps/card-container/constants.js";
-import { GAME_LAUNCHER_ASSET_PADDING as c, GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH as f } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
+import { GAME_LAUNCHER_SIZE as O } from "../../circle-games/game-launcher-v2/comps/card-container/constants.js";
+import { GAME_LAUNCHER_ASSET_PADDING as c } from "../../circle-games/game-launcher-v2/comps/circular-game-card/constants.js";
+import { GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH as f } from "../../circle-games/game-launcher/comps/segmented-game-card/constants.js";
 import { useCircleSounds as E } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds.js";
 import { CircleSoundKey as l } from "../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums.js";
 import A from "../../ui/lottie-animation/lottie-animation.js";
@@ -27,7 +28,7 @@ const _ = {
   loop: !1,
   autoplay: !0,
   renderer: "canvas"
-}, g = T((m) => {
+}, w = T((m) => {
   const { point: i = 0, onReveal: n, onComplete: r, show: e } = m, { play: s } = E(), t = _[`point${i}`], I = {
     name: "complete",
     callback: r
@@ -53,6 +54,6 @@ const _ = {
   ) : null;
 });
 export {
-  g as Points
+  w as Points
 };
 //# sourceMappingURL=points.js.map

package/dist/features/post-game-stats/points/points.js.map

@@ -1 +1 @@
-{"version":3,"file":"points.js","sources":["../../../../src/features/post-game-stats/points/points.tsx"],"sourcesContent":["import type { AnimationEventName } from 'lottie-web';\nimport type { FC } from 'react';\nimport { memo, useEffect } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher/comps/card-container/constants';\nimport {\n  GAME_LAUNCHER_ASSET_PADDING,\n  GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH,\n} from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport type { IPointsProps } from './points-types';\n\nconst POINTS_MAP: Record<string, string> = {\n  point1: LOTTIE.POINT1,\n  point2: LOTTIE.POINT2,\n  point3: LOTTIE.POINT3,\n  point4: LOTTIE.POINT4,\n  point5: LOTTIE.POINT5,\n  point10: LOTTIE.POINT10,\n  point15: LOTTIE.POINT15,\n  point20: LOTTIE.POINT20,\n  point25: LOTTIE.POINT25,\n  point30: LOTTIE.POINT30,\n  point35: LOTTIE.POINT35,\n  point40: LOTTIE.POINT40,\n  point45: LOTTIE.POINT45,\n  point50: LOTTIE.POINT50,\n  point60: LOTTIE.POINT60,\n  point100: LOTTIE.POINT100,\n};\nconst animationDimension =\n  GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING - GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH;\nconst animationSettings = {\n  loop: false,\n  autoplay: true,\n  renderer: 'canvas',\n};\n\nexport const Points: FC<IPointsProps> = memo(props => {\n  const { point = 0, onReveal, onComplete, show } = props;\n\n  const { play } = useCircleSounds();\n\n  const animationPath = POINTS_MAP[`point${point}`];\n  const animationEventListener = {\n    name: 'complete' as AnimationEventName,\n    callback: onComplete,\n  };\n\n  useEffect(() => {\n    if (!animationPath) {\n      try {\n        onComplete();\n        throw new Error(`Animation path not found for ${point}`);\n      } catch (err) {\n        // eslint-disable-next-line no-console\n        console.log(err);\n      }\n    }\n\n    if (show && animationPath) onReveal?.();\n  }, [animationPath, onComplete, onReveal, show, point]);\n\n  if (show && animationPath) {\n    return (\n      <LottieAnimation\n        width={animationDimension}\n        height={animationDimension}\n        src={animationPath}\n        settings={animationSettings}\n        eventListener={animationEventListener}\n        onRender={() => play(CircleSoundKey.POINTS_AWARDED)}\n      />\n    );\n  }\n\n  return null;\n});\n"],"names":["POINTS_MAP","LOTTIE","animationDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH","animationSettings","Points","memo","props","point","onReveal","onComplete","show","play","useCircleSounds","animationPath","animationEventListener","useEffect","err","jsx","LottieAnimation","CircleSoundKey"],"mappings":";;;;;;;;AAeA,MAAMA,IAAqC;AAAA,EACzC,QAAQC,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,UAAUA,EAAO;AACnB,GACMC,IACJC,IAAqBC,IAA8BC,GAC/CC,IAAoB;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,GAEaC,IAA2BC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,OAAAC,IAAQ,GAAG,UAAAC,GAAU,YAAAC,GAAY,MAAAC,EAAS,IAAAJ,GAE5C,EAAE,MAAAK,MAASC,KAEXC,IAAgBhB,EAAW,QAAQU,CAAK,EAAE,GAC1CO,IAAyB;AAAA,IAC7B,MAAM;AAAA,IACN,UAAUL;AAAA,EAAA;AAiBZ,SAdAM,EAAU,MAAM;AACd,QAAI,CAACF;AACC,UAAA;AACS,cAAAJ,KACL,IAAI,MAAM,gCAAgCF,CAAK,EAAE;AAAA,eAChDS,GAAK;AAEZ,gBAAQ,IAAIA,CAAG;AAAA,MACjB;AAGE,IAAAN,KAAQG,MAA0BL,KAAA,QAAAA;AAAA,EAAA,GACrC,CAACK,GAAeJ,GAAYD,GAAUE,GAAMH,CAAK,CAAC,GAEjDG,KAAQG,IAER,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOnB;AAAA,MACP,QAAQA;AAAA,MACR,KAAKc;AAAA,MACL,UAAUV;AAAA,MACV,eAAeW;AAAA,MACf,UAAU,MAAMH,EAAKQ,EAAe,cAAc;AAAA,IAAA;AAAA,EAAA,IAKjD;AACT,CAAC;"}
+{"version":3,"file":"points.js","sources":["../../../../src/features/post-game-stats/points/points.tsx"],"sourcesContent":["import type { AnimationEventName } from 'lottie-web';\nimport type { FC } from 'react';\nimport { memo, useEffect } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport { GAME_LAUNCHER_SIZE } from '../../circle-games/game-launcher-v2/comps/card-container/constants';\nimport { GAME_LAUNCHER_ASSET_PADDING } from '../../circle-games/game-launcher-v2/comps/circular-game-card/constants';\nimport { GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH } from '../../circle-games/game-launcher/comps/segmented-game-card/constants';\nimport { useCircleSounds } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds';\nimport { CircleSoundKey } from '../../circle-games/hooks/use-circle-sounds/use-circle-sounds-enums';\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport type { IPointsProps } from './points-types';\n\nconst POINTS_MAP: Record<string, string> = {\n  point1: LOTTIE.POINT1,\n  point2: LOTTIE.POINT2,\n  point3: LOTTIE.POINT3,\n  point4: LOTTIE.POINT4,\n  point5: LOTTIE.POINT5,\n  point10: LOTTIE.POINT10,\n  point15: LOTTIE.POINT15,\n  point20: LOTTIE.POINT20,\n  point25: LOTTIE.POINT25,\n  point30: LOTTIE.POINT30,\n  point35: LOTTIE.POINT35,\n  point40: LOTTIE.POINT40,\n  point45: LOTTIE.POINT45,\n  point50: LOTTIE.POINT50,\n  point60: LOTTIE.POINT60,\n  point100: LOTTIE.POINT100,\n};\nconst animationDimension =\n  GAME_LAUNCHER_SIZE + GAME_LAUNCHER_ASSET_PADDING - GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH;\nconst animationSettings = {\n  loop: false,\n  autoplay: true,\n  renderer: 'canvas',\n};\n\nexport const Points: FC<IPointsProps> = memo(props => {\n  const { point = 0, onReveal, onComplete, show } = props;\n\n  const { play } = useCircleSounds();\n\n  const animationPath = POINTS_MAP[`point${point}`];\n  const animationEventListener = {\n    name: 'complete' as AnimationEventName,\n    callback: onComplete,\n  };\n\n  useEffect(() => {\n    if (!animationPath) {\n      try {\n        onComplete();\n        throw new Error(`Animation path not found for ${point}`);\n      } catch (err) {\n        // eslint-disable-next-line no-console\n        console.log(err);\n      }\n    }\n\n    if (show && animationPath) onReveal?.();\n  }, [animationPath, onComplete, onReveal, show, point]);\n\n  if (show && animationPath) {\n    return (\n      <LottieAnimation\n        width={animationDimension}\n        height={animationDimension}\n        src={animationPath}\n        settings={animationSettings}\n        eventListener={animationEventListener}\n        onRender={() => play(CircleSoundKey.POINTS_AWARDED)}\n      />\n    );\n  }\n\n  return null;\n});\n"],"names":["POINTS_MAP","LOTTIE","animationDimension","GAME_LAUNCHER_SIZE","GAME_LAUNCHER_ASSET_PADDING","GAME_LAUNCHER_PROGRESS_RING_STROKE_WIDTH","animationSettings","Points","memo","props","point","onReveal","onComplete","show","play","useCircleSounds","animationPath","animationEventListener","useEffect","err","jsx","LottieAnimation","CircleSoundKey"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAqC;AAAA,EACzC,QAAQC,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,UAAUA,EAAO;AACnB,GACMC,IACJC,IAAqBC,IAA8BC,GAC/CC,IAAoB;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,GAEaC,IAA2BC,EAAK,CAASC,MAAA;AACpD,QAAM,EAAE,OAAAC,IAAQ,GAAG,UAAAC,GAAU,YAAAC,GAAY,MAAAC,EAAS,IAAAJ,GAE5C,EAAE,MAAAK,MAASC,KAEXC,IAAgBhB,EAAW,QAAQU,CAAK,EAAE,GAC1CO,IAAyB;AAAA,IAC7B,MAAM;AAAA,IACN,UAAUL;AAAA,EAAA;AAiBZ,SAdAM,EAAU,MAAM;AACd,QAAI,CAACF;AACC,UAAA;AACS,cAAAJ,KACL,IAAI,MAAM,gCAAgCF,CAAK,EAAE;AAAA,eAChDS,GAAK;AAEZ,gBAAQ,IAAIA,CAAG;AAAA,MACjB;AAGE,IAAAN,KAAQG,MAA0BL,KAAA,QAAAA;AAAA,EAAA,GACrC,CAACK,GAAeJ,GAAYD,GAAUE,GAAMH,CAAK,CAAC,GAEjDG,KAAQG,IAER,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOnB;AAAA,MACP,QAAQA;AAAA,MACR,KAAKc;AAAA,MACL,UAAUV;AAAA,MACV,eAAeW;AAAA,MACf,UAAU,MAAMH,EAAKQ,EAAe,cAAc;AAAA,IAAA;AAAA,EAAA,IAKjD;AACT,CAAC;"}

package/dist/features/post-game-stats/post-game-stats-styled.js

@@ -1,6 +1,6 @@
-import o from "styled-components";
-import { GAME_LAUNCHER_SIZE as t } from "../circle-games/game-launcher/comps/card-container/constants.js";
-const n = o.div`
+import e from "styled-components";
+import { GAME_LAUNCHER_SIZE as o } from "../circle-games/game-launcher-v2/comps/card-container/constants.js";
+const n = e.div`
   flex: 1;
   position: absolute;
   align-items: center;
@@ -14,11 +14,12 @@ const n = o.div`
   width: 100%;
   height: 100%;
   display: flex;
-`, s = o.div`
-  height: ${t}px;
-  width: ${t}px;
-  background: ${({ theme: e }) => e.colors.BLACK_1};
-  border-radius: ${t / 2}px;
+  transform: translateY(${({ $translateY: t = 0 }) => t}px);
+`, s = e.div`
+  height: ${o}px;
+  width: ${o}px;
+  background: ${({ theme: t }) => t.colors.BLACK_1};
+  border-radius: ${o / 2}px;
   position: absolute;
   z-index: -1;
 `;

package/dist/features/post-game-stats/post-game-stats-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"post-game-stats-styled.js","sources":["../../../src/features/post-game-stats/post-game-stats-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../circle-games/game-launcher/comps/card-container/constants';\n\nexport const StatsWrapper = styled.div`\n  flex: 1;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  display: flex;\n`;\n\nexport const BlackBg = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: ${({ theme }) => theme.colors.BLACK_1};\n  border-radius: ${GAME_LAUNCHER_SIZE / 2}px;\n  position: absolute;\n  z-index: -1;\n`;\n"],"names":["StatsWrapper","styled","BlackBg","GAME_LAUNCHER_SIZE","theme"],"mappings":";;AAIO,MAAMA,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBtBC,IAAUD,EAAO;AAAA,YAClBE,CAAkB;AAAA,WACnBA,CAAkB;AAAA,gBACb,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,mBAChCD,IAAqB,CAAC;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"post-game-stats-styled.js","sources":["../../../src/features/post-game-stats/post-game-stats-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport { GAME_LAUNCHER_SIZE } from '../circle-games/game-launcher-v2/comps/card-container/constants';\n\nexport const StatsWrapper = styled.div<{ $translateY?: number }>`\n  flex: 1;\n  position: absolute;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  z-index: 1000;\n  background: transparent;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  transform: translateY(${({ $translateY = 0 }) => $translateY}px);\n`;\n\nexport const BlackBg = styled.div`\n  height: ${GAME_LAUNCHER_SIZE}px;\n  width: ${GAME_LAUNCHER_SIZE}px;\n  background: ${({ theme }) => theme.colors.BLACK_1};\n  border-radius: ${GAME_LAUNCHER_SIZE / 2}px;\n  position: absolute;\n  z-index: -1;\n`;\n"],"names":["StatsWrapper","styled","$translateY","BlackBg","GAME_LAUNCHER_SIZE","theme"],"mappings":";;AAIO,MAAMA,IAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAcT,CAAC,EAAE,aAAAC,IAAc,EAAA,MAAQA,CAAW;AAAA,GAGjDC,IAAUF,EAAO;AAAA,YAClBG,CAAkB;AAAA,WACnBA,CAAkB;AAAA,gBACb,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA,mBAChCD,IAAqB,CAAC;AAAA;AAAA;AAAA;"}