@cuemath/leap 3.3.37 → 3.4.0

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

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

package/dist/features/parent-dashboard/comps/session-status/hooks/use-session-status-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-session-status-config.js","sources":["../../../../../../src/features/parent-dashboard/comps/session-status/hooks/use-session-status-config.ts"],"sourcesContent":["import type { ISessionStatusConfig, IUseSessionStatusConfigProps } from '../session-status-types';\n\nimport { pluralize } from 'humanize-plus';\nimport { useMemo, useCallback } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { CUEMATH_APP_URL } from '../../../../../constants/config';\nimport { TEXT_STYLES } from '../session-status-constants';\nimport { formatSessionDateTime, formatTimeRemaining } from '../session-status-helpers';\nimport useCountdown from './use-countdown';\n\nconst useSessionStatusConfig = ({\n  completedSessions,\n  nextSessionStartTime,\n  isTrialDone = false,\n  teacherName,\n  studentName,\n  isStudentNoShow = false,\n  onRescheduleClick,\n  isOnlyTrialDone = false,\n  isTutorNoShow = false,\n}: IUseSessionStatusConfigProps): ISessionStatusConfig => {\n  const derivedValues = useMemo(\n    () => ({\n      isNoShowStatus: isStudentNoShow || isTutorNoShow,\n      isTeacherAssigned: Boolean(teacherName),\n      formattedSessionStart: formatSessionDateTime(nextSessionStartTime),\n    }),\n    [isStudentNoShow, isTutorNoShow, teacherName, nextSessionStartTime],\n  );\n\n  const { isNoShowStatus, isTeacherAssigned, formattedSessionStart } = derivedValues;\n\n  const countdownStartTime = isTrialDone || isNoShowStatus ? null : nextSessionStartTime;\n\n  const sessionCountdown = useCountdown({\n    timeLeft: countdownStartTime,\n    maxHoursToShow: 48,\n  });\n\n  const handleRedirectToApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  const handleReschedule = useCallback(() => {\n    onRescheduleClick?.();\n  }, [onRescheduleClick]);\n\n  const noShowConfig = useMemo(\n    (): ISessionStatusConfig => ({\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CROSS_ORANGE,\n        title: 'Session Cancelled',\n        titleColor: 'ORANGE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: formattedSessionStart,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        subtitleLineThrough: true,\n        description: isStudentNoShow\n          ? 'We understand life is unpredictable and schedules change unexpectedly.'\n          : `We're sorry - our tutor couldn't attend your first session. This rarely happens, but tutors sometimes face unexpected circumstances.`,\n        descriptionColor: 'WHITE_1',\n      },\n      bottomSection: {\n        icon: ILLUSTRATIONS.PLATFORM_PURPLE,\n        title: 'Please Reschedule',\n        titleColor: 'PURPLE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: isStudentNoShow\n          ? \"Please reschedule when it works better for you. Choose any available time slot, and we'll assign you a new tutor for your child.\"\n          : `Since your first class didn't happen, we haven't activated your subscription. Choose any available time slot, and we'll assign a reliable tutor.`,\n        subtitleStyle: TEXT_STYLES.BODY_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.BODY_MOBILE,\n        action: {\n          label: 'Reschedule',\n          onClick: handleReschedule,\n        },\n      },\n    }),\n    [formattedSessionStart, isStudentNoShow, handleReschedule],\n  );\n\n  const completedConfig = useMemo((): ISessionStatusConfig => {\n    const titleText = isOnlyTrialDone ? 'First' : completedSessions.toString();\n    const sessionText = pluralize(completedSessions, 'session');\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.BOOK_CHECKED_GREEN,\n        title: `${titleText} ${sessionText} Completed!`,\n        titleColor: 'GREEN_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        align: 'center',\n      },\n      bottomSection: {\n        lottie: LOTTIE.CALENDAR_HOUR_GLASS_ORANGE,\n        title: 'Next Session',\n        titleColor: 'ORANGE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: `${formattedSessionStart}\\nwith ${teacherName}`,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        action: {\n          label: 'Reschedule on the Cuemath app',\n          onClick: handleRedirectToApp,\n        },\n      },\n    };\n  }, [isOnlyTrialDone, completedSessions, formattedSessionStart, teacherName, handleRedirectToApp]);\n\n  const defaultConfig = useMemo((): ISessionStatusConfig => {\n    const title = sessionCountdown ? formatTimeRemaining(sessionCountdown) : 'SESSION SCHEDULED';\n    const hasCountdown = Boolean(sessionCountdown);\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CHECK_GREEN,\n        title,\n        titleColor: 'GREEN_4',\n        titleStyle: hasCountdown ? TEXT_STYLES.COUNTDOWN_DESKTOP : TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: hasCountdown ? TEXT_STYLES.COUNTDOWN_MOBILE : TEXT_STYLES.TITLE_MOBILE,\n        subtitle: formattedSessionStart,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        action: {\n          label: 'Reschedule',\n          onClick: handleReschedule,\n        },\n      },\n      bottomSection: {\n        align: 'center',\n        lottie: isTeacherAssigned ? LOTTIE.TEACHER_FOUND : LOTTIE.TEACHER_SEARCH,\n        title: isTeacherAssigned ? 'Tutor Assigned!' : '',\n        titleColor: isTeacherAssigned ? 'ORANGE_4' : 'WHITE_1',\n        titleStyle: isTeacherAssigned ? TEXT_STYLES.TITLE_DESKTOP : TEXT_STYLES.SUBTITLE_MOBILE,\n        titleTabletStyle: isTeacherAssigned\n          ? TEXT_STYLES.TITLE_MOBILE\n          : TEXT_STYLES.SUBTITLE_MOBILE,\n        subtitle: isTeacherAssigned\n          ? `From over 3000 expert tutors, we selected ${teacherName} as the perfect match for ${studentName}!`\n          : 'Finding the perfect tutor for your child',\n        subtitleStyle: TEXT_STYLES.BODY_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.BODY_MOBILE,\n        description: isTeacherAssigned\n          ? undefined\n          : \"This typically takes 24-48 hours. We'll notify you via email.\",\n        maxWidth: isTeacherAssigned ? 368 : 383,\n        isLargeIcon: true,\n      },\n    };\n  }, [\n    sessionCountdown,\n    formattedSessionStart,\n    handleReschedule,\n    isTeacherAssigned,\n    teacherName,\n    studentName,\n  ]);\n\n  return useMemo((): ISessionStatusConfig => {\n    if (isNoShowStatus) return noShowConfig;\n\n    if (isTrialDone) return completedConfig;\n\n    return defaultConfig;\n  }, [isNoShowStatus, isTrialDone, noShowConfig, completedConfig, defaultConfig]);\n};\n\nexport default useSessionStatusConfig;\n"],"names":["useSessionStatusConfig","completedSessions","nextSessionStartTime","isTrialDone","teacherName","studentName","isStudentNoShow","onRescheduleClick","isOnlyTrialDone","isTutorNoShow","derivedValues","useMemo","formatSessionDateTime","isNoShowStatus","isTeacherAssigned","formattedSessionStart","sessionCountdown","useCountdown","handleRedirectToApp","useCallback","CUEMATH_APP_URL","handleReschedule","noShowConfig","ILLUSTRATIONS","TEXT_STYLES","completedConfig","titleText","sessionText","pluralize","LOTTIE","defaultConfig","title","formatTimeRemaining","hasCountdown"],"mappings":"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"}
+{"version":3,"file":"use-session-status-config.js","sources":["../../../../../../src/features/parent-dashboard/comps/session-status/hooks/use-session-status-config.ts"],"sourcesContent":["import { pluralize } from 'humanize-plus';\nimport { useMemo, useCallback } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../../assets/lottie/lottie';\nimport { CUEMATH_APP_URL } from '../../../../../constants/config';\nimport { TEXT_STYLES } from '../session-status-constants';\nimport { formatSessionDateTime, formatTimeRemaining } from '../session-status-helpers';\nimport type { ISessionStatusConfig, IUseSessionStatusConfigProps } from '../session-status-types';\nimport useCountdown from './use-countdown';\n\nconst useSessionStatusConfig = ({\n  completedSessions,\n  nextSessionStartTime,\n  isTrialDone = false,\n  teacherName,\n  studentName,\n  isStudentNoShow = false,\n  onRescheduleClick,\n  isOnlyTrialDone = false,\n  isTutorNoShow = false,\n}: IUseSessionStatusConfigProps): ISessionStatusConfig => {\n  const derivedValues = useMemo(\n    () => ({\n      isNoShowStatus: isStudentNoShow || isTutorNoShow,\n      isTeacherAssigned: Boolean(teacherName),\n      formattedSessionStart: formatSessionDateTime(nextSessionStartTime),\n    }),\n    [isStudentNoShow, isTutorNoShow, teacherName, nextSessionStartTime],\n  );\n\n  const { isNoShowStatus, isTeacherAssigned, formattedSessionStart } = derivedValues;\n\n  const countdownStartTime = isTrialDone || isNoShowStatus ? null : nextSessionStartTime;\n\n  const sessionCountdown = useCountdown({\n    timeLeft: countdownStartTime,\n    maxHoursToShow: 48,\n  });\n\n  const handleRedirectToApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  const handleReschedule = useCallback(() => {\n    onRescheduleClick?.();\n  }, [onRescheduleClick]);\n\n  const noShowConfig = useMemo(\n    (): ISessionStatusConfig => ({\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CROSS_ORANGE,\n        title: 'Session Cancelled',\n        titleColor: 'ORANGE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: formattedSessionStart,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        subtitleLineThrough: true,\n        description: isStudentNoShow\n          ? 'We understand life is unpredictable and schedules change unexpectedly.'\n          : `We're sorry - our tutor couldn't attend your first session. This rarely happens, but tutors sometimes face unexpected circumstances.`,\n        descriptionColor: 'WHITE_1',\n      },\n      bottomSection: {\n        icon: ILLUSTRATIONS.PLATFORM_PURPLE,\n        title: 'Please Reschedule',\n        titleColor: 'PURPLE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: isStudentNoShow\n          ? \"Please reschedule when it works better for you. Choose any available time slot, and we'll assign you a new tutor for your child.\"\n          : `Since your first class didn't happen, we haven't activated your subscription. Choose any available time slot, and we'll assign a reliable tutor.`,\n        subtitleStyle: TEXT_STYLES.BODY_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.BODY_MOBILE,\n        action: {\n          label: 'Reschedule',\n          onClick: handleReschedule,\n        },\n      },\n    }),\n    [formattedSessionStart, isStudentNoShow, handleReschedule],\n  );\n\n  const completedConfig = useMemo((): ISessionStatusConfig => {\n    const titleText = isOnlyTrialDone ? 'First' : completedSessions.toString();\n    const sessionText = pluralize(completedSessions, 'session');\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.BOOK_CHECKED_GREEN,\n        title: `${titleText} ${sessionText} Completed!`,\n        titleColor: 'GREEN_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        align: 'center',\n      },\n      bottomSection: {\n        lottie: LOTTIE.CALENDAR_HOUR_GLASS_ORANGE,\n        title: 'Next Session',\n        titleColor: 'ORANGE_4',\n        titleStyle: TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: TEXT_STYLES.TITLE_MOBILE,\n        subtitle: `${formattedSessionStart}\\nwith ${teacherName}`,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        action: {\n          label: 'Reschedule on the Cuemath app',\n          onClick: handleRedirectToApp,\n        },\n      },\n    };\n  }, [isOnlyTrialDone, completedSessions, formattedSessionStart, teacherName, handleRedirectToApp]);\n\n  const defaultConfig = useMemo((): ISessionStatusConfig => {\n    const title = sessionCountdown ? formatTimeRemaining(sessionCountdown) : 'SESSION SCHEDULED';\n    const hasCountdown = Boolean(sessionCountdown);\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CHECK_GREEN,\n        title,\n        titleColor: 'GREEN_4',\n        titleStyle: hasCountdown ? TEXT_STYLES.COUNTDOWN_DESKTOP : TEXT_STYLES.TITLE_DESKTOP,\n        titleTabletStyle: hasCountdown ? TEXT_STYLES.COUNTDOWN_MOBILE : TEXT_STYLES.TITLE_MOBILE,\n        subtitle: formattedSessionStart,\n        subtitleStyle: TEXT_STYLES.SUBTITLE_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.SUBTITLE_MOBILE,\n        action: {\n          label: 'Reschedule',\n          onClick: handleReschedule,\n        },\n      },\n      bottomSection: {\n        align: 'center',\n        lottie: isTeacherAssigned ? LOTTIE.TEACHER_FOUND : LOTTIE.TEACHER_SEARCH,\n        title: isTeacherAssigned ? 'Tutor Assigned!' : '',\n        titleColor: isTeacherAssigned ? 'ORANGE_4' : 'WHITE_1',\n        titleStyle: isTeacherAssigned ? TEXT_STYLES.TITLE_DESKTOP : TEXT_STYLES.SUBTITLE_MOBILE,\n        titleTabletStyle: isTeacherAssigned\n          ? TEXT_STYLES.TITLE_MOBILE\n          : TEXT_STYLES.SUBTITLE_MOBILE,\n        subtitle: isTeacherAssigned\n          ? `From over 3000 expert tutors, we selected ${teacherName} as the perfect match for ${studentName}!`\n          : 'Finding the perfect tutor for your child',\n        subtitleStyle: TEXT_STYLES.BODY_DESKTOP,\n        subtitleTabletStyle: TEXT_STYLES.BODY_MOBILE,\n        description: isTeacherAssigned\n          ? undefined\n          : \"This typically takes 24-48 hours. We'll notify you via email.\",\n        maxWidth: isTeacherAssigned ? 368 : 383,\n        isLargeIcon: true,\n      },\n    };\n  }, [\n    sessionCountdown,\n    formattedSessionStart,\n    handleReschedule,\n    isTeacherAssigned,\n    teacherName,\n    studentName,\n  ]);\n\n  return useMemo((): ISessionStatusConfig => {\n    if (isNoShowStatus) return noShowConfig;\n\n    if (isTrialDone) return completedConfig;\n\n    return defaultConfig;\n  }, [isNoShowStatus, isTrialDone, noShowConfig, completedConfig, defaultConfig]);\n};\n\nexport default useSessionStatusConfig;\n"],"names":["useSessionStatusConfig","completedSessions","nextSessionStartTime","isTrialDone","teacherName","studentName","isStudentNoShow","onRescheduleClick","isOnlyTrialDone","isTutorNoShow","derivedValues","useMemo","formatSessionDateTime","isNoShowStatus","isTeacherAssigned","formattedSessionStart","sessionCountdown","useCountdown","handleRedirectToApp","useCallback","CUEMATH_APP_URL","handleReschedule","noShowConfig","ILLUSTRATIONS","TEXT_STYLES","completedConfig","titleText","sessionText","pluralize","LOTTIE","defaultConfig","title","formatTimeRemaining","hasCountdown"],"mappings":"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"}

package/dist/features/parent-dashboard/comps/session-status/session-status.js.map

@@ -1 +1 @@
-{"version":3,"file":"session-status.js","sources":["../../../../../src/features/parent-dashboard/comps/session-status/session-status.tsx"],"sourcesContent":["import type { ISectionConfig, ISessionStatusProps } from './session-status-types';\n\nimport { useCallback, memo } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport Image from '../../../ui/image/image';\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 useSessionStatusConfig from './hooks/use-session-status-config';\nimport { renderSettings } from './session-status-constants';\nimport * as Styled from './session-status-styled';\n\nconst ICON_SIZE = 64;\nconst LARGE_ICON_SIZE = 75;\n\nconst SessionStatus = ({\n  completedSessions,\n  nextSessionStartTime,\n  studentName,\n  teacherName,\n  isStudentNoShow = false,\n  isTutorNoShow = false,\n  isTrialDone = false,\n  isOnlyTrialDone = false,\n  onRescheduleClick,\n}: ISessionStatusProps) => {\n  const config = useSessionStatusConfig({\n    completedSessions,\n    nextSessionStartTime,\n    studentName,\n    teacherName,\n    isStudentNoShow,\n    isTutorNoShow,\n    isTrialDone,\n    isOnlyTrialDone,\n    onRescheduleClick,\n  });\n\n  const renderIcon = useCallback((section: ISectionConfig) => {\n    if (section.icon) {\n      return <Image src={section.icon} width={ICON_SIZE} height={ICON_SIZE} />;\n    }\n\n    if (section.lottie) {\n      const size = section.isLargeIcon ? LARGE_ICON_SIZE : ICON_SIZE;\n\n      return (\n        <Styled.LottieWrapper $isLargeLottie={!!section.isLargeIcon}>\n          <LottieAnimation\n            src={section.lottie}\n            settings={renderSettings}\n            width={size}\n            height={size}\n          />\n        </Styled.LottieWrapper>\n      );\n    }\n\n    return null;\n  }, []);\n\n  const renderContent = useCallback(\n    (section: ISectionConfig) => (\n      <Styled.ContentWrapper $maxWidth={section.maxWidth ?? '100%'} $width=\"100%\">\n        {section.title && (\n          <Text\n            $renderAs={section.titleStyle}\n            $color={section.titleColor}\n            $renderOnMobileAs={section.titleTabletStyle}\n          >\n            {section.title}\n          </Text>\n        )}\n\n        {section.subtitle && (\n          <>\n            <Separator height={2} />\n            <Styled.SubTitle\n              $renderAs={section.subtitleStyle!}\n              $renderOnMobileAs={section.subtitleTabletStyle}\n              $color=\"WHITE_1\"\n              $whiteSpace=\"pre-line\"\n              $subtitleLineThrough={section.subtitleLineThrough}\n            >\n              {section.subtitle}\n            </Styled.SubTitle>\n          </>\n        )}\n\n        {section.description && (\n          <>\n            <Separator heightX={0.5} />\n            <Text\n              $renderAs=\"ub2\"\n              $renderOnMobileAs=\"ub3\"\n              $color={section.descriptionColor ?? 'WHITE_T_60'}\n            >\n              {section.description}\n            </Text>\n          </>\n        )}\n\n        {section.action && (\n          <>\n            <Separator heightX={0.75} />\n            <FlexView $width=\"fit-content\">\n              <TextButton\n                sizeOnMobile=\"small\"\n                label={section.action.label}\n                color=\"WHITE_1\"\n                onClick={section.action.onClick}\n              />\n            </FlexView>\n          </>\n        )}\n      </Styled.ContentWrapper>\n    ),\n    [],\n  );\n\n  const renderSection = useCallback(\n    (section: ISectionConfig) => (\n      <FlexView\n        $flexDirection=\"row\"\n        $flexColumnGapX={section.isLargeIcon ? 0.75 : 1.5}\n        $alignItems={section.align || 'flex-start'}\n      >\n        <FlexView>{renderIcon(section)}</FlexView>\n        {renderContent(section)}\n      </FlexView>\n    ),\n    [renderIcon, renderContent],\n  );\n\n  return (\n    <FlexView $flexDirection=\"column\" $justifyContent=\"center\">\n      {renderSection(config.topSection)}\n\n      <FlexView $gutterX={2} $gapX={0.25}>\n        <Separator heightX={3} background=\"BLACK_5\" width={1} />\n      </FlexView>\n\n      {renderSection(config.bottomSection)}\n    </FlexView>\n  );\n};\n\nexport default memo(SessionStatus);\n"],"names":["ICON_SIZE","LARGE_ICON_SIZE","SessionStatus","completedSessions","nextSessionStartTime","studentName","teacherName","isStudentNoShow","isTutorNoShow","isTrialDone","isOnlyTrialDone","onRescheduleClick","config","useSessionStatusConfig","renderIcon","useCallback","section","jsx","Image","size","Styled.LottieWrapper","LottieAnimation","renderSettings","renderContent","jsxs","Styled.ContentWrapper","Text","Fragment","Separator","Styled.SubTitle","FlexView","TextButton","renderSection","SessionStatus$1","memo"],"mappings":"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"}
+{"version":3,"file":"session-status.js","sources":["../../../../../src/features/parent-dashboard/comps/session-status/session-status.tsx"],"sourcesContent":["import { useCallback, memo } from 'react';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport Image from '../../../ui/image/image';\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 useSessionStatusConfig from './hooks/use-session-status-config';\nimport { renderSettings } from './session-status-constants';\nimport * as Styled from './session-status-styled';\nimport type { ISectionConfig, ISessionStatusProps } from './session-status-types';\n\nconst ICON_SIZE = 64;\nconst LARGE_ICON_SIZE = 75;\n\nconst SessionStatus = ({\n  completedSessions,\n  nextSessionStartTime,\n  studentName,\n  teacherName,\n  isStudentNoShow = false,\n  isTutorNoShow = false,\n  isTrialDone = false,\n  isOnlyTrialDone = false,\n  onRescheduleClick,\n}: ISessionStatusProps) => {\n  const config = useSessionStatusConfig({\n    completedSessions,\n    nextSessionStartTime,\n    studentName,\n    teacherName,\n    isStudentNoShow,\n    isTutorNoShow,\n    isTrialDone,\n    isOnlyTrialDone,\n    onRescheduleClick,\n  });\n\n  const renderIcon = useCallback((section: ISectionConfig) => {\n    if (section.icon) {\n      return <Image src={section.icon} width={ICON_SIZE} height={ICON_SIZE} />;\n    }\n\n    if (section.lottie) {\n      const size = section.isLargeIcon ? LARGE_ICON_SIZE : ICON_SIZE;\n\n      return (\n        <Styled.LottieWrapper $isLargeLottie={!!section.isLargeIcon}>\n          <LottieAnimation\n            src={section.lottie}\n            settings={renderSettings}\n            width={size}\n            height={size}\n          />\n        </Styled.LottieWrapper>\n      );\n    }\n\n    return null;\n  }, []);\n\n  const renderContent = useCallback(\n    (section: ISectionConfig) => (\n      <Styled.ContentWrapper $maxWidth={section.maxWidth ?? '100%'} $width=\"100%\">\n        {section.title && (\n          <Text\n            $renderAs={section.titleStyle}\n            $color={section.titleColor}\n            $renderOnMobileAs={section.titleTabletStyle}\n          >\n            {section.title}\n          </Text>\n        )}\n\n        {section.subtitle && (\n          <>\n            <Separator height={2} />\n            <Styled.SubTitle\n              $renderAs={section.subtitleStyle!}\n              $renderOnMobileAs={section.subtitleTabletStyle}\n              $color=\"WHITE_1\"\n              $whiteSpace=\"pre-line\"\n              $subtitleLineThrough={section.subtitleLineThrough}\n            >\n              {section.subtitle}\n            </Styled.SubTitle>\n          </>\n        )}\n\n        {section.description && (\n          <>\n            <Separator heightX={0.5} />\n            <Text\n              $renderAs=\"ub2\"\n              $renderOnMobileAs=\"ub3\"\n              $color={section.descriptionColor ?? 'WHITE_T_60'}\n            >\n              {section.description}\n            </Text>\n          </>\n        )}\n\n        {section.action && (\n          <>\n            <Separator heightX={0.75} />\n            <FlexView $width=\"fit-content\">\n              <TextButton\n                sizeOnMobile=\"small\"\n                label={section.action.label}\n                color=\"WHITE_1\"\n                onClick={section.action.onClick}\n              />\n            </FlexView>\n          </>\n        )}\n      </Styled.ContentWrapper>\n    ),\n    [],\n  );\n\n  const renderSection = useCallback(\n    (section: ISectionConfig) => (\n      <FlexView\n        $flexDirection=\"row\"\n        $flexColumnGapX={section.isLargeIcon ? 0.75 : 1.5}\n        $alignItems={section.align || 'flex-start'}\n      >\n        <FlexView>{renderIcon(section)}</FlexView>\n        {renderContent(section)}\n      </FlexView>\n    ),\n    [renderIcon, renderContent],\n  );\n\n  return (\n    <FlexView $flexDirection=\"column\" $justifyContent=\"center\">\n      {renderSection(config.topSection)}\n\n      <FlexView $gutterX={2} $gapX={0.25}>\n        <Separator heightX={3} background=\"BLACK_5\" width={1} />\n      </FlexView>\n\n      {renderSection(config.bottomSection)}\n    </FlexView>\n  );\n};\n\nexport default memo(SessionStatus);\n"],"names":["ICON_SIZE","LARGE_ICON_SIZE","SessionStatus","completedSessions","nextSessionStartTime","studentName","teacherName","isStudentNoShow","isTutorNoShow","isTrialDone","isOnlyTrialDone","onRescheduleClick","config","useSessionStatusConfig","renderIcon","useCallback","section","jsx","Image","size","Styled.LottieWrapper","LottieAnimation","renderSettings","renderContent","jsxs","Styled.ContentWrapper","Text","Fragment","Separator","Styled.SubTitle","FlexView","TextButton","renderSection","SessionStatus$1","memo"],"mappings":"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"}

package/dist/features/parent-dashboard/comps/session-summary/session-summary-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"session-summary-constants.js","sources":["../../../../../src/features/parent-dashboard/comps/session-summary/session-summary-constants.ts"],"sourcesContent":["import type { ISessionSummary } from './session-summary-types';\n\nimport { GIF } from '../../../../assets/gif/gif';\nimport { ESummaryType } from '../../parent-dashboard-types';\n\nexport const sessionSummaryData: ISessionSummary[] = [\n  {\n    title: 'introduction & goals',\n    description: 'Get to know your tutor and discuss your goals and expectations',\n    bgImageSrc: GIF.YOUR_GOALS_GRID_BG,\n    bgImageSrcMobile: GIF.YOUR_GOALS_GRID_BG_MOBILE,\n    textBG: 'ORANGE_6',\n    ctaLabel: 'View Profile',\n  },\n  {\n    title: 'interactive sessions',\n    description: 'Watch your child learn concepts and tackle problems with their tutorʼs guidance.',\n    bgImageSrc: GIF.LEARNING_SESSION_GRID_BG,\n    bgImageSrcMobile: GIF.LEARNING_SESSION_GRID_BG_MOBILE,\n    textBG: 'YELLOW_6',\n    ctaLabel: 'View Insights',\n  },\n  {\n    title: 'way forward',\n    description: 'Get insights on your child’s learning and plan the journey ahead',\n    bgImageSrc: GIF.WAY_FORWARD_GRID_BG,\n    bgImageSrcMobile: GIF.WAY_FORWARD_GRID_BG_MOBILE,\n    textBG: 'GREEN_6',\n    ctaLabel: 'View Learning Plan',\n  },\n];\n\nexport const sessionSummaryAfterDemo: ISessionSummary[] = [\n  {\n    title: 'created student profile',\n    type: ESummaryType.STUDENT_PROFILE,\n    bgImageSrc: GIF.YOUR_GOALS_GRID_BG,\n    bgImageSrcMobile: GIF.YOUR_GOALS_GRID_BG_MOBILE,\n    textBG: 'ORANGE_6',\n    ctaLabel: 'View Profile',\n  },\n  {\n    title: 'Shared Learning insights',\n    type: ESummaryType.INSIGHTS,\n    bgImageSrc: GIF.LEARNING_SESSION_GRID_BG,\n    bgImageSrcMobile: GIF.LEARNING_SESSION_GRID_BG_MOBILE,\n    textBG: 'YELLOW_6',\n    ctaLabel: 'View Insights',\n  },\n  {\n    title: 'Created learning plan',\n    description: 'Get insights on your child’s learning and plan the journey ahead',\n    bgImageSrc: GIF.WAY_FORWARD_GRID_BG,\n    bgImageSrcMobile: GIF.WAY_FORWARD_GRID_BG_MOBILE,\n    textBG: 'GREEN_6',\n    ctaLabel: 'View Learning Plan',\n    type: ESummaryType.LEARNING_PLAN,\n  },\n];\n"],"names":["sessionSummaryData","GIF","sessionSummaryAfterDemo","ESummaryType"],"mappings":";;AAKO,MAAMA,IAAwC;AAAA,EACnD;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAYC,EAAI;AAAA,IAChB,kBAAkBA,EAAI;AAAA,IACtB,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAYA,EAAI;AAAA,IAChB,kBAAkBA,EAAI;AAAA,IACtB,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAYA,EAAI;AAAA,IAChB,kBAAkBA,EAAI;AAAA,IACtB,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF,GAEaC,IAA6C;AAAA,EACxD;AAAA,IACE,OAAO;AAAA,IACP,MAAMC,EAAa;AAAA,IACnB,YAAYF,EAAI;AAAA,IAChB,kBAAkBA,EAAI;AAAA,IACtB,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAME,EAAa;AAAA,IACnB,YAAYF,EAAI;AAAA,IAChB,kBAAkBA,EAAI;AAAA,IACtB,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAYA,EAAI;AAAA,IAChB,kBAAkBA,EAAI;AAAA,IACtB,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAME,EAAa;AAAA,EACrB;AACF;"}
+{"version":3,"file":"session-summary-constants.js","sources":["../../../../../src/features/parent-dashboard/comps/session-summary/session-summary-constants.ts"],"sourcesContent":["import { GIF } from '../../../../assets/gif/gif';\nimport { ESummaryType } from '../../parent-dashboard-types';\nimport type { ISessionSummary } from './session-summary-types';\n\nexport const sessionSummaryData: ISessionSummary[] = [\n  {\n    title: 'introduction & goals',\n    description: 'Get to know your tutor and discuss your goals and expectations',\n    bgImageSrc: GIF.YOUR_GOALS_GRID_BG,\n    bgImageSrcMobile: GIF.YOUR_GOALS_GRID_BG_MOBILE,\n    textBG: 'ORANGE_6',\n    ctaLabel: 'View Profile',\n  },\n  {\n    title: 'interactive sessions',\n    description: 'Watch your child learn concepts and tackle problems with their tutorʼs guidance.',\n    bgImageSrc: GIF.LEARNING_SESSION_GRID_BG,\n    bgImageSrcMobile: GIF.LEARNING_SESSION_GRID_BG_MOBILE,\n    textBG: 'YELLOW_6',\n    ctaLabel: 'View Insights',\n  },\n  {\n    title: 'way forward',\n    description: 'Get insights on your child’s learning and plan the journey ahead',\n    bgImageSrc: GIF.WAY_FORWARD_GRID_BG,\n    bgImageSrcMobile: GIF.WAY_FORWARD_GRID_BG_MOBILE,\n    textBG: 'GREEN_6',\n    ctaLabel: 'View Learning Plan',\n  },\n];\n\nexport const sessionSummaryAfterDemo: ISessionSummary[] = [\n  {\n    title: 'created student profile',\n    type: ESummaryType.STUDENT_PROFILE,\n    bgImageSrc: GIF.YOUR_GOALS_GRID_BG,\n    bgImageSrcMobile: GIF.YOUR_GOALS_GRID_BG_MOBILE,\n    textBG: 'ORANGE_6',\n    ctaLabel: 'View Profile',\n  },\n  {\n    title: 'Shared Learning insights',\n    type: ESummaryType.INSIGHTS,\n    bgImageSrc: GIF.LEARNING_SESSION_GRID_BG,\n    bgImageSrcMobile: GIF.LEARNING_SESSION_GRID_BG_MOBILE,\n    textBG: 'YELLOW_6',\n    ctaLabel: 'View Insights',\n  },\n  {\n    title: 'Created learning plan',\n    description: 'Get insights on your child’s learning and plan the journey ahead',\n    bgImageSrc: GIF.WAY_FORWARD_GRID_BG,\n    bgImageSrcMobile: GIF.WAY_FORWARD_GRID_BG_MOBILE,\n    textBG: 'GREEN_6',\n    ctaLabel: 'View Learning Plan',\n    type: ESummaryType.LEARNING_PLAN,\n  },\n];\n"],"names":["sessionSummaryData","GIF","sessionSummaryAfterDemo","ESummaryType"],"mappings":";;AAIO,MAAMA,IAAwC;AAAA,EACnD;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAYC,EAAI;AAAA,IAChB,kBAAkBA,EAAI;AAAA,IACtB,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAYA,EAAI;AAAA,IAChB,kBAAkBA,EAAI;AAAA,IACtB,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAYA,EAAI;AAAA,IAChB,kBAAkBA,EAAI;AAAA,IACtB,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF,GAEaC,IAA6C;AAAA,EACxD;AAAA,IACE,OAAO;AAAA,IACP,MAAMC,EAAa;AAAA,IACnB,YAAYF,EAAI;AAAA,IAChB,kBAAkBA,EAAI;AAAA,IACtB,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAME,EAAa;AAAA,IACnB,YAAYF,EAAI;AAAA,IAChB,kBAAkBA,EAAI;AAAA,IACtB,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAYA,EAAI;AAAA,IAChB,kBAAkBA,EAAI;AAAA,IACtB,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAME,EAAa;AAAA,EACrB;AACF;"}

package/dist/features/parent-dashboard/comps/session-summary/session-summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"session-summary.js","sources":["../../../../../src/features/parent-dashboard/comps/session-summary/session-summary.tsx"],"sourcesContent":["import type { ISessionSummaryProps } from './session-summary-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { ESummaryType } from '../../parent-dashboard-types';\nimport { sessionSummaryAfterDemo, sessionSummaryData } from './session-summary-constants';\nimport SessionSummaryCard from './summary-card/summary-card';\n\nconst SessionSummary = memo(({ isTrialDone, studentName, onViewSummary }: ISessionSummaryProps) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const getDescription = useCallback(\n    (type?: ESummaryType) => {\n      if (!type) return '';\n\n      if (type === ESummaryType.STUDENT_PROFILE) {\n        return `We understood your goals and expectations to create ${studentName}'s profile.`;\n      }\n\n      if (type === ESummaryType.INSIGHTS) {\n        return `With tutor’s guidance ${studentName} solved problems, helping us assess their math proficiency.`;\n      }\n\n      if (type === ESummaryType.LEARNING_PLAN) {\n        return `The plan will keep evolving based on ${studentName}'s progress and evolving needs.`;\n      }\n    },\n    [studentName],\n  );\n\n  const handleClick = useCallback(\n    (key: ESummaryType) => {\n      onViewSummary?.(key);\n    },\n    [onViewSummary],\n  );\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        {isTrialDone ? `What happened in today’s session` : `What happens in the first session?`}\n      </Text>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $flexGapX={1} $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {(isTrialDone ? sessionSummaryAfterDemo : sessionSummaryData).map(\n          ({ title, description, bgImageSrc, textBG, ctaLabel, type, bgImageSrcMobile }) => (\n            <SessionSummaryCard\n              key={title}\n              title={title}\n              description={(type && getDescription(type)) || (description as string)}\n              imageSrc={bgImageSrc}\n              imageSrcMobile={bgImageSrcMobile}\n              textBG={textBG}\n              ctaLabel={ctaLabel}\n              type={type}\n              isTrialDone={isTrialDone}\n              onClick={handleClick}\n            />\n          ),\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default SessionSummary;\n"],"names":["SessionSummary","memo","isTrialDone","studentName","onViewSummary","isMobile","useTheme","EDeviceType","getDescription","useCallback","type","ESummaryType","handleClick","key","FlexView","jsx","Text","Separator","sessionSummaryAfterDemo","sessionSummaryData","title","description","bgImageSrc","textBG","ctaLabel","bgImageSrcMobile","SessionSummaryCard"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAiBC,EAAK,CAAC,EAAE,aAAAC,GAAa,aAAAC,GAAa,eAAAC,QAA0C;AAE3F,QAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAiBC;AAAA,IACrB,CAACC,MAAwB;AACnB,UAAA,CAACA,EAAa,QAAA;AAEd,UAAAA,MAASC,EAAa;AACxB,eAAO,uDAAuDR,CAAW;AAGvE,UAAAO,MAASC,EAAa;AACxB,eAAO,yBAAyBR,CAAW;AAGzC,UAAAO,MAASC,EAAa;AACxB,eAAO,wCAAwCR,CAAW;AAAA,IAE9D;AAAA,IACA,CAACA,CAAW;AAAA,EAAA,GAGRS,IAAcH;AAAA,IAClB,CAACI,MAAsB;AACrB,MAAAT,KAAA,QAAAA,EAAgBS;AAAA,IAClB;AAAA,IACA,CAACT,CAAa;AAAA,EAAA;AAGhB,2BACGU,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAC5D,UAAcd,IAAA,qCAAqC,sCACtD;AAAA,IACC,gBAAAa,EAAAE,GAAA,EAAU,QAAQZ,IAAW,KAAK,IAAI;AAAA,IACtC,gBAAAU,EAAAD,GAAA,EAAS,WAAW,GAAG,iBAAgB,UAAS,gBAAgBT,IAAW,WAAW,OACnF,WAAcH,IAAAgB,IAA0BC,GAAoB;AAAA,MAC5D,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,YAAAC,GAAY,QAAAC,GAAQ,UAAAC,GAAU,MAAAd,GAAM,kBAAAe,EAAA,MACzD,gBAAAV;AAAA,QAACW;AAAA,QAAA;AAAA,UAEC,OAAAN;AAAA,UACA,aAAcV,KAAQF,EAAeE,CAAI,KAAOW;AAAA,UAChD,UAAUC;AAAA,UACV,gBAAgBG;AAAA,UAChB,QAAAF;AAAA,UACA,UAAAC;AAAA,UACA,MAAAd;AAAA,UACA,aAAAR;AAAA,UACA,SAASU;AAAA,QAAA;AAAA,QATJQ;AAAA,MAUP;AAAA,IAAA,GAGN;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"session-summary.js","sources":["../../../../../src/features/parent-dashboard/comps/session-summary/session-summary.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { ESummaryType } from '../../parent-dashboard-types';\nimport { sessionSummaryAfterDemo, sessionSummaryData } from './session-summary-constants';\nimport type { ISessionSummaryProps } from './session-summary-types';\nimport SessionSummaryCard from './summary-card/summary-card';\n\nconst SessionSummary = memo(({ isTrialDone, studentName, onViewSummary }: ISessionSummaryProps) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const getDescription = useCallback(\n    (type?: ESummaryType) => {\n      if (!type) return '';\n\n      if (type === ESummaryType.STUDENT_PROFILE) {\n        return `We understood your goals and expectations to create ${studentName}'s profile.`;\n      }\n\n      if (type === ESummaryType.INSIGHTS) {\n        return `With tutor’s guidance ${studentName} solved problems, helping us assess their math proficiency.`;\n      }\n\n      if (type === ESummaryType.LEARNING_PLAN) {\n        return `The plan will keep evolving based on ${studentName}'s progress and evolving needs.`;\n      }\n    },\n    [studentName],\n  );\n\n  const handleClick = useCallback(\n    (key: ESummaryType) => {\n      onViewSummary?.(key);\n    },\n    [onViewSummary],\n  );\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        {isTrialDone ? `What happened in today’s session` : `What happens in the first session?`}\n      </Text>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $flexGapX={1} $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {(isTrialDone ? sessionSummaryAfterDemo : sessionSummaryData).map(\n          ({ title, description, bgImageSrc, textBG, ctaLabel, type, bgImageSrcMobile }) => (\n            <SessionSummaryCard\n              key={title}\n              title={title}\n              description={(type && getDescription(type)) || (description as string)}\n              imageSrc={bgImageSrc}\n              imageSrcMobile={bgImageSrcMobile}\n              textBG={textBG}\n              ctaLabel={ctaLabel}\n              type={type}\n              isTrialDone={isTrialDone}\n              onClick={handleClick}\n            />\n          ),\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default SessionSummary;\n"],"names":["SessionSummary","memo","isTrialDone","studentName","onViewSummary","isMobile","useTheme","EDeviceType","getDescription","useCallback","type","ESummaryType","handleClick","key","FlexView","jsx","Text","Separator","sessionSummaryAfterDemo","sessionSummaryData","title","description","bgImageSrc","textBG","ctaLabel","bgImageSrcMobile","SessionSummaryCard"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAiBC,EAAK,CAAC,EAAE,aAAAC,GAAa,aAAAC,GAAa,eAAAC,QAA0C;AAE3F,QAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAiBC;AAAA,IACrB,CAACC,MAAwB;AACnB,UAAA,CAACA,EAAa,QAAA;AAEd,UAAAA,MAASC,EAAa;AACxB,eAAO,uDAAuDR,CAAW;AAGvE,UAAAO,MAASC,EAAa;AACxB,eAAO,yBAAyBR,CAAW;AAGzC,UAAAO,MAASC,EAAa;AACxB,eAAO,wCAAwCR,CAAW;AAAA,IAE9D;AAAA,IACA,CAACA,CAAW;AAAA,EAAA,GAGRS,IAAcH;AAAA,IAClB,CAACI,MAAsB;AACrB,MAAAT,KAAA,QAAAA,EAAgBS;AAAA,IAClB;AAAA,IACA,CAACT,CAAa;AAAA,EAAA;AAGhB,2BACGU,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAC5D,UAAcd,IAAA,qCAAqC,sCACtD;AAAA,IACC,gBAAAa,EAAAE,GAAA,EAAU,QAAQZ,IAAW,KAAK,IAAI;AAAA,IACtC,gBAAAU,EAAAD,GAAA,EAAS,WAAW,GAAG,iBAAgB,UAAS,gBAAgBT,IAAW,WAAW,OACnF,WAAcH,IAAAgB,IAA0BC,GAAoB;AAAA,MAC5D,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,YAAAC,GAAY,QAAAC,GAAQ,UAAAC,GAAU,MAAAd,GAAM,kBAAAe,EAAA,MACzD,gBAAAV;AAAA,QAACW;AAAA,QAAA;AAAA,UAEC,OAAAN;AAAA,UACA,aAAcV,KAAQF,EAAeE,CAAI,KAAOW;AAAA,UAChD,UAAUC;AAAA,UACV,gBAAgBG;AAAA,UAChB,QAAAF;AAAA,UACA,UAAAC;AAAA,UACA,MAAAd;AAAA,UACA,aAAAR;AAAA,UACA,SAASU;AAAA,QAAA;AAAA,QATJQ;AAAA,MAUP;AAAA,IAAA,GAGN;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/parent-dashboard/comps/session-summary/summary-card/summary-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"summary-card.js","sources":["../../../../../../src/features/parent-dashboard/comps/session-summary/summary-card/summary-card.tsx"],"sourcesContent":["import type { ISessionSummaryCardProps } from './summary-card-types';\n\nimport { memo, useCallback, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ChevronRightIcon from '../../../../../assets/line-icons/icons/chevron-right';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport * as Styled from './summary-card-styled';\n\nconst SessionSummaryCard = memo(\n  ({\n    title,\n    description,\n    imageSrc,\n    imageSrcMobile,\n    textBG,\n    ctaLabel,\n    type,\n    isTrialDone,\n    onClick,\n  }: ISessionSummaryCardProps) => {\n    const theme = useTheme();\n    const isMobile = useMemo(() => theme.device <= EDeviceType.MOBILE, [theme.device]);\n    const isClickable = useMemo(() => isTrialDone && type && onClick, [isTrialDone, type, onClick]);\n\n    const handleClick = useCallback(() => {\n      if (type && onClick) onClick(type);\n    }, [type, onClick]);\n\n    const CardContent = useMemo(\n      () => (\n        <FlexView key={title} $flex={1}>\n          <Styled.ImageWrapper $height={84} $width=\"100%\" $background={textBG}>\n            <Image\n              src={isMobile ? imageSrcMobile : imageSrc}\n              height={84}\n              width=\"100%\"\n              withLoader={false}\n            />\n          </Styled.ImageWrapper>\n          <FlexView $gap={12} $gutter={16} $background={textBG} $flex={1}>\n            <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE\">\n              {title}\n            </Text>\n            <Separator height={isMobile ? 8 : 12} />\n            <Text $renderAs=\"ub3\" $color=\"WHITE\">\n              {description}\n            </Text>\n          </FlexView>\n        </FlexView>\n      ),\n      [title, textBG, isMobile, imageSrcMobile, imageSrc, description],\n    );\n\n    const ClickableButton = useMemo(\n      () => (\n        <Clickable label={type || ''} onClick={handleClick}>\n          <FlexView $background={textBG}>\n            <FlexView\n              $background=\"BLACK_T_38\"\n              $gapX={0.5}\n              $gutterX={0.5}\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $justifyContent=\"space-between\"\n            >\n              <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n                {ctaLabel}\n              </Text>\n              <ChevronRightIcon width={24} height={24} color=\"WHITE\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n      ),\n      [type, ctaLabel, textBG, handleClick],\n    );\n\n    return isClickable ? (\n      <FlexView $flex={1}>\n        {CardContent}\n        {ClickableButton}\n      </FlexView>\n    ) : (\n      CardContent\n    );\n  },\n);\n\nSessionSummaryCard.displayName = 'SessionSummaryCard';\n\nexport default SessionSummaryCard;\n"],"names":["SessionSummaryCard","memo","title","description","imageSrc","imageSrcMobile","textBG","ctaLabel","type","isTrialDone","onClick","theme","useTheme","isMobile","useMemo","EDeviceType","isClickable","handleClick","useCallback","CardContent","jsxs","FlexView","jsx","Styled.ImageWrapper","Image","Text","Separator","ClickableButton","Clickable","ChevronRightIcon"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqBC;AAAA,EACzB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MAC8B;AAC9B,UAAMC,IAAQC,KACRC,IAAWC,EAAQ,MAAMH,EAAM,UAAUI,EAAY,QAAQ,CAACJ,EAAM,MAAM,CAAC,GAC3EK,IAAcF,EAAQ,MAAML,KAAeD,KAAQE,GAAS,CAACD,GAAaD,GAAME,CAAO,CAAC,GAExFO,IAAcC,EAAY,MAAM;AAChC,MAAAV,KAAQE,KAASA,EAAQF,CAAI;AAAA,IAAA,GAChC,CAACA,GAAME,CAAO,CAAC,GAEZS,IAAcL;AAAA,MAClB,MACE,gBAAAM,EAACC,GAAqB,EAAA,OAAO,GAC3B,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAoB,SAAS,IAAI,QAAO,QAAO,aAAajB,GAC3D,UAAA,gBAAAgB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAKX,IAAWR,IAAiBD;AAAA,YACjC,QAAQ;AAAA,YACR,OAAM;AAAA,YACN,YAAY;AAAA,UAAA;AAAA,QAAA,GAEhB;AAAA,QACA,gBAAAgB,EAACC,KAAS,MAAM,IAAI,SAAS,IAAI,aAAaf,GAAQ,OAAO,GAC3D,UAAA;AAAA,UAAA,gBAAAgB,EAACG,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,SAC9D,UACHvB,EAAA,CAAA;AAAA,UACC,gBAAAoB,EAAAI,GAAA,EAAU,QAAQb,IAAW,IAAI,IAAI;AAAA,4BACrCY,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHtB,GAAA;AAAA,QAAA,GACF;AAAA,MAAA,EAAA,GAjBaD,CAkBf;AAAA,MAEF,CAACA,GAAOI,GAAQO,GAAUR,GAAgBD,GAAUD,CAAW;AAAA,IAAA,GAG3DwB,IAAkBb;AAAA,MACtB,MACG,gBAAAQ,EAAAM,GAAA,EAAU,OAAOpB,KAAQ,IAAI,SAASS,GACrC,UAAA,gBAAAK,EAACD,GAAS,EAAA,aAAaf,GACrB,UAAA,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAC,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,WAC1B,UACHlB,GAAA;AAAA,8BACCsB,GAAiB,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,SAE3D,EACF,CAAA;AAAA,MAEF,CAACrB,GAAMD,GAAUD,GAAQW,CAAW;AAAA,IAAA;AAGtC,WAAOD,IACL,gBAAAI,EAACC,GAAS,EAAA,OAAO,GACd,UAAA;AAAA,MAAAF;AAAA,MACAQ;AAAA,IAAA,EACH,CAAA,IAEAR;AAAA,EAEJ;AACF;AAEAnB,EAAmB,cAAc;"}
+{"version":3,"file":"summary-card.js","sources":["../../../../../../src/features/parent-dashboard/comps/session-summary/summary-card/summary-card.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ChevronRightIcon from '../../../../../assets/line-icons/icons/chevron-right';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport * as Styled from './summary-card-styled';\nimport type { ISessionSummaryCardProps } from './summary-card-types';\n\nconst SessionSummaryCard = memo(\n  ({\n    title,\n    description,\n    imageSrc,\n    imageSrcMobile,\n    textBG,\n    ctaLabel,\n    type,\n    isTrialDone,\n    onClick,\n  }: ISessionSummaryCardProps) => {\n    const theme = useTheme();\n    const isMobile = useMemo(() => theme.device <= EDeviceType.MOBILE, [theme.device]);\n    const isClickable = useMemo(() => isTrialDone && type && onClick, [isTrialDone, type, onClick]);\n\n    const handleClick = useCallback(() => {\n      if (type && onClick) onClick(type);\n    }, [type, onClick]);\n\n    const CardContent = useMemo(\n      () => (\n        <FlexView key={title} $flex={1}>\n          <Styled.ImageWrapper $height={84} $width=\"100%\" $background={textBG}>\n            <Image\n              src={isMobile ? imageSrcMobile : imageSrc}\n              height={84}\n              width=\"100%\"\n              withLoader={false}\n            />\n          </Styled.ImageWrapper>\n          <FlexView $gap={12} $gutter={16} $background={textBG} $flex={1}>\n            <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE\">\n              {title}\n            </Text>\n            <Separator height={isMobile ? 8 : 12} />\n            <Text $renderAs=\"ub3\" $color=\"WHITE\">\n              {description}\n            </Text>\n          </FlexView>\n        </FlexView>\n      ),\n      [title, textBG, isMobile, imageSrcMobile, imageSrc, description],\n    );\n\n    const ClickableButton = useMemo(\n      () => (\n        <Clickable label={type || ''} onClick={handleClick}>\n          <FlexView $background={textBG}>\n            <FlexView\n              $background=\"BLACK_T_38\"\n              $gapX={0.5}\n              $gutterX={0.5}\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $justifyContent=\"space-between\"\n            >\n              <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n                {ctaLabel}\n              </Text>\n              <ChevronRightIcon width={24} height={24} color=\"WHITE\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n      ),\n      [type, ctaLabel, textBG, handleClick],\n    );\n\n    return isClickable ? (\n      <FlexView $flex={1}>\n        {CardContent}\n        {ClickableButton}\n      </FlexView>\n    ) : (\n      CardContent\n    );\n  },\n);\n\nSessionSummaryCard.displayName = 'SessionSummaryCard';\n\nexport default SessionSummaryCard;\n"],"names":["SessionSummaryCard","memo","title","description","imageSrc","imageSrcMobile","textBG","ctaLabel","type","isTrialDone","onClick","theme","useTheme","isMobile","useMemo","EDeviceType","isClickable","handleClick","useCallback","CardContent","jsxs","FlexView","jsx","Styled.ImageWrapper","Image","Text","Separator","ClickableButton","Clickable","ChevronRightIcon"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAqBC;AAAA,EACzB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MAC8B;AAC9B,UAAMC,IAAQC,KACRC,IAAWC,EAAQ,MAAMH,EAAM,UAAUI,EAAY,QAAQ,CAACJ,EAAM,MAAM,CAAC,GAC3EK,IAAcF,EAAQ,MAAML,KAAeD,KAAQE,GAAS,CAACD,GAAaD,GAAME,CAAO,CAAC,GAExFO,IAAcC,EAAY,MAAM;AAChC,MAAAV,KAAQE,KAASA,EAAQF,CAAI;AAAA,IAAA,GAChC,CAACA,GAAME,CAAO,CAAC,GAEZS,IAAcL;AAAA,MAClB,MACE,gBAAAM,EAACC,GAAqB,EAAA,OAAO,GAC3B,UAAA;AAAA,QAAC,gBAAAC,EAAAC,GAAA,EAAoB,SAAS,IAAI,QAAO,QAAO,aAAajB,GAC3D,UAAA,gBAAAgB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAKX,IAAWR,IAAiBD;AAAA,YACjC,QAAQ;AAAA,YACR,OAAM;AAAA,YACN,YAAY;AAAA,UAAA;AAAA,QAAA,GAEhB;AAAA,QACA,gBAAAgB,EAACC,KAAS,MAAM,IAAI,SAAS,IAAI,aAAaf,GAAQ,OAAO,GAC3D,UAAA;AAAA,UAAA,gBAAAgB,EAACG,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,SAC9D,UACHvB,EAAA,CAAA;AAAA,UACC,gBAAAoB,EAAAI,GAAA,EAAU,QAAQb,IAAW,IAAI,IAAI;AAAA,4BACrCY,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHtB,GAAA;AAAA,QAAA,GACF;AAAA,MAAA,EAAA,GAjBaD,CAkBf;AAAA,MAEF,CAACA,GAAOI,GAAQO,GAAUR,GAAgBD,GAAUD,CAAW;AAAA,IAAA,GAG3DwB,IAAkBb;AAAA,MACtB,MACG,gBAAAQ,EAAAM,GAAA,EAAU,OAAOpB,KAAQ,IAAI,SAASS,GACrC,UAAA,gBAAAK,EAACD,GAAS,EAAA,aAAaf,GACrB,UAAA,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAC,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,WAC1B,UACHlB,GAAA;AAAA,8BACCsB,GAAiB,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,SAE3D,EACF,CAAA;AAAA,MAEF,CAACrB,GAAMD,GAAUD,GAAQW,CAAW;AAAA,IAAA;AAGtC,WAAOD,IACL,gBAAAI,EAACC,GAAS,EAAA,OAAO,GACd,UAAA;AAAA,MAAAF;AAAA,MACAQ;AAAA,IAAA,EACH,CAAA,IAEAR;AAAA,EAEJ;AACF;AAEAnB,EAAmB,cAAc;"}

package/dist/features/parent-dashboard/comps/upcoming-sessions/upcoming-sessions.js.map

@@ -1 +1 @@
-{"version":3,"file":"upcoming-sessions.js","sources":["../../../../../src/features/parent-dashboard/comps/upcoming-sessions/upcoming-sessions.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\nimport type { ISpacingConfig } from '../../parent-dashboard-types';\n\nimport { format, isToday, addDays } from 'date-fns';\nimport React, { useCallback, memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport { CUEMATH_APP_URL } from '../../../../constants/config';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from '../../parent-dashboard-constants';\nimport { DAYS_TO_SHOW } from './upcoming-sessions-constants';\nimport * as Styled from './upcoming-sessions-styled';\nimport { ESessionStatus, type IUpcomingSessionsProps } from './upcoming-sessions-types';\n\nconst UpcomingSessions: React.FC<IUpcomingSessionsProps> = ({ sessions = [] }) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const today = useMemo(() => new Date(), []);\n  const sessionsMap = useMemo(\n    () =>\n      new Map(\n        sessions.map(session => [\n          format(new Date(session.session_start * 1000), 'yyyy-MM-dd'),\n          session,\n        ]),\n      ),\n    [sessions],\n  );\n\n  const days = useMemo(\n    () => Array.from({ length: DAYS_TO_SHOW }, (_, i) => addDays(today, i)),\n    [today],\n  );\n\n  const spacing: ISpacingConfig = useMemo(\n    () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n    [isMobile],\n  );\n\n  const handleOpenApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  if (sessions.length === 0) return null;\n\n  return (\n    <FlexView>\n      <Separator height={spacing.separator.extraLarge} />\n      <FlexView>\n        <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n          Upcoming sessions\n        </Text>\n        <Separator height={4} />\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.25}>\n          <Text $renderAs=\"ub1\" $color=\"WHITE_T_60\">\n            For more details,\n          </Text>\n          <TextButton label=\"download the Cuemath app\" onClick={handleOpenApp} color=\"WHITE\" />\n        </FlexView>\n      </FlexView>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $borderColor=\"BLACK_5\">\n        {days.map(day => {\n          const dateKey = format(day, 'yyyy-MM-dd');\n          const session = sessionsMap.get(dateKey);\n          const isTodayFlag = isToday(day);\n          const isSessionCompleted = session?.session_status === ESessionStatus.COMPLETED;\n          const defaultTimecellBg =\n            session?.session_status === ESessionStatus.IN_FUTURE ? 'GREEN_6' : 'BLACK_1';\n          const timeCellBg = isSessionCompleted ? 'WHITE_T_10' : defaultTimecellBg;\n\n          return (\n            <Styled.SessionRow key={dateKey} $flex={1} $flexDirection=\"row\">\n              <Styled.DayLabel\n                $width={80}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $flexColumnGapX={0.25}\n                $gutterX={1}\n                $gapX={0.5}\n              >\n                <Text $renderAs=\"ac4-black\" $color=\"WHITE_1\">\n                  {format(day, 'EEE').toUpperCase()}\n                </Text>\n                <Styled.DateWrapper\n                  $background={isTodayFlag ? 'WHITE' : 'TRANSPARENT'}\n                  $width={22}\n                  $height={22}\n                  $alignItems=\"center\"\n                  $justifyContent=\"center\"\n                  $borderRadius={11}\n                  $gutter={1}\n                  $gap={2}\n                >\n                  <Text $renderAs=\"ab3-bold\" $color={isTodayFlag ? 'BLACK_1' : 'WHITE_1'}>\n                    {format(day, 'd')}\n                  </Text>\n                </Styled.DateWrapper>\n              </Styled.DayLabel>\n              <FlexView\n                $flex={1}\n                $gutterX={1}\n                $gap={14}\n                $background={timeCellBg as TColorNames}\n                $flexDirection=\"row\"\n                $justifyContent=\"space-between\"\n                $alignItems=\"center\"\n              >\n                {session ? (\n                  <Text $renderAs=\"ab2\" $color={isSessionCompleted ? 'WHITE_T_38' : 'WHITE'}>\n                    {format(new Date(session.session_start * 1000), 'p')}\n                  </Text>\n                ) : null}\n                {isSessionCompleted && <Check2Icon color={theme.colors.WHITE_T_38} />}\n              </FlexView>\n            </Styled.SessionRow>\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(UpcomingSessions);\n"],"names":["UpcomingSessions","sessions","theme","useTheme","isMobile","EDeviceType","today","useMemo","sessionsMap","session","format","days","DAYS_TO_SHOW","_","i","addDays","spacing","MOBILE_SPACING","DESKTOP_SPACING","handleOpenApp","useCallback","CUEMATH_APP_URL","FlexView","jsx","Separator","Text","TextButton","day","dateKey","isTodayFlag","isToday","isSessionCompleted","ESessionStatus","defaultTimecellBg","timeCellBg","Styled.SessionRow","jsxs","Styled.DayLabel","Styled.DateWrapper","Check2Icon","UpcomingSessions$1","memo"],"mappings":"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"}
+{"version":3,"file":"upcoming-sessions.js","sources":["../../../../../src/features/parent-dashboard/comps/upcoming-sessions/upcoming-sessions.tsx"],"sourcesContent":["import { format, isToday, addDays } from 'date-fns';\nimport { useCallback, memo, useMemo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport { CUEMATH_APP_URL } from '../../../../constants/config';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport type { TColorNames } from '../../../ui/types';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from '../../parent-dashboard-constants';\nimport type { ISpacingConfig } from '../../parent-dashboard-types';\nimport { DAYS_TO_SHOW } from './upcoming-sessions-constants';\nimport * as Styled from './upcoming-sessions-styled';\nimport { ESessionStatus, type IUpcomingSessionsProps } from './upcoming-sessions-types';\n\nconst UpcomingSessions: FC<IUpcomingSessionsProps> = ({ sessions = [] }) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const today = useMemo(() => new Date(), []);\n  const sessionsMap = useMemo(\n    () =>\n      new Map(\n        sessions.map(session => [\n          format(new Date(session.session_start * 1000), 'yyyy-MM-dd'),\n          session,\n        ]),\n      ),\n    [sessions],\n  );\n\n  const days = useMemo(\n    () => Array.from({ length: DAYS_TO_SHOW }, (_, i) => addDays(today, i)),\n    [today],\n  );\n\n  const spacing: ISpacingConfig = useMemo(\n    () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n    [isMobile],\n  );\n\n  const handleOpenApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  if (sessions.length === 0) return null;\n\n  return (\n    <FlexView>\n      <Separator height={spacing.separator.extraLarge} />\n      <FlexView>\n        <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n          Upcoming sessions\n        </Text>\n        <Separator height={4} />\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.25}>\n          <Text $renderAs=\"ub1\" $color=\"WHITE_T_60\">\n            For more details,\n          </Text>\n          <TextButton label=\"download the Cuemath app\" onClick={handleOpenApp} color=\"WHITE\" />\n        </FlexView>\n      </FlexView>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $borderColor=\"BLACK_5\">\n        {days.map(day => {\n          const dateKey = format(day, 'yyyy-MM-dd');\n          const session = sessionsMap.get(dateKey);\n          const isTodayFlag = isToday(day);\n          const isSessionCompleted = session?.session_status === ESessionStatus.COMPLETED;\n          const defaultTimecellBg =\n            session?.session_status === ESessionStatus.IN_FUTURE ? 'GREEN_6' : 'BLACK_1';\n          const timeCellBg = isSessionCompleted ? 'WHITE_T_10' : defaultTimecellBg;\n\n          return (\n            <Styled.SessionRow key={dateKey} $flex={1} $flexDirection=\"row\">\n              <Styled.DayLabel\n                $width={80}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $flexColumnGapX={0.25}\n                $gutterX={1}\n                $gapX={0.5}\n              >\n                <Text $renderAs=\"ac4-black\" $color=\"WHITE_1\">\n                  {format(day, 'EEE').toUpperCase()}\n                </Text>\n                <Styled.DateWrapper\n                  $background={isTodayFlag ? 'WHITE' : 'TRANSPARENT'}\n                  $width={22}\n                  $height={22}\n                  $alignItems=\"center\"\n                  $justifyContent=\"center\"\n                  $borderRadius={11}\n                  $gutter={1}\n                  $gap={2}\n                >\n                  <Text $renderAs=\"ab3-bold\" $color={isTodayFlag ? 'BLACK_1' : 'WHITE_1'}>\n                    {format(day, 'd')}\n                  </Text>\n                </Styled.DateWrapper>\n              </Styled.DayLabel>\n              <FlexView\n                $flex={1}\n                $gutterX={1}\n                $gap={14}\n                $background={timeCellBg as TColorNames}\n                $flexDirection=\"row\"\n                $justifyContent=\"space-between\"\n                $alignItems=\"center\"\n              >\n                {session ? (\n                  <Text $renderAs=\"ab2\" $color={isSessionCompleted ? 'WHITE_T_38' : 'WHITE'}>\n                    {format(new Date(session.session_start * 1000), 'p')}\n                  </Text>\n                ) : null}\n                {isSessionCompleted && <Check2Icon color={theme.colors.WHITE_T_38} />}\n              </FlexView>\n            </Styled.SessionRow>\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(UpcomingSessions);\n"],"names":["UpcomingSessions","sessions","theme","useTheme","isMobile","EDeviceType","today","useMemo","sessionsMap","session","format","days","DAYS_TO_SHOW","_","i","addDays","spacing","MOBILE_SPACING","DESKTOP_SPACING","handleOpenApp","useCallback","CUEMATH_APP_URL","FlexView","jsx","Separator","Text","TextButton","day","dateKey","isTodayFlag","isToday","isSessionCompleted","ESessionStatus","defaultTimecellBg","timeCellBg","Styled.SessionRow","jsxs","Styled.DayLabel","Styled.DateWrapper","Check2Icon","UpcomingSessions$1","memo"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-parent-home-data.js","sources":["../../../../src/features/parent-dashboard/hooks/use-parent-home-data.ts"],"sourcesContent":["import type { IUseParentHomeDataReturn } from '../parent-dashboard-types';\n\nimport { useMemo } from 'react';\n\nimport { useParentHomeGet } from '../api/parent-home';\nimport {\n  DEFAULT_LOADING_STATE,\n  PLA_INTRO_ELIGIBLE_STATES,\n  SUBSCRIPTION_CANCELLED_STATES,\n  TRIAL_COMPLETED_STATES,\n} from '../parent-dashboard-constants';\nimport { EPLAState } from '../parent-dashboard-types';\n\n/**\n * Hook to consume processed parent home data.\n * - Automatically fetches on mount and when stale using useFetchParentHome() at <ParentRoutesWrapper/>.\n * - Use this to **read** parent home data.\n */\n\nconst useParentHomeData = (studentId: string): IUseParentHomeDataReturn => {\n  const { data: parentHomeData, isProcessingFailed } = useParentHomeGet(studentId);\n\n  const parentHomeDataMemoised = useMemo(() => {\n    if (!parentHomeData?.pla_state) {\n      return {\n        ...DEFAULT_LOADING_STATE,\n        isProcessingFailed,\n      };\n    }\n\n    const {\n      teacher_details: teacherDetails,\n      session_details: sessionDetails,\n      billing_details: billingDetails,\n      pla_state: plaState,\n    } = parentHomeData;\n\n    const {\n      completed_sessions: completedSessions = 0,\n      next_session_end: nextSessionEnd = 0,\n      next_session_start: nextSessionStart = 0,\n      upcoming_sessions: upcomingSessions = [],\n      student_demo_id: demoId = null,\n      user_attempt_id: userAttemptId = null,\n    } = sessionDetails ?? {};\n\n    const teacherName = teacherDetails\n      ? `${teacherDetails.first_name || ''} ${teacherDetails.last_name || ''}`.trim()\n      : '';\n\n    const isCardDeclined = plaState === EPLAState.TRIAL_COMPLETED_CARD_DECLINED;\n    const cardOnFileNotAvailable = plaState === EPLAState.NO_CARD_ON_FILE;\n    const isSubscriptionCancelled = SUBSCRIPTION_CANCELLED_STATES.includes(plaState);\n\n    const isTutorNoShow = plaState === EPLAState.TRIAL_TUTOR_NO_SHOW;\n    const isStudentNoShow = plaState === EPLAState.TRIAL_STUDENT_NO_SHOW;\n    const isTrialDone = TRIAL_COMPLETED_STATES.includes(plaState);\n    const isOnlyTrialDone = isTrialDone && plaState !== EPLAState.REGULAR_CLASS_COMPLETED;\n    const isRegularClassDone = plaState === EPLAState.REGULAR_CLASS_COMPLETED;\n    const canChangeTutor = plaState === EPLAState.TRIAL_COMPLETED_PAYMENT_PENDING;\n\n    const showPLAIntroduction = PLA_INTRO_ELIGIBLE_STATES.includes(plaState);\n\n    return {\n      plaState,\n      sessionDetails,\n      teacherDetails,\n      billingDetails,\n      teacherName,\n      completedSessions,\n      nextSessionEnd,\n      nextSessionStart,\n      upcomingSessions,\n      isTrialDone,\n      isOnlyTrialDone,\n      isRegularClassDone,\n      isCardDeclined,\n      isSubscriptionCancelled,\n      cardOnFileNotAvailable,\n      isTutorNoShow,\n      isStudentNoShow,\n      showLoading: false,\n      demoId,\n      userAttemptId,\n      isProcessingFailed: false,\n      canChangeTutor,\n      showPLAIntroduction,\n    };\n  }, [parentHomeData, isProcessingFailed]);\n\n  return parentHomeDataMemoised;\n};\n\nexport default useParentHomeData;\n"],"names":["useParentHomeData","studentId","parentHomeData","isProcessingFailed","useParentHomeGet","useMemo","DEFAULT_LOADING_STATE","teacherDetails","sessionDetails","billingDetails","plaState","completedSessions","nextSessionEnd","nextSessionStart","upcomingSessions","demoId","userAttemptId","teacherName","isCardDeclined","EPLAState","cardOnFileNotAvailable","isSubscriptionCancelled","SUBSCRIPTION_CANCELLED_STATES","isTutorNoShow","isStudentNoShow","isTrialDone","TRIAL_COMPLETED_STATES","isOnlyTrialDone","isRegularClassDone","canChangeTutor","showPLAIntroduction","PLA_INTRO_ELIGIBLE_STATES","useParentHomeData$1"],"mappings":";;;;AAmBA,MAAMA,IAAoB,CAACC,MAAgD;AACzE,QAAM,EAAE,MAAMC,GAAgB,oBAAAC,EAAmB,IAAIC,EAAiBH,CAAS;AAsExE,SApEwBI,EAAQ,MAAM;AACvC,QAAA,EAACH,KAAA,QAAAA,EAAgB;AACZ,aAAA;AAAA,QACL,GAAGI;AAAA,QACH,oBAAAH;AAAA,MAAA;AAIE,UAAA;AAAA,MACJ,iBAAiBI;AAAA,MACjB,iBAAiBC;AAAA,MACjB,iBAAiBC;AAAA,MACjB,WAAWC;AAAA,IACT,IAAAR,GAEE;AAAA,MACJ,oBAAoBS,IAAoB;AAAA,MACxC,kBAAkBC,IAAiB;AAAA,MACnC,oBAAoBC,IAAmB;AAAA,MACvC,mBAAmBC,IAAmB,CAAC;AAAA,MACvC,iBAAiBC,IAAS;AAAA,MAC1B,iBAAiBC,IAAgB;AAAA,IAAA,IAC/BR,KAAkB,CAAA,GAEhBS,IAAcV,IAChB,GAAGA,EAAe,cAAc,EAAE,IAAIA,EAAe,aAAa,EAAE,GAAG,KAAA,IACvE,IAEEW,IAAiBR,MAAaS,EAAU,+BACxCC,IAAyBV,MAAaS,EAAU,iBAChDE,IAA0BC,EAA8B,SAASZ,CAAQ,GAEzEa,IAAgBb,MAAaS,EAAU,qBACvCK,IAAkBd,MAAaS,EAAU,uBACzCM,IAAcC,EAAuB,SAAShB,CAAQ,GACtDiB,IAAkBF,KAAef,MAAaS,EAAU,yBACxDS,IAAqBlB,MAAaS,EAAU,yBAC5CU,IAAiBnB,MAAaS,EAAU,iCAExCW,IAAsBC,EAA0B,SAASrB,CAAQ;AAEhE,WAAA;AAAA,MACL,UAAAA;AAAA,MACA,gBAAAF;AAAA,MACA,gBAAAD;AAAA,MACA,gBAAAE;AAAA,MACA,aAAAQ;AAAA,MACA,mBAAAN;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,aAAAW;AAAA,MACA,iBAAAE;AAAA,MACA,oBAAAC;AAAA,MACA,gBAAAV;AAAA,MACA,yBAAAG;AAAA,MACA,wBAAAD;AAAA,MACA,eAAAG;AAAA,MACA,iBAAAC;AAAA,MACA,aAAa;AAAA,MACb,QAAAT;AAAA,MACA,eAAAC;AAAA,MACA,oBAAoB;AAAA,MACpB,gBAAAa;AAAA,MACA,qBAAAC;AAAA,IAAA;AAAA,EACF,GACC,CAAC5B,GAAgBC,CAAkB,CAAC;AAGzC,GAEA6B,IAAehC;"}
+{"version":3,"file":"use-parent-home-data.js","sources":["../../../../src/features/parent-dashboard/hooks/use-parent-home-data.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useParentHomeGet } from '../api/parent-home';\nimport {\n  DEFAULT_LOADING_STATE,\n  PLA_INTRO_ELIGIBLE_STATES,\n  SUBSCRIPTION_CANCELLED_STATES,\n  TRIAL_COMPLETED_STATES,\n} from '../parent-dashboard-constants';\nimport type { IUseParentHomeDataReturn } from '../parent-dashboard-types';\nimport { EPLAState } from '../parent-dashboard-types';\n\n/**\n * Hook to consume processed parent home data.\n * - Automatically fetches on mount and when stale using useFetchParentHome() at <ParentRoutesWrapper/>.\n * - Use this to **read** parent home data.\n */\n\nconst useParentHomeData = (studentId: string): IUseParentHomeDataReturn => {\n  const { data: parentHomeData, isProcessingFailed } = useParentHomeGet(studentId);\n\n  const parentHomeDataMemoised = useMemo(() => {\n    if (!parentHomeData?.pla_state) {\n      return {\n        ...DEFAULT_LOADING_STATE,\n        isProcessingFailed,\n      };\n    }\n\n    const {\n      teacher_details: teacherDetails,\n      session_details: sessionDetails,\n      billing_details: billingDetails,\n      pla_state: plaState,\n    } = parentHomeData;\n\n    const {\n      completed_sessions: completedSessions = 0,\n      next_session_end: nextSessionEnd = 0,\n      next_session_start: nextSessionStart = 0,\n      upcoming_sessions: upcomingSessions = [],\n      student_demo_id: demoId = null,\n      user_attempt_id: userAttemptId = null,\n    } = sessionDetails ?? {};\n\n    const teacherName = teacherDetails\n      ? `${teacherDetails.first_name || ''} ${teacherDetails.last_name || ''}`.trim()\n      : '';\n\n    const isCardDeclined = plaState === EPLAState.TRIAL_COMPLETED_CARD_DECLINED;\n    const cardOnFileNotAvailable = plaState === EPLAState.NO_CARD_ON_FILE;\n    const isSubscriptionCancelled = SUBSCRIPTION_CANCELLED_STATES.includes(plaState);\n\n    const isTutorNoShow = plaState === EPLAState.TRIAL_TUTOR_NO_SHOW;\n    const isStudentNoShow = plaState === EPLAState.TRIAL_STUDENT_NO_SHOW;\n    const isTrialDone = TRIAL_COMPLETED_STATES.includes(plaState);\n    const isOnlyTrialDone = isTrialDone && plaState !== EPLAState.REGULAR_CLASS_COMPLETED;\n    const isRegularClassDone = plaState === EPLAState.REGULAR_CLASS_COMPLETED;\n    const canChangeTutor = plaState === EPLAState.TRIAL_COMPLETED_PAYMENT_PENDING;\n\n    const showPLAIntroduction = PLA_INTRO_ELIGIBLE_STATES.includes(plaState);\n\n    return {\n      plaState,\n      sessionDetails,\n      teacherDetails,\n      billingDetails,\n      teacherName,\n      completedSessions,\n      nextSessionEnd,\n      nextSessionStart,\n      upcomingSessions,\n      isTrialDone,\n      isOnlyTrialDone,\n      isRegularClassDone,\n      isCardDeclined,\n      isSubscriptionCancelled,\n      cardOnFileNotAvailable,\n      isTutorNoShow,\n      isStudentNoShow,\n      showLoading: false,\n      demoId,\n      userAttemptId,\n      isProcessingFailed: false,\n      canChangeTutor,\n      showPLAIntroduction,\n    };\n  }, [parentHomeData, isProcessingFailed]);\n\n  return parentHomeDataMemoised;\n};\n\nexport default useParentHomeData;\n"],"names":["useParentHomeData","studentId","parentHomeData","isProcessingFailed","useParentHomeGet","useMemo","DEFAULT_LOADING_STATE","teacherDetails","sessionDetails","billingDetails","plaState","completedSessions","nextSessionEnd","nextSessionStart","upcomingSessions","demoId","userAttemptId","teacherName","isCardDeclined","EPLAState","cardOnFileNotAvailable","isSubscriptionCancelled","SUBSCRIPTION_CANCELLED_STATES","isTutorNoShow","isStudentNoShow","isTrialDone","TRIAL_COMPLETED_STATES","isOnlyTrialDone","isRegularClassDone","canChangeTutor","showPLAIntroduction","PLA_INTRO_ELIGIBLE_STATES","useParentHomeData$1"],"mappings":";;;;AAkBA,MAAMA,IAAoB,CAACC,MAAgD;AACzE,QAAM,EAAE,MAAMC,GAAgB,oBAAAC,EAAmB,IAAIC,EAAiBH,CAAS;AAsExE,SApEwBI,EAAQ,MAAM;AACvC,QAAA,EAACH,KAAA,QAAAA,EAAgB;AACZ,aAAA;AAAA,QACL,GAAGI;AAAA,QACH,oBAAAH;AAAA,MAAA;AAIE,UAAA;AAAA,MACJ,iBAAiBI;AAAA,MACjB,iBAAiBC;AAAA,MACjB,iBAAiBC;AAAA,MACjB,WAAWC;AAAA,IACT,IAAAR,GAEE;AAAA,MACJ,oBAAoBS,IAAoB;AAAA,MACxC,kBAAkBC,IAAiB;AAAA,MACnC,oBAAoBC,IAAmB;AAAA,MACvC,mBAAmBC,IAAmB,CAAC;AAAA,MACvC,iBAAiBC,IAAS;AAAA,MAC1B,iBAAiBC,IAAgB;AAAA,IAAA,IAC/BR,KAAkB,CAAA,GAEhBS,IAAcV,IAChB,GAAGA,EAAe,cAAc,EAAE,IAAIA,EAAe,aAAa,EAAE,GAAG,KAAA,IACvE,IAEEW,IAAiBR,MAAaS,EAAU,+BACxCC,IAAyBV,MAAaS,EAAU,iBAChDE,IAA0BC,EAA8B,SAASZ,CAAQ,GAEzEa,IAAgBb,MAAaS,EAAU,qBACvCK,IAAkBd,MAAaS,EAAU,uBACzCM,IAAcC,EAAuB,SAAShB,CAAQ,GACtDiB,IAAkBF,KAAef,MAAaS,EAAU,yBACxDS,IAAqBlB,MAAaS,EAAU,yBAC5CU,IAAiBnB,MAAaS,EAAU,iCAExCW,IAAsBC,EAA0B,SAASrB,CAAQ;AAEhE,WAAA;AAAA,MACL,UAAAA;AAAA,MACA,gBAAAF;AAAA,MACA,gBAAAD;AAAA,MACA,gBAAAE;AAAA,MACA,aAAAQ;AAAA,MACA,mBAAAN;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,aAAAW;AAAA,MACA,iBAAAE;AAAA,MACA,oBAAAC;AAAA,MACA,gBAAAV;AAAA,MACA,yBAAAG;AAAA,MACA,wBAAAD;AAAA,MACA,eAAAG;AAAA,MACA,iBAAAC;AAAA,MACA,aAAa;AAAA,MACb,QAAAT;AAAA,MACA,eAAAC;AAAA,MACA,oBAAoB;AAAA,MACpB,gBAAAa;AAAA,MACA,qBAAAC;AAAA,IAAA;AAAA,EACF,GACC,CAAC5B,GAAgBC,CAAkB,CAAC;AAGzC,GAEA6B,IAAehC;"}

package/dist/features/parent-dashboard/hooks/use-switch-user-journey.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-switch-user-journey.js","sources":["../../../../src/features/parent-dashboard/hooks/use-switch-user-journey.tsx"],"sourcesContent":["import type { ICoachmarkProps } from '../../journey/use-journey/journey-context-types';\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport type { IAvatarLayer } from '../../ui/avatar/avatar-types';\n\nimport { useCallback, useRef, type RefObject } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { JOURNEY_ID_STUDENT } from '../../journey/journey-id/journey-id-student';\nimport { IndicatorType } from '../../journey/use-journey/constants';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport Avatar from '../../ui/avatar/avatar';\nimport Button from '../../ui/buttons/button/button';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { EDeviceType } from '../../ui/theme/constants';\n\nconst usePLASwitchUserJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.PLA_SWITCH_USER_JOURNEY;\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const avatarSize = isMobile ? 40 : 64;\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(\n    (userAvatarRef: RefObject<HTMLDivElement>, avatar?: IAvatarLayer[] | null) => {\n      if (!userAvatarRef?.current) {\n        return;\n      }\n\n      const attemptSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: userAvatarRef,\n          elementToHighlight: (\n            <div>\n              {avatar ? (\n                <Avatar size={avatarSize} avatar={avatar} />\n              ) : (\n                <Image src={ILLUSTRATIONS.STUDENT_AVATAR} width={avatarSize} height={avatarSize} />\n              )}\n            </div>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            renderAs: 'primary',\n            tooltipXCoOrdinates: isMobile ? 98 : 42,\n            tooltipYCoOrdinates: isMobile ? 20 : 36,\n            arrowSize: 12,\n            arrowYCoOrdinates: -36,\n            arrowXCoOrdinates: -100,\n            position: isMobile ? 'bottom' : 'right',\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'WHITE_1',\n            arrowColor: 'WHITE_1',\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab3-bold\" $color=\"BLACK_1\">\n                  Tap here to switch back to the parent view\n                </Text>\n                <Separator heightX={0.75} />\n                <FlexView $alignItems=\"flex-end\">\n                  <Button\n                    label=\"Got it\"\n                    size=\"xsmall\"\n                    width={96}\n                    renderAs=\"secondary\"\n                    onClick={handleEndJourney}\n                  />\n                </FlexView>\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, attemptSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        document.body.style.overflow = 'hidden';\n        handleNextCoachMark();\n      }, 500);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [avatarSize, handleEndJourney, handleNextCoachMark, isMobile, journeyId, setJourney],\n  );\n\n  return startJourney;\n};\n\nexport { usePLASwitchUserJourney };\n"],"names":["usePLASwitchUserJourney","journeyId","JOURNEY_ID_STUDENT","device","useTheme","isMobile","EDeviceType","timerRefs","useRef","avatarSize","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","userAvatarRef","avatar","attemptSteps","jsx","Avatar","Image","ILLUSTRATIONS","IndicatorType","FlexView","Text","Separator","Button","delayBeforeStart"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAMA,IAA0B,MAAM;AACpC,QAAMC,IAAYC,EAAmB,yBAC/B,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QACjCC,IAAYC,EAAwC,CAAA,CAAE,GACtDC,IAAaJ,IAAW,KAAK,IAC7B,EAAE,YAAAK,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAX,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWW,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWV,CAAS;AAAA,EAAA,GACnB,CAACU,GAAYV,CAAS,CAAC;AAmEnB,SAjEcc;AAAA,IACnB,CAACE,GAA0CC,MAAmC;AACxE,UAAA,EAACD,KAAA,QAAAA,EAAe;AAClB;AAGF,YAAME,IAAkC;AAAA,QACtC;AAAA,UACE,+BAA+BF;AAAA,UAC/B,oBACG,gBAAAG,EAAA,OAAA,EACE,cACE,gBAAAA,EAAAC,GAAA,EAAO,MAAMZ,GAAY,QAAAS,EAAA,CAAgB,IAEzC,gBAAAE,EAAAE,GAAA,EAAM,KAAKC,EAAc,gBAAgB,OAAOd,GAAY,QAAQA,GAAY,EAErF,CAAA;AAAA,UAEF,MAAMe,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqBnB,IAAW,KAAK;AAAA,YACrC,qBAAqBA,IAAW,KAAK;AAAA,YACrC,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,mBAAmB;AAAA,YACnB,UAAUA,IAAW,WAAW;AAAA,YAChC,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,+BACGoB,GACC,EAAA,UAAA;AAAA,cAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8CAAA;AAAA,cACA,gBAAAN,EAACO,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,cAC1B,gBAAAP,EAACK,GAAS,EAAA,aAAY,YACpB,UAAA,gBAAAL;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAO;AAAA,kBACP,UAAS;AAAA,kBACT,SAASZ;AAAA,gBAAA;AAAA,cAAA,GAEb;AAAA,YAAA,GACF;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACZ;AAAA,MAAA;AAGF,MAAAN,EAAWT,GAAWkB,CAAY;AAE5B,YAAAU,IAAmB,WAAW,MAAM;AACxC,qBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXf;SACnB,GAAG;AAEI,MAAAP,EAAA,QAAQ,KAAKsB,CAAgB;AAAA,IACzC;AAAA,IACA,CAACpB,GAAYO,GAAkBF,GAAqBT,GAAUJ,GAAWS,CAAU;AAAA,EAAA;AAIvF;"}
+{"version":3,"file":"use-switch-user-journey.js","sources":["../../../../src/features/parent-dashboard/hooks/use-switch-user-journey.tsx"],"sourcesContent":["import { useCallback, useRef, type RefObject } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { JOURNEY_ID_STUDENT } from '../../journey/journey-id/journey-id-student';\nimport { IndicatorType } from '../../journey/use-journey/constants';\nimport type { ICoachmarkProps } from '../../journey/use-journey/journey-context-types';\nimport { useJourney } from '../../journey/use-journey/use-journey';\nimport type { IArrowTooltipProps } from '../../ui/arrow-tooltip/arrow-tooltip-types';\nimport Avatar from '../../ui/avatar/avatar';\nimport type { IAvatarLayer } from '../../ui/avatar/avatar-types';\nimport Button from '../../ui/buttons/button/button';\nimport Image from '../../ui/image/image';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { EDeviceType } from '../../ui/theme/constants';\n\nconst usePLASwitchUserJourney = () => {\n  const journeyId = JOURNEY_ID_STUDENT.PLA_SWITCH_USER_JOURNEY;\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n  const avatarSize = isMobile ? 40 : 64;\n  const { setJourney, endJourney, nextCoachmark } = useJourney();\n\n  const handleNextCoachMark = useCallback(() => {\n    nextCoachmark(journeyId, false, 0, false);\n  }, [journeyId, nextCoachmark]);\n\n  const handleEndJourney = useCallback(() => {\n    document.body.style.overflow = 'unset';\n    endJourney(journeyId);\n  }, [endJourney, journeyId]);\n\n  const startJourney = useCallback(\n    (userAvatarRef: RefObject<HTMLDivElement>, avatar?: IAvatarLayer[] | null) => {\n      if (!userAvatarRef?.current) {\n        return;\n      }\n\n      const attemptSteps: ICoachmarkProps[] = [\n        {\n          originalElementToHighlightRef: userAvatarRef,\n          elementToHighlight: (\n            <div>\n              {avatar ? (\n                <Avatar size={avatarSize} avatar={avatar} />\n              ) : (\n                <Image src={ILLUSTRATIONS.STUDENT_AVATAR} width={avatarSize} height={avatarSize} />\n              )}\n            </div>\n          ),\n          type: IndicatorType.TOOLTIP,\n          indicator: {\n            renderAs: 'primary',\n            tooltipXCoOrdinates: isMobile ? 98 : 42,\n            tooltipYCoOrdinates: isMobile ? 20 : 36,\n            arrowSize: 12,\n            arrowYCoOrdinates: -36,\n            arrowXCoOrdinates: -100,\n            position: isMobile ? 'bottom' : 'right',\n            backgroundColor: 'PURPLE_4',\n            borderColor: 'WHITE_1',\n            arrowColor: 'WHITE_1',\n            tooltipItem: (\n              <FlexView>\n                <Text $renderAs=\"ab3-bold\" $color=\"BLACK_1\">\n                  Tap here to switch back to the parent view\n                </Text>\n                <Separator heightX={0.75} />\n                <FlexView $alignItems=\"flex-end\">\n                  <Button\n                    label=\"Got it\"\n                    size=\"xsmall\"\n                    width={96}\n                    renderAs=\"secondary\"\n                    onClick={handleEndJourney}\n                  />\n                </FlexView>\n              </FlexView>\n            ),\n          } as IArrowTooltipProps,\n          isActive: false,\n        },\n      ];\n\n      setJourney(journeyId, attemptSteps);\n\n      const delayBeforeStart = setTimeout(() => {\n        clearTimeout(delayBeforeStart);\n        document.body.style.overflow = 'hidden';\n        handleNextCoachMark();\n      }, 500);\n\n      timerRefs.current.push(delayBeforeStart);\n    },\n    [avatarSize, handleEndJourney, handleNextCoachMark, isMobile, journeyId, setJourney],\n  );\n\n  return startJourney;\n};\n\nexport { usePLASwitchUserJourney };\n"],"names":["usePLASwitchUserJourney","journeyId","JOURNEY_ID_STUDENT","device","useTheme","isMobile","EDeviceType","timerRefs","useRef","avatarSize","setJourney","endJourney","nextCoachmark","useJourney","handleNextCoachMark","useCallback","handleEndJourney","userAvatarRef","avatar","attemptSteps","jsx","Avatar","Image","ILLUSTRATIONS","IndicatorType","FlexView","Text","Separator","Button","delayBeforeStart"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAMA,IAA0B,MAAM;AACpC,QAAMC,IAAYC,EAAmB,yBAC/B,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QACjCC,IAAYC,EAAwC,CAAA,CAAE,GACtDC,IAAaJ,IAAW,KAAK,IAC7B,EAAE,YAAAK,GAAY,YAAAC,GAAY,eAAAC,MAAkBC,EAAW,GAEvDC,IAAsBC,EAAY,MAAM;AAC9B,IAAAH,EAAAX,GAAW,IAAO,GAAG,EAAK;AAAA,EAAA,GACvC,CAACA,GAAWW,CAAa,CAAC,GAEvBI,IAAmBD,EAAY,MAAM;AAChC,aAAA,KAAK,MAAM,WAAW,SAC/BJ,EAAWV,CAAS;AAAA,EAAA,GACnB,CAACU,GAAYV,CAAS,CAAC;AAmEnB,SAjEcc;AAAA,IACnB,CAACE,GAA0CC,MAAmC;AACxE,UAAA,EAACD,KAAA,QAAAA,EAAe;AAClB;AAGF,YAAME,IAAkC;AAAA,QACtC;AAAA,UACE,+BAA+BF;AAAA,UAC/B,oBACG,gBAAAG,EAAA,OAAA,EACE,cACE,gBAAAA,EAAAC,GAAA,EAAO,MAAMZ,GAAY,QAAAS,EAAA,CAAgB,IAEzC,gBAAAE,EAAAE,GAAA,EAAM,KAAKC,EAAc,gBAAgB,OAAOd,GAAY,QAAQA,GAAY,EAErF,CAAA;AAAA,UAEF,MAAMe,EAAc;AAAA,UACpB,WAAW;AAAA,YACT,UAAU;AAAA,YACV,qBAAqBnB,IAAW,KAAK;AAAA,YACrC,qBAAqBA,IAAW,KAAK;AAAA,YACrC,WAAW;AAAA,YACX,mBAAmB;AAAA,YACnB,mBAAmB;AAAA,YACnB,UAAUA,IAAW,WAAW;AAAA,YAChC,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,YAAY;AAAA,YACZ,+BACGoB,GACC,EAAA,UAAA;AAAA,cAAA,gBAAAL,EAACM,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8CAAA;AAAA,cACA,gBAAAN,EAACO,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,cAC1B,gBAAAP,EAACK,GAAS,EAAA,aAAY,YACpB,UAAA,gBAAAL;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBACC,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,OAAO;AAAA,kBACP,UAAS;AAAA,kBACT,SAASZ;AAAA,gBAAA;AAAA,cAAA,GAEb;AAAA,YAAA,GACF;AAAA,UAEJ;AAAA,UACA,UAAU;AAAA,QACZ;AAAA,MAAA;AAGF,MAAAN,EAAWT,GAAWkB,CAAY;AAE5B,YAAAU,IAAmB,WAAW,MAAM;AACxC,qBAAaA,CAAgB,GACpB,SAAA,KAAK,MAAM,WAAW,UACXf;SACnB,GAAG;AAEI,MAAAP,EAAA,QAAQ,KAAKsB,CAAgB;AAAA,IACzC;AAAA,IACA,CAACpB,GAAYO,GAAkBF,GAAqBT,GAAUJ,GAAWS,CAAU;AAAA,EAAA;AAIvF;"}

package/dist/features/parent-dashboard/modals/cancel-subscription/cancel-subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"cancel-subscription.js","sources":["../../../../../src/features/parent-dashboard/modals/cancel-subscription/cancel-subscription.tsx"],"sourcesContent":["import type { ICancelSubscriptionProps } from './cancel-subscription-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport {\n  cancelSubscriptionNoTutor,\n  cancelSubscriptionWithTutor,\n} from './cancel-subscription-constants';\n\nconst CancelSubscription = memo(() => {\n  const { withTutor, studentName, isTrialDone, onSwitchTutor, onReschedule, onCancel } =\n    useModalParams<ICancelSubscriptionProps>();\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n  const config = withTutor ? cancelSubscriptionWithTutor : cancelSubscriptionNoTutor;\n  const { title, consequences } = config;\n\n  if (isTrialDone) {\n    return (\n      <FlexView $gapX={isMobile ? 1.5 : 2.5} $gutterX={isMobile ? 1 : 2.5} $background=\"BLACK_2\">\n        <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n          Before you cancel - is this about the tutor?\n        </Text>\n        <Separator heightX={0.75} />\n        <Text $renderAs=\"ub2\" $renderOnMobileAs=\"ub3\" $color=\"WHITE\">\n          This is exactly why we offer a tutor match guarantee. It's completely okay if the first\n          tutor wasn't the right fit - with our extensive network, we're confident we can find{' '}\n          {studentName}'s ideal tutor.\n        </Text>\n        <Separator heightX={0.75} />\n        <Text $renderAs=\"ub2\" $renderOnMobileAs=\"ub3\" $color=\"WHITE\">\n          Do you want to try a session with another tutor? We won’t charge you for it.\n        </Text>\n        <Separator heightX={2.5} />\n        <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n          <TextButton\n            size=\"regular\"\n            label={isMobile ? 'Cancel subscription' : 'No, cancel subscription'}\n            color=\"ORANGE_4\"\n            onClick={onCancel}\n          />\n          <TextButton\n            size=\"regular\"\n            label={isMobile ? 'Switch tutor' : 'Yes, try another tutor'}\n            color=\"WHITE\"\n            onClick={onSwitchTutor}\n          />\n        </FlexView>\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView $gapX={isMobile ? 1.5 : 2.5} $gutterX={isMobile ? 1 : 2.5} $background=\"BLACK_2\">\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        {title}\n      </Text>\n      <Separator heightX={0.75} />\n      <FlexView $flexGapX={0.75}>\n        <Text $renderAs=\"ub3\" $color=\"WHITE\">\n          If you decide to cancel:\n        </Text>\n        {consequences.map(item => (\n          <FlexView key={item} $flexDirection=\"row\" $flexGapX={0.5}>\n            <FlexView\n              $justifyContent=\"center\"\n              $alignItems=\"center\"\n              $background=\"ORANGE_4\"\n              $borderRadiusX={0.5}\n              $widthX={1}\n              $heightX={1}\n            >\n              <CrossIcon />\n            </FlexView>\n            <Text $renderAs=\"ub3\" $color=\"WHITE\">\n              {item}\n            </Text>\n          </FlexView>\n        ))}\n      </FlexView>\n      <Separator heightX={2.5} />\n      <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n        <TextButton\n          size=\"regular\"\n          label=\"Cancel subscription\"\n          color=\"ORANGE_4\"\n          onClick={onCancel}\n        />\n        <TextButton size=\"regular\" label=\"Reschedule\" color=\"WHITE\" onClick={onReschedule} />\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default CancelSubscription;\n"],"names":["CancelSubscription","memo","withTutor","studentName","isTrialDone","onSwitchTutor","onReschedule","onCancel","useModalParams","device","useTheme","isMobile","EDeviceType","config","cancelSubscriptionWithTutor","cancelSubscriptionNoTutor","title","consequences","jsxs","FlexView","jsx","Text","Separator","TextButton","item","CrossIcon","CancelSubscription$1"],"mappings":"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"}
+{"version":3,"file":"cancel-subscription.js","sources":["../../../../../src/features/parent-dashboard/modals/cancel-subscription/cancel-subscription.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport {\n  cancelSubscriptionNoTutor,\n  cancelSubscriptionWithTutor,\n} from './cancel-subscription-constants';\nimport type { ICancelSubscriptionProps } from './cancel-subscription-types';\n\nconst CancelSubscription = memo(() => {\n  const { withTutor, studentName, isTrialDone, onSwitchTutor, onReschedule, onCancel } =\n    useModalParams<ICancelSubscriptionProps>();\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n  const config = withTutor ? cancelSubscriptionWithTutor : cancelSubscriptionNoTutor;\n  const { title, consequences } = config;\n\n  if (isTrialDone) {\n    return (\n      <FlexView $gapX={isMobile ? 1.5 : 2.5} $gutterX={isMobile ? 1 : 2.5} $background=\"BLACK_2\">\n        <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n          Before you cancel - is this about the tutor?\n        </Text>\n        <Separator heightX={0.75} />\n        <Text $renderAs=\"ub2\" $renderOnMobileAs=\"ub3\" $color=\"WHITE\">\n          This is exactly why we offer a tutor match guarantee. It's completely okay if the first\n          tutor wasn't the right fit - with our extensive network, we're confident we can find{' '}\n          {studentName}'s ideal tutor.\n        </Text>\n        <Separator heightX={0.75} />\n        <Text $renderAs=\"ub2\" $renderOnMobileAs=\"ub3\" $color=\"WHITE\">\n          Do you want to try a session with another tutor? We won’t charge you for it.\n        </Text>\n        <Separator heightX={2.5} />\n        <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n          <TextButton\n            size=\"regular\"\n            label={isMobile ? 'Cancel subscription' : 'No, cancel subscription'}\n            color=\"ORANGE_4\"\n            onClick={onCancel}\n          />\n          <TextButton\n            size=\"regular\"\n            label={isMobile ? 'Switch tutor' : 'Yes, try another tutor'}\n            color=\"WHITE\"\n            onClick={onSwitchTutor}\n          />\n        </FlexView>\n      </FlexView>\n    );\n  }\n\n  return (\n    <FlexView $gapX={isMobile ? 1.5 : 2.5} $gutterX={isMobile ? 1 : 2.5} $background=\"BLACK_2\">\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        {title}\n      </Text>\n      <Separator heightX={0.75} />\n      <FlexView $flexGapX={0.75}>\n        <Text $renderAs=\"ub3\" $color=\"WHITE\">\n          If you decide to cancel:\n        </Text>\n        {consequences.map(item => (\n          <FlexView key={item} $flexDirection=\"row\" $flexGapX={0.5}>\n            <FlexView\n              $justifyContent=\"center\"\n              $alignItems=\"center\"\n              $background=\"ORANGE_4\"\n              $borderRadiusX={0.5}\n              $widthX={1}\n              $heightX={1}\n            >\n              <CrossIcon />\n            </FlexView>\n            <Text $renderAs=\"ub3\" $color=\"WHITE\">\n              {item}\n            </Text>\n          </FlexView>\n        ))}\n      </FlexView>\n      <Separator heightX={2.5} />\n      <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n        <TextButton\n          size=\"regular\"\n          label=\"Cancel subscription\"\n          color=\"ORANGE_4\"\n          onClick={onCancel}\n        />\n        <TextButton size=\"regular\" label=\"Reschedule\" color=\"WHITE\" onClick={onReschedule} />\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default CancelSubscription;\n"],"names":["CancelSubscription","memo","withTutor","studentName","isTrialDone","onSwitchTutor","onReschedule","onCancel","useModalParams","device","useTheme","isMobile","EDeviceType","config","cancelSubscriptionWithTutor","cancelSubscriptionNoTutor","title","consequences","jsxs","FlexView","jsx","Text","Separator","TextButton","item","CrossIcon","CancelSubscription$1"],"mappings":"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"}

package/dist/features/parent-dashboard/modals/cancellation-reason/cancellation-reason.js.map

@@ -1 +1 @@
-{"version":3,"file":"cancellation-reason.js","sources":["../../../../../src/features/parent-dashboard/modals/cancellation-reason/cancellation-reason.tsx"],"sourcesContent":["import type { ICancelReasonProps } from './cancel-reason-types';\nimport type { ChangeEvent } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport PillButton from '../../../auth/comps/pill-button/pill-button';\nimport { PLA_ANALYTICS_EVENTS } from '../../../auth/pla-signup/pla-analytics-events';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalActions from '../../../ui/modals/use-modal-actions';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { useCancelSubscriptionPatch } from '../../api/cancel-subscription';\nimport {\n  cancellationReasonAfterTrial,\n  cancellationReasonNoTutor,\n  cancellationReasonWithTutor,\n} from './cancellation-reason-constant';\nimport * as Styled from './cancellation-reason-styled';\n\nconst CancellationReason = memo(() => {\n  const { withTutor, isTrialDone, studentId, demoId, onCancelConfirmation } =\n    useModalParams<ICancelReasonProps>();\n  const { closeModal } = useModalActions();\n  const { onEvent: trackEvent } = useUIContext();\n\n  const [reason, setReason] = useState('');\n  const [isError, setIsError] = useState<boolean>(false);\n  const [otherReason, setOtherReason] = useState('');\n\n  const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  const config = useMemo(() => {\n    if (isTrialDone) return cancellationReasonAfterTrial;\n\n    return withTutor ? cancellationReasonWithTutor : cancellationReasonNoTutor;\n  }, [isTrialDone, withTutor]);\n  const { title, description, reasons } = config;\n\n  const handleCancelConfirmation = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        setIsError(true);\n        trackEvent(PLA_ANALYTICS_EVENTS.SUBSCRIPTION_CANCELLATION_FAILED, {\n          reason,\n          error: errorMessage,\n        });\n        // Need to add analytics event for cancellation failure\n\n        return;\n      }\n\n      trackEvent(PLA_ANALYTICS_EVENTS.SUBSCRIPTION_CANCELLATION_SUCCESSFUL, {\n        reason,\n      });\n      onCancelConfirmation();\n    },\n    [onCancelConfirmation, reason, trackEvent],\n  );\n\n  const { patch: cancelSubscription, isProcessing } = useCancelSubscriptionPatch({\n    onComplete: handleCancelConfirmation,\n  });\n\n  const isOtherReasonSelected = reason === 'other';\n  const isSubmitDisabled =\n    isProcessing || !reason || (isOtherReasonSelected && !otherReason.trim());\n\n  const handleCancel = useCallback(() => {\n    const cancellationReason = isOtherReasonSelected ? otherReason : reason;\n\n    cancelSubscription(studentId, {\n      reason: cancellationReason,\n      student_demo_id: demoId,\n    });\n  }, [isOtherReasonSelected, otherReason, reason, cancelSubscription, studentId, demoId]);\n\n  const handleSelectReason = useCallback((id: string) => {\n    setOtherReason('');\n    setIsError(false);\n    setReason(id);\n  }, []);\n\n  const handleOtherReasonChange = useCallback((event: ChangeEvent<HTMLTextAreaElement>) => {\n    setIsError(false);\n    setOtherReason(event.target.value);\n  }, []);\n\n  useEffect(() => {\n    if (isOtherReasonSelected && textAreaRef.current) {\n      textAreaRef.current?.focus();\n      textAreaRef.current?.scrollIntoView({ behavior: 'smooth' });\n    }\n  }, [isOtherReasonSelected]);\n\n  return (\n    <Styled.Container $background=\"BLACK_2\" $width=\"100%\" $borderColor=\"BLACK_5\">\n      <Styled.OuterWrapper $flex={1}>\n        <FlexView $gutterX={isMobile ? 1 : 2.5} $gapX={isMobile ? 1.5 : 2.5}>\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            {title}\n          </Text>\n          {description ? (\n            <>\n              <Separator heightX={0.25} />\n              <Text $renderAs=\"ub2\" $renderOnMobileAs=\"ub3\" $color=\"WHITE\">\n                {description}\n              </Text>\n            </>\n          ) : null}\n        </FlexView>\n        <Styled.ContentWrapper\n          $flex={1}\n          $gutterX={isMobile ? 1 : 2.5}\n          $gapX={isMobile ? 1 : 2.5}\n          $width={'100%'}\n          $alignItems=\"flex-start\"\n          $flexRowGapX={1}\n        >\n          {reasons.map(({ id, label }) => (\n            <PillButton\n              selected={reason === id}\n              key={id}\n              label={label}\n              id={id}\n              onClick={handleSelectReason}\n              isTransparent\n            />\n          ))}\n          {isOtherReasonSelected && (\n            <Styled.StyledTextArea\n              placeholder=\"Tell us more about your experience...\"\n              id=\"text-area\"\n              ref={textAreaRef}\n              value={otherReason}\n              onChange={handleOtherReasonChange}\n            />\n          )}\n        </Styled.ContentWrapper>\n      </Styled.OuterWrapper>\n      <Styled.FooterWrapper\n        $position=\"relative\"\n        $gutterX={isMobile ? 1 : 2.5}\n        $gapX={isMobile ? 1.5 : 2.5}\n        $flexDirection=\"row\"\n        $flexColumnGapX={1.5}\n      >\n        {isError ? (\n          <Styled.ErrorWrapper $renderAs=\"ub3\" $color=\"ORANGE_4\" $align=\"left\">\n            Something went wrong. Please try again.\n          </Styled.ErrorWrapper>\n        ) : null}\n        <TextButton\n          label=\"Cancel Subscription\"\n          onClick={handleCancel}\n          color=\"ORANGE_4\"\n          disabled={isSubmitDisabled}\n        />\n\n        <TextButton label=\"Close\" onClick={closeModal} color=\"WHITE\" />\n      </Styled.FooterWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default CancellationReason;\n"],"names":["CancellationReason","memo","withTutor","isTrialDone","studentId","demoId","onCancelConfirmation","useModalParams","closeModal","useModalActions","trackEvent","useUIContext","reason","setReason","useState","isError","setIsError","otherReason","setOtherReason","textAreaRef","useRef","device","useTheme","isMobile","EDeviceType","config","useMemo","cancellationReasonAfterTrial","cancellationReasonWithTutor","cancellationReasonNoTutor","title","description","reasons","handleCancelConfirmation","useCallback","errorMessage","PLA_ANALYTICS_EVENTS","cancelSubscription","isProcessing","useCancelSubscriptionPatch","isOtherReasonSelected","isSubmitDisabled","handleCancel","handleSelectReason","id","handleOtherReasonChange","event","useEffect","_a","_b","jsxs","Styled.Container","Styled.OuterWrapper","FlexView","jsx","Text","Fragment","Separator","Styled.ContentWrapper","label","PillButton","Styled.StyledTextArea","Styled.FooterWrapper","Styled.ErrorWrapper","TextButton","CancellationReason$1"],"mappings":"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"}
+{"version":3,"file":"cancellation-reason.js","sources":["../../../../../src/features/parent-dashboard/modals/cancellation-reason/cancellation-reason.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport PillButton from '../../../auth/comps/pill-button/pill-button';\nimport { PLA_ANALYTICS_EVENTS } from '../../../auth/pla-signup/pla-analytics-events';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport { useUIContext } from '../../../ui/context/context';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalActions from '../../../ui/modals/use-modal-actions';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { useCancelSubscriptionPatch } from '../../api/cancel-subscription';\nimport type { ICancelReasonProps } from './cancel-reason-types';\nimport {\n  cancellationReasonAfterTrial,\n  cancellationReasonNoTutor,\n  cancellationReasonWithTutor,\n} from './cancellation-reason-constant';\nimport * as Styled from './cancellation-reason-styled';\n\nconst CancellationReason = memo(() => {\n  const { withTutor, isTrialDone, studentId, demoId, onCancelConfirmation } =\n    useModalParams<ICancelReasonProps>();\n  const { closeModal } = useModalActions();\n  const { onEvent: trackEvent } = useUIContext();\n\n  const [reason, setReason] = useState('');\n  const [isError, setIsError] = useState<boolean>(false);\n  const [otherReason, setOtherReason] = useState('');\n\n  const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  const config = useMemo(() => {\n    if (isTrialDone) return cancellationReasonAfterTrial;\n\n    return withTutor ? cancellationReasonWithTutor : cancellationReasonNoTutor;\n  }, [isTrialDone, withTutor]);\n  const { title, description, reasons } = config;\n\n  const handleCancelConfirmation = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        setIsError(true);\n        trackEvent(PLA_ANALYTICS_EVENTS.SUBSCRIPTION_CANCELLATION_FAILED, {\n          reason,\n          error: errorMessage,\n        });\n        // Need to add analytics event for cancellation failure\n\n        return;\n      }\n\n      trackEvent(PLA_ANALYTICS_EVENTS.SUBSCRIPTION_CANCELLATION_SUCCESSFUL, {\n        reason,\n      });\n      onCancelConfirmation();\n    },\n    [onCancelConfirmation, reason, trackEvent],\n  );\n\n  const { patch: cancelSubscription, isProcessing } = useCancelSubscriptionPatch({\n    onComplete: handleCancelConfirmation,\n  });\n\n  const isOtherReasonSelected = reason === 'other';\n  const isSubmitDisabled =\n    isProcessing || !reason || (isOtherReasonSelected && !otherReason.trim());\n\n  const handleCancel = useCallback(() => {\n    const cancellationReason = isOtherReasonSelected ? otherReason : reason;\n\n    cancelSubscription(studentId, {\n      reason: cancellationReason,\n      student_demo_id: demoId,\n    });\n  }, [isOtherReasonSelected, otherReason, reason, cancelSubscription, studentId, demoId]);\n\n  const handleSelectReason = useCallback((id: string) => {\n    setOtherReason('');\n    setIsError(false);\n    setReason(id);\n  }, []);\n\n  const handleOtherReasonChange = useCallback((event: ChangeEvent<HTMLTextAreaElement>) => {\n    setIsError(false);\n    setOtherReason(event.target.value);\n  }, []);\n\n  useEffect(() => {\n    if (isOtherReasonSelected && textAreaRef.current) {\n      textAreaRef.current?.focus();\n      textAreaRef.current?.scrollIntoView({ behavior: 'smooth' });\n    }\n  }, [isOtherReasonSelected]);\n\n  return (\n    <Styled.Container $background=\"BLACK_2\" $width=\"100%\" $borderColor=\"BLACK_5\">\n      <Styled.OuterWrapper $flex={1}>\n        <FlexView $gutterX={isMobile ? 1 : 2.5} $gapX={isMobile ? 1.5 : 2.5}>\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            {title}\n          </Text>\n          {description ? (\n            <>\n              <Separator heightX={0.25} />\n              <Text $renderAs=\"ub2\" $renderOnMobileAs=\"ub3\" $color=\"WHITE\">\n                {description}\n              </Text>\n            </>\n          ) : null}\n        </FlexView>\n        <Styled.ContentWrapper\n          $flex={1}\n          $gutterX={isMobile ? 1 : 2.5}\n          $gapX={isMobile ? 1 : 2.5}\n          $width={'100%'}\n          $alignItems=\"flex-start\"\n          $flexRowGapX={1}\n        >\n          {reasons.map(({ id, label }) => (\n            <PillButton\n              selected={reason === id}\n              key={id}\n              label={label}\n              id={id}\n              onClick={handleSelectReason}\n              isTransparent\n            />\n          ))}\n          {isOtherReasonSelected && (\n            <Styled.StyledTextArea\n              placeholder=\"Tell us more about your experience...\"\n              id=\"text-area\"\n              ref={textAreaRef}\n              value={otherReason}\n              onChange={handleOtherReasonChange}\n            />\n          )}\n        </Styled.ContentWrapper>\n      </Styled.OuterWrapper>\n      <Styled.FooterWrapper\n        $position=\"relative\"\n        $gutterX={isMobile ? 1 : 2.5}\n        $gapX={isMobile ? 1.5 : 2.5}\n        $flexDirection=\"row\"\n        $flexColumnGapX={1.5}\n      >\n        {isError ? (\n          <Styled.ErrorWrapper $renderAs=\"ub3\" $color=\"ORANGE_4\" $align=\"left\">\n            Something went wrong. Please try again.\n          </Styled.ErrorWrapper>\n        ) : null}\n        <TextButton\n          label=\"Cancel Subscription\"\n          onClick={handleCancel}\n          color=\"ORANGE_4\"\n          disabled={isSubmitDisabled}\n        />\n\n        <TextButton label=\"Close\" onClick={closeModal} color=\"WHITE\" />\n      </Styled.FooterWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default CancellationReason;\n"],"names":["CancellationReason","memo","withTutor","isTrialDone","studentId","demoId","onCancelConfirmation","useModalParams","closeModal","useModalActions","trackEvent","useUIContext","reason","setReason","useState","isError","setIsError","otherReason","setOtherReason","textAreaRef","useRef","device","useTheme","isMobile","EDeviceType","config","useMemo","cancellationReasonAfterTrial","cancellationReasonWithTutor","cancellationReasonNoTutor","title","description","reasons","handleCancelConfirmation","useCallback","errorMessage","PLA_ANALYTICS_EVENTS","cancelSubscription","isProcessing","useCancelSubscriptionPatch","isOtherReasonSelected","isSubmitDisabled","handleCancel","handleSelectReason","id","handleOtherReasonChange","event","useEffect","_a","_b","jsxs","Styled.Container","Styled.OuterWrapper","FlexView","jsx","Text","Fragment","Separator","Styled.ContentWrapper","label","PillButton","Styled.StyledTextArea","Styled.FooterWrapper","Styled.ErrorWrapper","TextButton","CancellationReason$1"],"mappings":"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"}

package/dist/features/parent-dashboard/modals/hooks/use-pla-model-handlers.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-pla-model-handlers.js","sources":["../../../../../src/features/parent-dashboard/modals/hooks/use-pla-model-handlers.ts"],"sourcesContent":["import type { IBillingDetails } from '../../parent-dashboard-types';\n\nimport { useCallback, useMemo } from 'react';\n\nimport useModalActions from '../../../ui/modals/use-modal-actions';\nimport { invalidateParentHome } from '../../api/parent-home';\n\ninterface IUsePLAModalHandlers {\n  demoId: string | null;\n  isTrialDone: boolean;\n  studentId: string;\n  studentName: string;\n  withTutor: boolean;\n  billingDetails: IBillingDetails | null;\n  onRescheduleDemo: () => void;\n  onChangeTutor: () => void;\n}\n\ninterface IUsePLAModalResponse {\n  onCancelSubscription: () => void;\n  onViewPaymentMethod: () => void;\n}\n\nexport const usePLAModalHandlers = ({\n  studentId,\n  demoId,\n  withTutor,\n  isTrialDone,\n  studentName,\n  billingDetails,\n  onChangeTutor,\n  onRescheduleDemo,\n}: IUsePLAModalHandlers): IUsePLAModalResponse => {\n  const { openModal } = useModalActions();\n\n  const { payment_method_details: paymentMethodDetails } = billingDetails ?? {};\n\n  const handleCancelConfirmation = useCallback(() => {\n    invalidateParentHome(studentId);\n    openModal('pla-cancellation-confirmation');\n  }, [openModal, studentId]);\n\n  const handleViewCancellationReason = useCallback(() => {\n    openModal('pla-cancellation-reason', {\n      withTutor,\n      studentId,\n      demoId,\n      isTrialDone,\n      onCancelConfirmation: handleCancelConfirmation,\n    });\n  }, [demoId, handleCancelConfirmation, isTrialDone, openModal, studentId, withTutor]);\n\n  const handleCancelSubscription = useCallback(() => {\n    openModal('pla-cancel-subscription', {\n      withTutor,\n      studentName,\n      isTrialDone,\n      onSwitchTutor: onChangeTutor,\n      onReschedule: onRescheduleDemo,\n      onCancel: handleViewCancellationReason,\n    });\n  }, [\n    openModal,\n    withTutor,\n    studentName,\n    isTrialDone,\n    onChangeTutor,\n    onRescheduleDemo,\n    handleViewCancellationReason,\n  ]);\n\n  const handleViewPaymentMethod = useCallback(() => {\n    openModal('pla-view-payment-method', {\n      paymentMethodDetails,\n      onCancel: handleCancelSubscription,\n    });\n  }, [handleCancelSubscription, openModal, paymentMethodDetails]);\n\n  return useMemo(\n    () => ({\n      onCancelSubscription: handleCancelSubscription,\n      onViewPaymentMethod: handleViewPaymentMethod,\n    }),\n    [handleCancelSubscription, handleViewPaymentMethod],\n  );\n};\n"],"names":["usePLAModalHandlers","studentId","demoId","withTutor","isTrialDone","studentName","billingDetails","onChangeTutor","onRescheduleDemo","openModal","useModalActions","paymentMethodDetails","handleCancelConfirmation","useCallback","invalidateParentHome","handleViewCancellationReason","handleCancelSubscription","handleViewPaymentMethod","useMemo"],"mappings":";;;AAuBO,MAAMA,IAAsB,CAAC;AAAA,EAClC,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,MAAkD;AAC1C,QAAA,EAAE,WAAAC,MAAcC,KAEhB,EAAE,wBAAwBC,MAAyBL,KAAkB,CAAA,GAErEM,IAA2BC,EAAY,MAAM;AACjD,IAAAC,EAAqBb,CAAS,GAC9BQ,EAAU,+BAA+B;AAAA,EAAA,GACxC,CAACA,GAAWR,CAAS,CAAC,GAEnBc,IAA+BF,EAAY,MAAM;AACrD,IAAAJ,EAAU,2BAA2B;AAAA,MACnC,WAAAN;AAAA,MACA,WAAAF;AAAA,MACA,QAAAC;AAAA,MACA,aAAAE;AAAA,MACA,sBAAsBQ;AAAA,IAAA,CACvB;AAAA,EAAA,GACA,CAACV,GAAQU,GAA0BR,GAAaK,GAAWR,GAAWE,CAAS,CAAC,GAE7Ea,IAA2BH,EAAY,MAAM;AACjD,IAAAJ,EAAU,2BAA2B;AAAA,MACnC,WAAAN;AAAA,MACA,aAAAE;AAAA,MACA,aAAAD;AAAA,MACA,eAAeG;AAAA,MACf,cAAcC;AAAA,MACd,UAAUO;AAAA,IAAA,CACX;AAAA,EAAA,GACA;AAAA,IACDN;AAAA,IACAN;AAAA,IACAE;AAAA,IACAD;AAAA,IACAG;AAAA,IACAC;AAAA,IACAO;AAAA,EAAA,CACD,GAEKE,IAA0BJ,EAAY,MAAM;AAChD,IAAAJ,EAAU,2BAA2B;AAAA,MACnC,sBAAAE;AAAA,MACA,UAAUK;AAAA,IAAA,CACX;AAAA,EACA,GAAA,CAACA,GAA0BP,GAAWE,CAAoB,CAAC;AAEvD,SAAAO;AAAA,IACL,OAAO;AAAA,MACL,sBAAsBF;AAAA,MACtB,qBAAqBC;AAAA,IAAA;AAAA,IAEvB,CAACD,GAA0BC,CAAuB;AAAA,EAAA;AAEtD;"}
+{"version":3,"file":"use-pla-model-handlers.js","sources":["../../../../../src/features/parent-dashboard/modals/hooks/use-pla-model-handlers.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport useModalActions from '../../../ui/modals/use-modal-actions';\nimport { invalidateParentHome } from '../../api/parent-home';\nimport type { IBillingDetails } from '../../parent-dashboard-types';\n\ninterface IUsePLAModalHandlers {\n  demoId: string | null;\n  isTrialDone: boolean;\n  studentId: string;\n  studentName: string;\n  withTutor: boolean;\n  billingDetails: IBillingDetails | null;\n  onRescheduleDemo: () => void;\n  onChangeTutor: () => void;\n}\n\ninterface IUsePLAModalResponse {\n  onCancelSubscription: () => void;\n  onViewPaymentMethod: () => void;\n}\n\nexport const usePLAModalHandlers = ({\n  studentId,\n  demoId,\n  withTutor,\n  isTrialDone,\n  studentName,\n  billingDetails,\n  onChangeTutor,\n  onRescheduleDemo,\n}: IUsePLAModalHandlers): IUsePLAModalResponse => {\n  const { openModal } = useModalActions();\n\n  const { payment_method_details: paymentMethodDetails } = billingDetails ?? {};\n\n  const handleCancelConfirmation = useCallback(() => {\n    invalidateParentHome(studentId);\n    openModal('pla-cancellation-confirmation');\n  }, [openModal, studentId]);\n\n  const handleViewCancellationReason = useCallback(() => {\n    openModal('pla-cancellation-reason', {\n      withTutor,\n      studentId,\n      demoId,\n      isTrialDone,\n      onCancelConfirmation: handleCancelConfirmation,\n    });\n  }, [demoId, handleCancelConfirmation, isTrialDone, openModal, studentId, withTutor]);\n\n  const handleCancelSubscription = useCallback(() => {\n    openModal('pla-cancel-subscription', {\n      withTutor,\n      studentName,\n      isTrialDone,\n      onSwitchTutor: onChangeTutor,\n      onReschedule: onRescheduleDemo,\n      onCancel: handleViewCancellationReason,\n    });\n  }, [\n    openModal,\n    withTutor,\n    studentName,\n    isTrialDone,\n    onChangeTutor,\n    onRescheduleDemo,\n    handleViewCancellationReason,\n  ]);\n\n  const handleViewPaymentMethod = useCallback(() => {\n    openModal('pla-view-payment-method', {\n      paymentMethodDetails,\n      onCancel: handleCancelSubscription,\n    });\n  }, [handleCancelSubscription, openModal, paymentMethodDetails]);\n\n  return useMemo(\n    () => ({\n      onCancelSubscription: handleCancelSubscription,\n      onViewPaymentMethod: handleViewPaymentMethod,\n    }),\n    [handleCancelSubscription, handleViewPaymentMethod],\n  );\n};\n"],"names":["usePLAModalHandlers","studentId","demoId","withTutor","isTrialDone","studentName","billingDetails","onChangeTutor","onRescheduleDemo","openModal","useModalActions","paymentMethodDetails","handleCancelConfirmation","useCallback","invalidateParentHome","handleViewCancellationReason","handleCancelSubscription","handleViewPaymentMethod","useMemo"],"mappings":";;;AAsBO,MAAMA,IAAsB,CAAC;AAAA,EAClC,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,kBAAAC;AACF,MAAkD;AAC1C,QAAA,EAAE,WAAAC,MAAcC,KAEhB,EAAE,wBAAwBC,MAAyBL,KAAkB,CAAA,GAErEM,IAA2BC,EAAY,MAAM;AACjD,IAAAC,EAAqBb,CAAS,GAC9BQ,EAAU,+BAA+B;AAAA,EAAA,GACxC,CAACA,GAAWR,CAAS,CAAC,GAEnBc,IAA+BF,EAAY,MAAM;AACrD,IAAAJ,EAAU,2BAA2B;AAAA,MACnC,WAAAN;AAAA,MACA,WAAAF;AAAA,MACA,QAAAC;AAAA,MACA,aAAAE;AAAA,MACA,sBAAsBQ;AAAA,IAAA,CACvB;AAAA,EAAA,GACA,CAACV,GAAQU,GAA0BR,GAAaK,GAAWR,GAAWE,CAAS,CAAC,GAE7Ea,IAA2BH,EAAY,MAAM;AACjD,IAAAJ,EAAU,2BAA2B;AAAA,MACnC,WAAAN;AAAA,MACA,aAAAE;AAAA,MACA,aAAAD;AAAA,MACA,eAAeG;AAAA,MACf,cAAcC;AAAA,MACd,UAAUO;AAAA,IAAA,CACX;AAAA,EAAA,GACA;AAAA,IACDN;AAAA,IACAN;AAAA,IACAE;AAAA,IACAD;AAAA,IACAG;AAAA,IACAC;AAAA,IACAO;AAAA,EAAA,CACD,GAEKE,IAA0BJ,EAAY,MAAM;AAChD,IAAAJ,EAAU,2BAA2B;AAAA,MACnC,sBAAAE;AAAA,MACA,UAAUK;AAAA,IAAA,CACX;AAAA,EACA,GAAA,CAACA,GAA0BP,GAAWE,CAAoB,CAAC;AAEvD,SAAAO;AAAA,IACL,OAAO;AAAA,MACL,sBAAsBF;AAAA,MACtB,qBAAqBC;AAAA,IAAA;AAAA,IAEvB,CAACD,GAA0BC,CAAuB;AAAA,EAAA;AAEtD;"}

package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-profile-summary-helpers.js","sources":["../../../../../src/features/parent-dashboard/modals/student-profile-summary/student-profile-summary-helpers.ts"],"sourcesContent":["import type {\n  IMilestoneConfig,\n  TGoalCategory,\n  TPreferenceCategory,\n} from '../../../milestone/create/milestone-create-types';\nimport type { IStudentProfileSummaryResponse } from '../../api/get-student-profile-summary';\nimport type { IStudentProfileSummary } from '../../parent-dashboard-types';\n\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport { GOAL_MAPPING } from '../../../trial-session/comps/student-profile/constant';\n\nexport const getLearningProfileSummary = (\n  configData?: IMilestoneConfig,\n  summaryData?: IStudentProfileSummaryResponse,\n): IStudentProfileSummary => {\n  const defaultSummary: IStudentProfileSummary = {\n    studentLevel: '',\n    studentObjectives: [],\n    learningPlan: [],\n    levelPreference: '',\n  };\n\n  if (!configData || !summaryData) return defaultSummary;\n\n  const preferences = summaryData.student_preferences?.preferences ?? [];\n  const userMilestoneData = summaryData.user_milestone_data ?? [];\n\n  if (preferences.length === 0) return defaultSummary;\n\n  const findPref = (category: TPreferenceCategory) =>\n    preferences.find(p => p.preference_category === category);\n\n  const filterPrefs = (category: TPreferenceCategory) =>\n    preferences.filter(p => p.preference_category === category);\n\n  const positionPref = findPref(PREFERENCE_CATEGORY.POSITION);\n  const levelPreference = findPref(PREFERENCE_CATEGORY.LEVEL)?.preference_name ?? '';\n  const objectivePrefs = filterPrefs(PREFERENCE_CATEGORY.OBJECTIVES);\n\n  const positionInfo = positionPref\n    ? getPreferencesFromConfig(configData, {\n        grade: '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.POSITION,\n      })?.find(({ id }) => id === positionPref.preference_code)\n    : null;\n\n  const studentLevel =\n    positionInfo?.label && positionInfo?.description\n      ? `${positionInfo.label}: ${positionInfo.description}`\n      : '';\n\n  const studentObjectives = objectivePrefs.map(p => p.preference_name);\n\n  const learningPlan = userMilestoneData.map(\n    ({ goal_category, milestone_name }) =>\n      `${GOAL_MAPPING[goal_category as TGoalCategory]}: ${milestone_name}`,\n  );\n\n  return {\n    studentLevel,\n    studentObjectives,\n    learningPlan,\n    levelPreference,\n  };\n};\n"],"names":["getLearningProfileSummary","configData","summaryData","defaultSummary","preferences","_a","userMilestoneData","findPref","category","p","filterPrefs","positionPref","PREFERENCE_CATEGORY","levelPreference","_b","objectivePrefs","positionInfo","_c","getPreferencesFromConfig","COURSE_STREAMS","id","studentLevel","studentObjectives","learningPlan","goal_category","milestone_name","GOAL_MAPPING"],"mappings":";;;AAYa,MAAAA,IAA4B,CACvCC,GACAC,MAC2B;;AAC3B,QAAMC,IAAyC;AAAA,IAC7C,cAAc;AAAA,IACd,mBAAmB,CAAC;AAAA,IACpB,cAAc,CAAC;AAAA,IACf,iBAAiB;AAAA,EAAA;AAGnB,MAAI,CAACF,KAAc,CAACC,EAAoB,QAAAC;AAExC,QAAMC,MAAcC,IAAAH,EAAY,wBAAZ,gBAAAG,EAAiC,gBAAe,CAAA,GAC9DC,IAAoBJ,EAAY,uBAAuB;AAEzD,MAAAE,EAAY,WAAW,EAAU,QAAAD;AAE/B,QAAAI,IAAW,CAACC,MAChBJ,EAAY,KAAK,CAAKK,MAAAA,EAAE,wBAAwBD,CAAQ,GAEpDE,IAAc,CAACF,MACnBJ,EAAY,OAAO,CAAKK,MAAAA,EAAE,wBAAwBD,CAAQ,GAEtDG,IAAeJ,EAASK,EAAoB,QAAQ,GACpDC,MAAkBC,IAAAP,EAASK,EAAoB,KAAK,MAAlC,gBAAAE,EAAqC,oBAAmB,IAC1EC,IAAiBL,EAAYE,EAAoB,UAAU,GAE3DI,IAAeL,KACjBM,IAAAC,EAAyBjB,GAAY;AAAA,IACnC,OAAO;AAAA,IACP,cAAckB,EAAe;AAAA,IAC7B,oBAAoBP,EAAoB;AAAA,EAAA,CACzC,MAJD,gBAAAK,EAII,KAAK,CAAC,EAAE,IAAAG,QAASA,MAAOT,EAAa,mBACzC,MAEEU,IACJL,KAAA,QAAAA,EAAc,UAASA,KAAA,QAAAA,EAAc,eACjC,GAAGA,EAAa,KAAK,KAAKA,EAAa,WAAW,KAClD,IAEAM,IAAoBP,EAAe,IAAI,CAAAN,MAAKA,EAAE,eAAe,GAE7Dc,IAAejB,EAAkB;AAAA,IACrC,CAAC,EAAE,eAAAkB,GAAe,gBAAAC,EAAe,MAC/B,GAAGC,EAAaF,CAA8B,CAAC,KAAKC,CAAc;AAAA,EAAA;AAG/D,SAAA;AAAA,IACL,cAAAJ;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAV;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"student-profile-summary-helpers.js","sources":["../../../../../src/features/parent-dashboard/modals/student-profile-summary/student-profile-summary-helpers.ts"],"sourcesContent":["import { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport type {\n  IMilestoneConfig,\n  TGoalCategory,\n  TPreferenceCategory,\n} from '../../../milestone/create/milestone-create-types';\nimport { GOAL_MAPPING } from '../../../trial-session/comps/student-profile/constant';\nimport type { IStudentProfileSummaryResponse } from '../../api/get-student-profile-summary';\nimport type { IStudentProfileSummary } from '../../parent-dashboard-types';\n\nexport const getLearningProfileSummary = (\n  configData?: IMilestoneConfig,\n  summaryData?: IStudentProfileSummaryResponse,\n): IStudentProfileSummary => {\n  const defaultSummary: IStudentProfileSummary = {\n    studentLevel: '',\n    studentObjectives: [],\n    learningPlan: [],\n    levelPreference: '',\n  };\n\n  if (!configData || !summaryData) return defaultSummary;\n\n  const preferences = summaryData.student_preferences?.preferences ?? [];\n  const userMilestoneData = summaryData.user_milestone_data ?? [];\n\n  if (preferences.length === 0) return defaultSummary;\n\n  const findPref = (category: TPreferenceCategory) =>\n    preferences.find(p => p.preference_category === category);\n\n  const filterPrefs = (category: TPreferenceCategory) =>\n    preferences.filter(p => p.preference_category === category);\n\n  const positionPref = findPref(PREFERENCE_CATEGORY.POSITION);\n  const levelPreference = findPref(PREFERENCE_CATEGORY.LEVEL)?.preference_name ?? '';\n  const objectivePrefs = filterPrefs(PREFERENCE_CATEGORY.OBJECTIVES);\n\n  const positionInfo = positionPref\n    ? getPreferencesFromConfig(configData, {\n        grade: '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.POSITION,\n      })?.find(({ id }) => id === positionPref.preference_code)\n    : null;\n\n  const studentLevel =\n    positionInfo?.label && positionInfo?.description\n      ? `${positionInfo.label}: ${positionInfo.description}`\n      : '';\n\n  const studentObjectives = objectivePrefs.map(p => p.preference_name);\n\n  const learningPlan = userMilestoneData.map(\n    ({ goal_category, milestone_name }) =>\n      `${GOAL_MAPPING[goal_category as TGoalCategory]}: ${milestone_name}`,\n  );\n\n  return {\n    studentLevel,\n    studentObjectives,\n    learningPlan,\n    levelPreference,\n  };\n};\n"],"names":["getLearningProfileSummary","configData","summaryData","defaultSummary","preferences","_a","userMilestoneData","findPref","category","p","filterPrefs","positionPref","PREFERENCE_CATEGORY","levelPreference","_b","objectivePrefs","positionInfo","_c","getPreferencesFromConfig","COURSE_STREAMS","id","studentLevel","studentObjectives","learningPlan","goal_category","milestone_name","GOAL_MAPPING"],"mappings":";;;AAWa,MAAAA,IAA4B,CACvCC,GACAC,MAC2B;;AAC3B,QAAMC,IAAyC;AAAA,IAC7C,cAAc;AAAA,IACd,mBAAmB,CAAC;AAAA,IACpB,cAAc,CAAC;AAAA,IACf,iBAAiB;AAAA,EAAA;AAGnB,MAAI,CAACF,KAAc,CAACC,EAAoB,QAAAC;AAExC,QAAMC,MAAcC,IAAAH,EAAY,wBAAZ,gBAAAG,EAAiC,gBAAe,CAAA,GAC9DC,IAAoBJ,EAAY,uBAAuB;AAEzD,MAAAE,EAAY,WAAW,EAAU,QAAAD;AAE/B,QAAAI,IAAW,CAACC,MAChBJ,EAAY,KAAK,CAAKK,MAAAA,EAAE,wBAAwBD,CAAQ,GAEpDE,IAAc,CAACF,MACnBJ,EAAY,OAAO,CAAKK,MAAAA,EAAE,wBAAwBD,CAAQ,GAEtDG,IAAeJ,EAASK,EAAoB,QAAQ,GACpDC,MAAkBC,IAAAP,EAASK,EAAoB,KAAK,MAAlC,gBAAAE,EAAqC,oBAAmB,IAC1EC,IAAiBL,EAAYE,EAAoB,UAAU,GAE3DI,IAAeL,KACjBM,IAAAC,EAAyBjB,GAAY;AAAA,IACnC,OAAO;AAAA,IACP,cAAckB,EAAe;AAAA,IAC7B,oBAAoBP,EAAoB;AAAA,EAAA,CACzC,MAJD,gBAAAK,EAII,KAAK,CAAC,EAAE,IAAAG,QAASA,MAAOT,EAAa,mBACzC,MAEEU,IACJL,KAAA,QAAAA,EAAc,UAASA,KAAA,QAAAA,EAAc,eACjC,GAAGA,EAAa,KAAK,KAAKA,EAAa,WAAW,KAClD,IAEAM,IAAoBP,EAAe,IAAI,CAAAN,MAAKA,EAAE,eAAe,GAE7Dc,IAAejB,EAAkB;AAAA,IACrC,CAAC,EAAE,eAAAkB,GAAe,gBAAAC,EAAe,MAC/B,GAAGC,EAAaF,CAA8B,CAAC,KAAKC,CAAc;AAAA,EAAA;AAG/D,SAAA;AAAA,IACL,cAAAJ;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAV;AAAA,EAAA;AAEJ;"}

package/dist/features/parent-dashboard/modals/student-profile-summary/student-profile-summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-profile-summary.js","sources":["../../../../../src/features/parent-dashboard/modals/student-profile-summary/student-profile-summary.tsx"],"sourcesContent":["import type { IStudentProfileSummary } from '../../parent-dashboard-types';\nimport type { TProfileHighlight } from './student-profile-summary-types';\n\nimport { useMemo, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport StudentProfileHighlights from '../../../trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\nconst StudentProfileSummary = () => {\n  const { studentName, summaryData } = useModalParams<{\n    studentName: string;\n    summaryData: IStudentProfileSummary;\n  }>();\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const profileHighlights: TProfileHighlight[] = useMemo(() => {\n    const { studentLevel, studentObjectives = '', learningPlan = '' } = summaryData ?? {};\n\n    return [\n      {\n        title: 'Student Level',\n        description: studentLevel,\n        illustration: ILLUSTRATIONS.KNOWLEDGE_BLUE,\n        background: 'BLUE_1',\n      },\n      {\n        illustration: ILLUSTRATIONS.ARROW_BOARD_GREEN,\n        background: 'GREEN_1',\n        title: 'Goals',\n        description: studentObjectives,\n      },\n      {\n        illustration: ILLUSTRATIONS.BOOK_CHECKED_PURPLE,\n        background: 'PURPLE_1',\n        title: 'Learning Plan',\n        description: learningPlan,\n      },\n    ];\n  }, [summaryData]);\n\n  if (!summaryData) {\n    return <AppLoader height={200} width={200} />;\n  }\n\n  return (\n    <FlexView $borderColor=\"BLACK_1\">\n      {isMobile && (\n        <FlexView $gutterX={1} $gapX={1.5} $background=\"BLACK_2\">\n          <Text $renderAs=\"ab1-bold\" $color=\"WHITE_1\">{`${studentName}'s Profile`}</Text>\n        </FlexView>\n      )}\n      <StudentProfileHighlights profileHighlights={profileHighlights} />\n    </FlexView>\n  );\n};\n\nexport default memo(StudentProfileSummary);\n"],"names":["StudentProfileSummary","studentName","summaryData","useModalParams","isMobile","useTheme","EDeviceType","profileHighlights","useMemo","studentLevel","studentObjectives","learningPlan","ILLUSTRATIONS","jsxs","FlexView","jsx","Text","StudentProfileHighlights","AppLoader","studentProfileSummary","memo"],"mappings":";;;;;;;;;;AAcA,MAAMA,IAAwB,MAAM;AAClC,QAAM,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAGlC,GAEGC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAyCC,EAAQ,MAAM;AACrD,UAAA,EAAE,cAAAC,GAAc,mBAAAC,IAAoB,IAAI,cAAAC,IAAe,GAAG,IAAIT,KAAe;AAE5E,WAAA;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,aAAaO;AAAA,QACb,cAAcG,EAAc;AAAA,QAC5B,YAAY;AAAA,MACd;AAAA,MACA;AAAA,QACE,cAAcA,EAAc;AAAA,QAC5B,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAaF;AAAA,MACf;AAAA,MACA;AAAA,QACE,cAAcE,EAAc;AAAA,QAC5B,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAaD;AAAA,MACf;AAAA,IAAA;AAAA,EACF,GACC,CAACT,CAAW,CAAC;AAEhB,SAAKA,IAKH,gBAAAW,EAACC,GAAS,EAAA,cAAa,WACpB,UAAA;AAAA,IAAAV,uBACEU,GAAS,EAAA,UAAU,GAAG,OAAO,KAAK,aAAY,WAC7C,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,QAAO,WAAW,UAAG,GAAAf,CAAW,cAAa,EAC1E,CAAA;AAAA,IAEF,gBAAAc,EAACE,KAAyB,mBAAAV,GAAsC;AAAA,EAClE,EAAA,CAAA,IAXQ,gBAAAQ,EAAAG,GAAA,EAAU,QAAQ,KAAK,OAAO,IAAK,CAAA;AAa/C,GAEeC,IAAAC,EAAKpB,CAAqB;"}
+{"version":3,"file":"student-profile-summary.js","sources":["../../../../../src/features/parent-dashboard/modals/student-profile-summary/student-profile-summary.tsx"],"sourcesContent":["import { useMemo, memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport StudentProfileHighlights from '../../../trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport type { IStudentProfileSummary } from '../../parent-dashboard-types';\nimport type { TProfileHighlight } from './student-profile-summary-types';\n\nconst StudentProfileSummary = () => {\n  const { studentName, summaryData } = useModalParams<{\n    studentName: string;\n    summaryData: IStudentProfileSummary;\n  }>();\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const profileHighlights: TProfileHighlight[] = useMemo(() => {\n    const { studentLevel, studentObjectives = '', learningPlan = '' } = summaryData ?? {};\n\n    return [\n      {\n        title: 'Student Level',\n        description: studentLevel,\n        illustration: ILLUSTRATIONS.KNOWLEDGE_BLUE,\n        background: 'BLUE_1',\n      },\n      {\n        illustration: ILLUSTRATIONS.ARROW_BOARD_GREEN,\n        background: 'GREEN_1',\n        title: 'Goals',\n        description: studentObjectives,\n      },\n      {\n        illustration: ILLUSTRATIONS.BOOK_CHECKED_PURPLE,\n        background: 'PURPLE_1',\n        title: 'Learning Plan',\n        description: learningPlan,\n      },\n    ];\n  }, [summaryData]);\n\n  if (!summaryData) {\n    return <AppLoader height={200} width={200} />;\n  }\n\n  return (\n    <FlexView $borderColor=\"BLACK_1\">\n      {isMobile && (\n        <FlexView $gutterX={1} $gapX={1.5} $background=\"BLACK_2\">\n          <Text $renderAs=\"ab1-bold\" $color=\"WHITE_1\">{`${studentName}'s Profile`}</Text>\n        </FlexView>\n      )}\n      <StudentProfileHighlights profileHighlights={profileHighlights} />\n    </FlexView>\n  );\n};\n\nexport default memo(StudentProfileSummary);\n"],"names":["StudentProfileSummary","studentName","summaryData","useModalParams","isMobile","useTheme","EDeviceType","profileHighlights","useMemo","studentLevel","studentObjectives","learningPlan","ILLUSTRATIONS","jsxs","FlexView","jsx","Text","StudentProfileHighlights","AppLoader","studentProfileSummary","memo"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAwB,MAAM;AAClC,QAAM,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAGlC,GAEGC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAyCC,EAAQ,MAAM;AACrD,UAAA,EAAE,cAAAC,GAAc,mBAAAC,IAAoB,IAAI,cAAAC,IAAe,GAAG,IAAIT,KAAe;AAE5E,WAAA;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,aAAaO;AAAA,QACb,cAAcG,EAAc;AAAA,QAC5B,YAAY;AAAA,MACd;AAAA,MACA;AAAA,QACE,cAAcA,EAAc;AAAA,QAC5B,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAaF;AAAA,MACf;AAAA,MACA;AAAA,QACE,cAAcE,EAAc;AAAA,QAC5B,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,aAAaD;AAAA,MACf;AAAA,IAAA;AAAA,EACF,GACC,CAACT,CAAW,CAAC;AAEhB,SAAKA,IAKH,gBAAAW,EAACC,GAAS,EAAA,cAAa,WACpB,UAAA;AAAA,IAAAV,uBACEU,GAAS,EAAA,UAAU,GAAG,OAAO,KAAK,aAAY,WAC7C,UAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,QAAO,WAAW,UAAG,GAAAf,CAAW,cAAa,EAC1E,CAAA;AAAA,IAEF,gBAAAc,EAACE,KAAyB,mBAAAV,GAAsC;AAAA,EAClE,EAAA,CAAA,IAXQ,gBAAAQ,EAAAG,GAAA,EAAU,QAAQ,KAAK,OAAO,IAAK,CAAA;AAa/C,GAEeC,IAAAC,EAAKpB,CAAqB;"}

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

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

package/dist/features/parent-dashboard/parent-dashboard-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"parent-dashboard-types.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-types.ts"],"sourcesContent":["import type { TSession } from './comps/upcoming-sessions/upcoming-sessions-types';\nimport type { ReactElement } from 'react';\n\nexport interface ISessionDetails {\n  completed_sessions: number;\n  next_session_start: number;\n  next_session_end: number;\n  student_demo_id: string;\n  upcoming_sessions: TSession[];\n  user_attempt_id?: string;\n}\n\ninterface IDegreeInfo {\n  degree_name: string;\n  degree_code: string;\n  field_of_study: string;\n}\nexport interface ITeacherDetails {\n  first_name: string;\n  last_name: string;\n  years_of_experience: number;\n  number_of_students_taught: number;\n  lower_grade: string;\n  higher_grade: string;\n  degree: IDegreeInfo;\n  countries: string[];\n  teacher_profile_url: string;\n  header_image: string;\n}\n\nexport interface IPaymentMethodDetails {\n  brand: string;\n  last_4_digits: string;\n  type: string;\n  exp_month: number;\n  exp_year: number;\n}\n\nexport interface IBillingDetails {\n  amount: number;\n  cycle_frequency: string;\n  next_due_date: string;\n  payment_method_details: IPaymentMethodDetails;\n}\n\nexport interface IParentHome {\n  pla_state: EPLAState;\n  session_details: ISessionDetails;\n  teacher_details: ITeacherDetails | null;\n  billing_details: IBillingDetails;\n}\n\nexport interface IStudentProfileSummary {\n  studentLevel: string;\n  studentObjectives: string[] | string;\n  learningPlan: string[] | string;\n  levelPreference?: string;\n}\n\nexport interface IOnViewSummaryParams extends IStudentProfileSummary {\n  userAttemptId?: string | null;\n}\nexport enum ESummaryType {\n  STUDENT_PROFILE = 'studentProfile',\n  INSIGHTS = 'insights',\n  LEARNING_PLAN = 'learningPlan',\n}\n\nexport interface IParentDashboardProps {\n  studentName: string;\n  studentId: string;\n  onRescheduleDemo: (demoId?: string | null) => void;\n  onChangeTutor: (demoId?: string | null) => void;\n  onGetStartedAgain?: () => void;\n  onViewSummary?: (key: ESummaryType, summaryData: IOnViewSummaryParams) => void;\n  onSwitchUser?: () => void;\n  HeaderAvatar: ReactElement;\n}\n\nexport interface ISpacingConfig {\n  small: number;\n  medium: number;\n  large: number;\n  separator: {\n    small: number;\n    medium: number;\n    large: number;\n    extraLarge: number;\n  };\n}\n\nexport enum EPLAState {\n  // Initial Setup Phase\n  NO_CARD_ON_FILE = 'no_card_on_file',\n  CARD_ADDED_SEARCHING_TUTOR = 'card_added_searching_tutor',\n  CARD_ADDED_TUTOR_ASSIGNED = 'card_added_tutor_assigned',\n  TRIAL_TUTOR_NO_SHOW = 'trial_tutor_no_show',\n  TRIAL_STUDENT_NO_SHOW = 'trial_student_no_show',\n\n  // Post-Trial Payment Phase\n  TRIAL_COMPLETED_PAYMENT_PENDING = 'trial_completed_payment_pending',\n  TRIAL_COMPLETED_CARD_DECLINED = 'trial_completed_card_declined',\n  TRIAL_COMPLETED_PAYMENT_SUCCESSFUL = 'trial_completed_payment_successful',\n\n  // Active Subscription Phase\n  REGULAR_CLASS_COMPLETED = 'regular_class_completed',\n\n  // Cancellation States\n  SUBSCRIPTION_CANCELLED_BEFORE_TRIAL = 'cancelled_before_trial',\n  SUBSCRIPTION_CANCELLED_AFTER_TRIAL_BEFORE_PAYMENT = 'cancelled_after_trial_before_payment',\n  SUBSCRIPTION_CANCELLED_AFTER_PAYMENT = 'cancelled_after_payment',\n}\n\nexport interface IUseParentHomeDataReturn {\n  plaState: EPLAState | null;\n  sessionDetails: ISessionDetails | null;\n  teacherDetails: ITeacherDetails | null;\n  billingDetails: IBillingDetails | null;\n  completedSessions: number;\n  nextSessionEnd: number;\n  nextSessionStart: number;\n  teacherName: string;\n  upcomingSessions: TSession[];\n  isTrialDone: boolean;\n  isOnlyTrialDone: boolean;\n  isRegularClassDone: boolean;\n  isCardDeclined: boolean;\n  isSubscriptionCancelled: boolean;\n  cardOnFileNotAvailable: boolean;\n  isTutorNoShow: boolean;\n  isStudentNoShow: boolean;\n  showLoading: boolean;\n  demoId: string | null;\n  userAttemptId: string | null;\n  isProcessingFailed: boolean;\n  canChangeTutor: boolean;\n  showPLAIntroduction?: boolean;\n}\n"],"names":["ESummaryType","EPLAState"],"mappings":"AA8DY,IAAAA,sBAAAA,OACVA,EAAA,kBAAkB,kBAClBA,EAAA,WAAW,YACXA,EAAA,gBAAgB,gBAHNA,IAAAA,KAAA,CAAA,CAAA,GA6BAC,sBAAAA,OAEVA,EAAA,kBAAkB,mBAClBA,EAAA,6BAA6B,8BAC7BA,EAAA,4BAA4B,6BAC5BA,EAAA,sBAAsB,uBACtBA,EAAA,wBAAwB,yBAGxBA,EAAA,kCAAkC,mCAClCA,EAAA,gCAAgC,iCAChCA,EAAA,qCAAqC,sCAGrCA,EAAA,0BAA0B,2BAG1BA,EAAA,sCAAsC,0BACtCA,EAAA,oDAAoD,wCACpDA,EAAA,uCAAuC,2BAnB7BA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"parent-dashboard-types.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-types.ts"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport type { TSession } from './comps/upcoming-sessions/upcoming-sessions-types';\n\nexport interface ISessionDetails {\n  completed_sessions: number;\n  next_session_start: number;\n  next_session_end: number;\n  student_demo_id: string;\n  upcoming_sessions: TSession[];\n  user_attempt_id?: string;\n}\n\ninterface IDegreeInfo {\n  degree_name: string;\n  degree_code: string;\n  field_of_study: string;\n}\nexport interface ITeacherDetails {\n  first_name: string;\n  last_name: string;\n  years_of_experience: number;\n  number_of_students_taught: number;\n  lower_grade: string;\n  higher_grade: string;\n  degree: IDegreeInfo;\n  countries: string[];\n  teacher_profile_url: string;\n  header_image: string;\n}\n\nexport interface IPaymentMethodDetails {\n  brand: string;\n  last_4_digits: string;\n  type: string;\n  exp_month: number;\n  exp_year: number;\n}\n\nexport interface IBillingDetails {\n  amount: number;\n  cycle_frequency: string;\n  next_due_date: string;\n  payment_method_details: IPaymentMethodDetails;\n}\n\nexport interface IParentHome {\n  pla_state: EPLAState;\n  session_details: ISessionDetails;\n  teacher_details: ITeacherDetails | null;\n  billing_details: IBillingDetails;\n}\n\nexport interface IStudentProfileSummary {\n  studentLevel: string;\n  studentObjectives: string[] | string;\n  learningPlan: string[] | string;\n  levelPreference?: string;\n}\n\nexport interface IOnViewSummaryParams extends IStudentProfileSummary {\n  userAttemptId?: string | null;\n}\nexport enum ESummaryType {\n  STUDENT_PROFILE = 'studentProfile',\n  INSIGHTS = 'insights',\n  LEARNING_PLAN = 'learningPlan',\n}\n\nexport interface IParentDashboardProps {\n  studentName: string;\n  studentId: string;\n  onRescheduleDemo: (demoId?: string | null) => void;\n  onChangeTutor: (demoId?: string | null) => void;\n  onGetStartedAgain?: () => void;\n  onViewSummary?: (key: ESummaryType, summaryData: IOnViewSummaryParams) => void;\n  onSwitchUser?: () => void;\n  HeaderAvatar: ReactElement;\n}\n\nexport interface ISpacingConfig {\n  small: number;\n  medium: number;\n  large: number;\n  separator: {\n    small: number;\n    medium: number;\n    large: number;\n    extraLarge: number;\n  };\n}\n\nexport enum EPLAState {\n  // Initial Setup Phase\n  NO_CARD_ON_FILE = 'no_card_on_file',\n  CARD_ADDED_SEARCHING_TUTOR = 'card_added_searching_tutor',\n  CARD_ADDED_TUTOR_ASSIGNED = 'card_added_tutor_assigned',\n  TRIAL_TUTOR_NO_SHOW = 'trial_tutor_no_show',\n  TRIAL_STUDENT_NO_SHOW = 'trial_student_no_show',\n\n  // Post-Trial Payment Phase\n  TRIAL_COMPLETED_PAYMENT_PENDING = 'trial_completed_payment_pending',\n  TRIAL_COMPLETED_CARD_DECLINED = 'trial_completed_card_declined',\n  TRIAL_COMPLETED_PAYMENT_SUCCESSFUL = 'trial_completed_payment_successful',\n\n  // Active Subscription Phase\n  REGULAR_CLASS_COMPLETED = 'regular_class_completed',\n\n  // Cancellation States\n  SUBSCRIPTION_CANCELLED_BEFORE_TRIAL = 'cancelled_before_trial',\n  SUBSCRIPTION_CANCELLED_AFTER_TRIAL_BEFORE_PAYMENT = 'cancelled_after_trial_before_payment',\n  SUBSCRIPTION_CANCELLED_AFTER_PAYMENT = 'cancelled_after_payment',\n}\n\nexport interface IUseParentHomeDataReturn {\n  plaState: EPLAState | null;\n  sessionDetails: ISessionDetails | null;\n  teacherDetails: ITeacherDetails | null;\n  billingDetails: IBillingDetails | null;\n  completedSessions: number;\n  nextSessionEnd: number;\n  nextSessionStart: number;\n  teacherName: string;\n  upcomingSessions: TSession[];\n  isTrialDone: boolean;\n  isOnlyTrialDone: boolean;\n  isRegularClassDone: boolean;\n  isCardDeclined: boolean;\n  isSubscriptionCancelled: boolean;\n  cardOnFileNotAvailable: boolean;\n  isTutorNoShow: boolean;\n  isStudentNoShow: boolean;\n  showLoading: boolean;\n  demoId: string | null;\n  userAttemptId: string | null;\n  isProcessingFailed: boolean;\n  canChangeTutor: boolean;\n  showPLAIntroduction?: boolean;\n}\n"],"names":["ESummaryType","EPLAState"],"mappings":"AA+DY,IAAAA,sBAAAA,OACVA,EAAA,kBAAkB,kBAClBA,EAAA,WAAW,YACXA,EAAA,gBAAgB,gBAHNA,IAAAA,KAAA,CAAA,CAAA,GA6BAC,sBAAAA,OAEVA,EAAA,kBAAkB,mBAClBA,EAAA,6BAA6B,8BAC7BA,EAAA,4BAA4B,6BAC5BA,EAAA,sBAAsB,uBACtBA,EAAA,wBAAwB,yBAGxBA,EAAA,kCAAkC,mCAClCA,EAAA,gCAAgC,iCAChCA,EAAA,qCAAqC,sCAGrCA,EAAA,0BAA0B,2BAG1BA,EAAA,sCAAsC,0BACtCA,EAAA,oDAAoD,wCACpDA,EAAA,uCAAuC,2BAnB7BA,IAAAA,KAAA,CAAA,CAAA;"}