@cuemath/leap 3.3.30-beta.1 → 3.3.30

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

@@ -1 +1 @@
-{"version":3,"file":"parent-dashboard-view.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-view.tsx"],"sourcesContent":["import type { ESummaryType, IParentDashboardProps, ISpacingConfig } from './parent-dashboard-types';\n\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport OnboardingGuide from '../auth/pla-signup/onboarding-guide/onboarding-guide';\nimport SignupHeader from '../auth/pla-signup/signup-header/signup-header';\nimport TeacherProfile from '../trial-session/comps/teacher-intro/teacher-profile/teacher-profile';\nimport Button from '../ui/buttons/button/button';\nimport TextButton from '../ui/buttons/text-button/text-button';\nimport Error from '../ui/error/error';\nimport FlexView from '../ui/layout/flex-view';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport Separator from '../ui/separator/separator';\nimport Text from '../ui/text/text';\nimport { EDeviceType } from '../ui/theme/constants';\nimport { invalidateParentHome } from './api/parent-home';\nimport BillingInformation from './comps/billing-information/billing-information';\nimport CompactHeader from './comps/compact-header/compact-header';\nimport CuemathAppFeatures from './comps/cuemath-app-features/cuemath-app-features';\nimport MathPractice from './comps/math-practice/math-practice';\nimport NextSteps from './comps/next-steps/next-steps';\nimport ParentDashboardFaqs from './comps/parent-dashboard-faqs/parent-dashboard-faqs';\nimport SessionStatus from './comps/session-status/session-status';\nimport SessionSummary from './comps/session-summary/session-summary';\nimport UpcomingSessions from './comps/upcoming-sessions/upcoming-sessions';\nimport useParentHomeData from './hooks/use-parent-home-data';\nimport useStudentProfileSummaryData from './hooks/use-student-profile-summary-data';\nimport { usePLAModalHandlers } from './modals/hooks/use-pla-model-handlers';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from './parent-dashboard-constants';\nimport * as Styled from './parent-dashboard-styled';\n\nconst ParentDashboardView: React.FC<IParentDashboardProps> = memo(\n  ({\n    studentName,\n    studentId,\n    onRescheduleDemo,\n    onViewSummary,\n    onGetStartedAgain,\n    onChangeTutor,\n    onSwitchUser,\n    HeaderAvatar,\n  }) => {\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const parentHomeData = useParentHomeData(studentId);\n    const {\n      isStudentNoShow,\n      isTutorNoShow,\n      teacherDetails,\n      billingDetails,\n      teacherName,\n      completedSessions,\n      nextSessionStart,\n      nextSessionEnd,\n      upcomingSessions,\n      isTrialDone,\n      isOnlyTrialDone,\n      isRegularClassDone,\n      showLoading = false,\n      demoId,\n      isProcessingFailed,\n      userAttemptId,\n      isSubscriptionCancelled,\n      canChangeTutor,\n      sessionDetails,\n      cardOnFileNotAvailable,\n      isCardDeclined,\n    } = parentHomeData;\n    const { summaryInfo, fetchSummaryData } = useStudentProfileSummaryData(studentId);\n\n    const spacing = useMemo<ISpacingConfig>(\n      () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n      [isMobile],\n    );\n\n    const buttonWidth = useMemo(() => (isMobile ? '100%' : 200), [isMobile]);\n\n    const handleTryAgain = useCallback(() => {\n      invalidateParentHome(studentId);\n      fetchSummaryData();\n    }, [fetchSummaryData, studentId]);\n\n    const { onCancelSubscription, onViewPaymentMethod } = usePLAModalHandlers({\n      demoId,\n      studentId,\n      studentName,\n      billingDetails,\n      completedSessions,\n      withTutor: !!teacherName,\n      onRescheduleDemo,\n      onChangeTutor,\n    });\n\n    const handleRescheduleDemo = useCallback(() => {\n      onRescheduleDemo(demoId);\n    }, [demoId, onRescheduleDemo]);\n\n    const handleChangeTutor = useCallback(() => {\n      onChangeTutor(demoId);\n    }, [demoId, onChangeTutor]);\n\n    const handleViewSummary = useCallback(\n      (key: ESummaryType) => {\n        onViewSummary?.(key, { ...summaryInfo, userAttemptId: userAttemptId ?? null });\n      },\n      [onViewSummary, summaryInfo, userAttemptId],\n    );\n\n    const sessionStatusProps = useMemo(\n      () => ({\n        completedSessions,\n        nextSessionStartTime: nextSessionStart,\n        teacherName,\n        isTutorNoShow,\n        isStudentNoShow,\n        nextSessionEndTime: nextSessionEnd,\n        studentName,\n        onRescheduleClick: handleRescheduleDemo,\n        isTrialDone,\n        isOnlyTrialDone,\n      }),\n      [\n        completedSessions,\n        nextSessionStart,\n        teacherName,\n        isTutorNoShow,\n        isStudentNoShow,\n        nextSessionEnd,\n        studentName,\n        handleRescheduleDemo,\n        isTrialDone,\n        isOnlyTrialDone,\n      ],\n    );\n\n    const sessionSummaryProps = useMemo(\n      () => ({\n        isTrialDone,\n        studentName,\n        onViewSummary: handleViewSummary,\n      }),\n      [isTrialDone, studentName, handleViewSummary],\n    );\n\n    const CancelledSubscriptionView = useMemo(\n      () => (\n        <FlexView>\n          <SignupHeader />\n          <Separator height={spacing.separator.extraLarge} />\n          <OnboardingGuide orientation=\"horizontal\" />\n          {onGetStartedAgain && (\n            <FlexView>\n              <Separator height={spacing.medium} />\n              <Button\n                label=\"Get Started\"\n                renderAs=\"yellow-dark\"\n                shape=\"square\"\n                size=\"small\"\n                width={buttonWidth}\n                onClick={onGetStartedAgain}\n              />\n            </FlexView>\n          )}\n        </FlexView>\n      ),\n      [spacing, buttonWidth, onGetStartedAgain],\n    );\n\n    const SessionStatusSection = useMemo(\n      () => <SessionStatus {...sessionStatusProps} />,\n      [sessionStatusProps],\n    );\n\n    const TeacherProfileSection = useMemo(() => {\n      if (!teacherDetails || isTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.large} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n        </FlexView>\n      );\n    }, [teacherDetails, isTrialDone, spacing.separator.large]);\n\n    const SessionSummarySection = useMemo(() => {\n      if (isRegularClassDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <SessionSummary {...sessionSummaryProps} />\n        </FlexView>\n      );\n    }, [isRegularClassDone, spacing.separator.extraLarge, sessionSummaryProps]);\n\n    const TutorChangeSection = useMemo(() => {\n      if (!canChangeTutor) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.small} />\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25}>\n            <Text $renderAs=\"ub1\" $renderOnMobileAs=\"ub2\" $color=\"WHITE\">\n              Not the right fit for your child?\n            </Text>\n            <TextButton\n              color=\"WHITE_1\"\n              sizeOnMobile=\"small\"\n              label=\"Try another tutor\"\n              onClick={handleChangeTutor}\n            />\n          </FlexView>\n        </FlexView>\n      );\n    }, [canChangeTutor, spacing.separator.small, handleChangeTutor]);\n\n    const TeacherDetailsSection = useMemo(() => {\n      if (!teacherDetails) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Know your tutor\n          </Text>\n          <Separator height={spacing.separator.medium} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n          {TutorChangeSection}\n        </FlexView>\n      );\n    }, [teacherDetails, spacing.separator, TutorChangeSection]);\n\n    const OnlyTrialDoneSection = useMemo(() => {\n      if (!isOnlyTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <NextSteps />\n          <UpcomingSessions sessions={upcomingSessions} />\n          {TeacherDetailsSection}\n        </FlexView>\n      );\n    }, [isOnlyTrialDone, spacing.separator.extraLarge, upcomingSessions, TeacherDetailsSection]);\n\n    const AppFeaturesSection = useMemo(() => {\n      if (!isTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <CuemathAppFeatures />\n        </FlexView>\n      );\n    }, [isTrialDone, spacing.separator.extraLarge]);\n\n    const MathPracticeSection = useMemo(() => {\n      if (isRegularClassDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Styled.MathPracticeWrapper>\n            <MathPractice onSwitchUser={onSwitchUser} />\n          </Styled.MathPracticeWrapper>\n        </FlexView>\n      );\n    }, [isRegularClassDone, spacing.separator.extraLarge, onSwitchUser]);\n\n    const BillingInformationSection = useMemo(() => {\n      if (!billingDetails) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <BillingInformation\n            billingDetails={billingDetails}\n            onViewPaymentMethod={onViewPaymentMethod}\n            onCancelSubscription={onCancelSubscription}\n          />\n        </FlexView>\n      );\n    }, [billingDetails, spacing.separator.extraLarge, onViewPaymentMethod, onCancelSubscription]);\n\n    const MainContent = useMemo(\n      () => (\n        <FlexView>\n          {SessionStatusSection}\n          {TeacherProfileSection}\n          {SessionSummarySection}\n          {OnlyTrialDoneSection}\n          {AppFeaturesSection}\n          {MathPracticeSection}\n          {BillingInformationSection}\n        </FlexView>\n      ),\n      [\n        SessionStatusSection,\n        TeacherProfileSection,\n        SessionSummarySection,\n        OnlyTrialDoneSection,\n        AppFeaturesSection,\n        MathPracticeSection,\n        BillingInformationSection,\n      ],\n    );\n\n    const FaqsSection = useMemo(\n      () => (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <ParentDashboardFaqs />\n          <Separator height={spacing.separator.extraLarge} />\n        </FlexView>\n      ),\n      [spacing.separator.extraLarge],\n    );\n\n    const isLoading = useMemo(() => {\n      return isCardDeclined || cardOnFileNotAvailable || !sessionDetails || showLoading;\n    }, [cardOnFileNotAvailable, isCardDeclined, sessionDetails, showLoading]);\n\n    if (isLoading) {\n      return <AppLoader height=\"100dvh\" />;\n    }\n\n    if (isProcessingFailed) {\n      return (\n        <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n          <Error theme=\"dark\" onTryAgain={handleTryAgain} />\n        </FlexView>\n      );\n    }\n\n    return (\n      <Styled.Container>\n        <CompactHeader HeaderAvatar={HeaderAvatar} />\n        <Styled.ContentWrapper\n          $flex={1}\n          $width=\"100%\"\n          $height=\"100%\"\n          $background=\"BLACK_1\"\n          $gap={spacing.medium}\n          $gutter={spacing.small}\n        >\n          {isSubscriptionCancelled ? CancelledSubscriptionView : MainContent}\n          {FaqsSection}\n        </Styled.ContentWrapper>\n      </Styled.Container>\n    );\n  },\n);\n\nexport default ParentDashboardView;\n"],"names":["ParentDashboardView","memo","studentName","studentId","onRescheduleDemo","onViewSummary","onGetStartedAgain","onChangeTutor","onSwitchUser","HeaderAvatar","device","useTheme","isMobile","EDeviceType","parentHomeData","useParentHomeData","isStudentNoShow","isTutorNoShow","teacherDetails","billingDetails","teacherName","completedSessions","nextSessionStart","nextSessionEnd","upcomingSessions","isTrialDone","isOnlyTrialDone","isRegularClassDone","showLoading","demoId","isProcessingFailed","userAttemptId","isSubscriptionCancelled","canChangeTutor","sessionDetails","cardOnFileNotAvailable","isCardDeclined","summaryInfo","fetchSummaryData","useStudentProfileSummaryData","spacing","useMemo","MOBILE_SPACING","DESKTOP_SPACING","buttonWidth","handleTryAgain","useCallback","invalidateParentHome","onCancelSubscription","onViewPaymentMethod","usePLAModalHandlers","handleRescheduleDemo","handleChangeTutor","handleViewSummary","key","sessionStatusProps","sessionSummaryProps","CancelledSubscriptionView","FlexView","jsx","SignupHeader","Separator","OnboardingGuide","Button","SessionStatusSection","SessionStatus","TeacherProfileSection","TeacherProfile","SessionSummarySection","SessionSummary","TutorChangeSection","jsxs","Text","TextButton","TeacherDetailsSection","OnlyTrialDoneSection","NextSteps","UpcomingSessions","AppFeaturesSection","CuemathAppFeatures","MathPracticeSection","Styled.MathPracticeWrapper","MathPractice","BillingInformationSection","BillingInformation","MainContent","FaqsSection","ParentDashboardFaqs","AppLoader","Error","Styled.Container","CompactHeader","Styled.ContentWrapper"],"mappings":"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"}
+{"version":3,"file":"parent-dashboard-view.js","sources":["../../../src/features/parent-dashboard/parent-dashboard-view.tsx"],"sourcesContent":["import type { ESummaryType, IParentDashboardProps, ISpacingConfig } from './parent-dashboard-types';\n\nimport React, { memo, useMemo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport OnboardingGuide from '../auth/pla-signup/onboarding-guide/onboarding-guide';\nimport SignupHeader from '../auth/pla-signup/signup-header/signup-header';\nimport TeacherProfile from '../trial-session/comps/teacher-intro/teacher-profile/teacher-profile';\nimport Button from '../ui/buttons/button/button';\nimport TextButton from '../ui/buttons/text-button/text-button';\nimport Error from '../ui/error/error';\nimport FlexView from '../ui/layout/flex-view';\nimport AppLoader from '../ui/loader/app-loader/app-loader';\nimport Separator from '../ui/separator/separator';\nimport Text from '../ui/text/text';\nimport { EDeviceType } from '../ui/theme/constants';\nimport { invalidateParentHome } from './api/parent-home';\nimport CompactHeader from './comps/compact-header/compact-header';\nimport CuemathAppFeatures from './comps/cuemath-app-features/cuemath-app-features';\nimport MathPractice from './comps/math-practice/math-practice';\nimport NextSteps from './comps/next-steps/next-steps';\nimport ParentDashboardFaqs from './comps/parent-dashboard-faqs/parent-dashboard-faqs';\nimport SessionStatus from './comps/session-status/session-status';\nimport SessionSummary from './comps/session-summary/session-summary';\nimport UpcomingSessions from './comps/upcoming-sessions/upcoming-sessions';\nimport useParentHomeData from './hooks/use-parent-home-data';\nimport useStudentProfileSummaryData from './hooks/use-student-profile-summary-data';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from './parent-dashboard-constants';\nimport * as Styled from './parent-dashboard-styled';\n\nconst ParentDashboardView: React.FC<IParentDashboardProps> = memo(\n  ({\n    studentName,\n    studentId,\n    onRescheduleDemo,\n    onViewSummary,\n    onGetStartedAgain,\n    onChangeTutor,\n    onSwitchUser,\n    HeaderAvatar,\n  }) => {\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const parentHomeData = useParentHomeData(studentId);\n    const {\n      isStudentNoShow,\n      isTutorNoShow,\n      teacherDetails,\n      teacherName,\n      completedSessions,\n      nextSessionStart,\n      nextSessionEnd,\n      upcomingSessions,\n      isTrialDone,\n      isOnlyTrialDone,\n      isRegularClassDone,\n      showLoading = false,\n      demoId,\n      isProcessingFailed,\n      userAttemptId,\n      isSubscriptionCancelled,\n      canChangeTutor,\n      sessionDetails,\n      cardOnFileNotAvailable,\n      isCardDeclined,\n    } = parentHomeData;\n    const { summaryInfo, fetchSummaryData } = useStudentProfileSummaryData(studentId);\n\n    const spacing = useMemo<ISpacingConfig>(\n      () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n      [isMobile],\n    );\n\n    const buttonWidth = useMemo(() => (isMobile ? '100%' : 200), [isMobile]);\n\n    const handleTryAgain = useCallback(() => {\n      invalidateParentHome(studentId);\n      fetchSummaryData();\n    }, [fetchSummaryData, studentId]);\n\n    const handleRescheduleDemo = useCallback(() => {\n      onRescheduleDemo(demoId);\n    }, [demoId, onRescheduleDemo]);\n\n    const handleChangeTutor = useCallback(() => {\n      onChangeTutor(demoId);\n    }, [demoId, onChangeTutor]);\n\n    const handleViewSummary = useCallback(\n      (key: ESummaryType) => {\n        onViewSummary?.(key, { ...summaryInfo, userAttemptId: userAttemptId ?? null });\n      },\n      [onViewSummary, summaryInfo, userAttemptId],\n    );\n\n    const sessionStatusProps = useMemo(\n      () => ({\n        completedSessions,\n        nextSessionStartTime: nextSessionStart,\n        teacherName,\n        isTutorNoShow,\n        isStudentNoShow,\n        nextSessionEndTime: nextSessionEnd,\n        studentName,\n        onRescheduleClick: handleRescheduleDemo,\n        isTrialDone,\n        isOnlyTrialDone,\n      }),\n      [\n        completedSessions,\n        nextSessionStart,\n        teacherName,\n        isTutorNoShow,\n        isStudentNoShow,\n        nextSessionEnd,\n        studentName,\n        handleRescheduleDemo,\n        isTrialDone,\n        isOnlyTrialDone,\n      ],\n    );\n\n    const sessionSummaryProps = useMemo(\n      () => ({\n        isTrialDone,\n        studentName,\n        onViewSummary: handleViewSummary,\n      }),\n      [isTrialDone, studentName, handleViewSummary],\n    );\n\n    const CancelledSubscriptionView = useMemo(\n      () => (\n        <FlexView>\n          <SignupHeader />\n          <Separator height={spacing.separator.extraLarge} />\n          <OnboardingGuide orientation=\"horizontal\" />\n          {onGetStartedAgain && (\n            <FlexView>\n              <Separator height={spacing.medium} />\n              <Button\n                label=\"Get Started\"\n                renderAs=\"yellow-dark\"\n                shape=\"square\"\n                size=\"small\"\n                width={buttonWidth}\n                onClick={onGetStartedAgain}\n              />\n            </FlexView>\n          )}\n        </FlexView>\n      ),\n      [spacing, buttonWidth, onGetStartedAgain],\n    );\n\n    const SessionStatusSection = useMemo(\n      () => <SessionStatus {...sessionStatusProps} />,\n      [sessionStatusProps],\n    );\n\n    const TeacherProfileSection = useMemo(() => {\n      if (!teacherDetails || isTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.large} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n        </FlexView>\n      );\n    }, [teacherDetails, isTrialDone, spacing.separator.large]);\n\n    const SessionSummarySection = useMemo(() => {\n      if (isRegularClassDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <SessionSummary {...sessionSummaryProps} />\n        </FlexView>\n      );\n    }, [isRegularClassDone, spacing.separator.extraLarge, sessionSummaryProps]);\n\n    const TutorChangeSection = useMemo(() => {\n      if (!canChangeTutor) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.small} />\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={0.25}>\n            <Text $renderAs=\"ub1\" $renderOnMobileAs=\"ub2\" $color=\"WHITE\">\n              Not the right fit for your child?\n            </Text>\n            <TextButton\n              color=\"WHITE_1\"\n              sizeOnMobile=\"small\"\n              label=\"Try another tutor\"\n              onClick={handleChangeTutor}\n            />\n          </FlexView>\n        </FlexView>\n      );\n    }, [canChangeTutor, spacing.separator.small, handleChangeTutor]);\n\n    const TeacherDetailsSection = useMemo(() => {\n      if (!teacherDetails) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Know your tutor\n          </Text>\n          <Separator height={spacing.separator.medium} />\n          <TeacherProfile teacherProfile={teacherDetails} />\n          {TutorChangeSection}\n        </FlexView>\n      );\n    }, [teacherDetails, spacing.separator, TutorChangeSection]);\n\n    const OnlyTrialDoneSection = useMemo(() => {\n      if (!isOnlyTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <NextSteps />\n          <UpcomingSessions sessions={upcomingSessions} />\n          {TeacherDetailsSection}\n        </FlexView>\n      );\n    }, [isOnlyTrialDone, spacing.separator.extraLarge, upcomingSessions, TeacherDetailsSection]);\n\n    const AppFeaturesSection = useMemo(() => {\n      if (!isTrialDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <CuemathAppFeatures />\n        </FlexView>\n      );\n    }, [isTrialDone, spacing.separator.extraLarge]);\n\n    const MathPracticeSection = useMemo(() => {\n      if (isRegularClassDone) return null;\n\n      return (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <Styled.MathPracticeWrapper>\n            <MathPractice onSwitchUser={onSwitchUser} />\n          </Styled.MathPracticeWrapper>\n        </FlexView>\n      );\n    }, [isRegularClassDone, spacing.separator.extraLarge, onSwitchUser]);\n\n    const MainContent = useMemo(\n      () => (\n        <FlexView>\n          {SessionStatusSection}\n          {TeacherProfileSection}\n          {SessionSummarySection}\n          {OnlyTrialDoneSection}\n          {AppFeaturesSection}\n          {MathPracticeSection}\n        </FlexView>\n      ),\n      [\n        SessionStatusSection,\n        TeacherProfileSection,\n        SessionSummarySection,\n        OnlyTrialDoneSection,\n        AppFeaturesSection,\n        MathPracticeSection,\n      ],\n    );\n\n    const FaqsSection = useMemo(\n      () => (\n        <FlexView>\n          <Separator height={spacing.separator.extraLarge} />\n          <ParentDashboardFaqs />\n        </FlexView>\n      ),\n      [spacing.separator.extraLarge],\n    );\n\n    const isLoading = useMemo(() => {\n      return isCardDeclined || cardOnFileNotAvailable || !sessionDetails || showLoading;\n    }, [cardOnFileNotAvailable, isCardDeclined, sessionDetails, showLoading]);\n\n    if (isLoading) {\n      return <AppLoader height=\"100dvh\" />;\n    }\n\n    if (isProcessingFailed) {\n      return (\n        <FlexView $flex={1} $alignItems=\"center\" $justifyContent=\"center\">\n          <Error theme=\"dark\" onTryAgain={handleTryAgain} />\n        </FlexView>\n      );\n    }\n\n    return (\n      <Styled.Container>\n        <CompactHeader HeaderAvatar={HeaderAvatar} />\n        <Styled.ContentWrapper\n          $flex={1}\n          $width=\"100%\"\n          $height=\"100%\"\n          $background=\"BLACK_1\"\n          $gap={spacing.medium}\n          $gutter={spacing.small}\n        >\n          {isSubscriptionCancelled ? CancelledSubscriptionView : MainContent}\n          {FaqsSection}\n        </Styled.ContentWrapper>\n      </Styled.Container>\n    );\n  },\n);\n\nexport default ParentDashboardView;\n"],"names":["ParentDashboardView","memo","studentName","studentId","onRescheduleDemo","onViewSummary","onGetStartedAgain","onChangeTutor","onSwitchUser","HeaderAvatar","device","useTheme","isMobile","EDeviceType","parentHomeData","useParentHomeData","isStudentNoShow","isTutorNoShow","teacherDetails","teacherName","completedSessions","nextSessionStart","nextSessionEnd","upcomingSessions","isTrialDone","isOnlyTrialDone","isRegularClassDone","showLoading","demoId","isProcessingFailed","userAttemptId","isSubscriptionCancelled","canChangeTutor","sessionDetails","cardOnFileNotAvailable","isCardDeclined","summaryInfo","fetchSummaryData","useStudentProfileSummaryData","spacing","useMemo","MOBILE_SPACING","DESKTOP_SPACING","buttonWidth","handleTryAgain","useCallback","invalidateParentHome","handleRescheduleDemo","handleChangeTutor","handleViewSummary","key","sessionStatusProps","sessionSummaryProps","CancelledSubscriptionView","FlexView","jsx","SignupHeader","Separator","OnboardingGuide","Button","SessionStatusSection","SessionStatus","TeacherProfileSection","TeacherProfile","SessionSummarySection","SessionSummary","TutorChangeSection","jsxs","Text","TextButton","TeacherDetailsSection","OnlyTrialDoneSection","NextSteps","UpcomingSessions","AppFeaturesSection","CuemathAppFeatures","MathPracticeSection","Styled.MathPracticeWrapper","MathPractice","MainContent","FaqsSection","ParentDashboardFaqs","AppLoader","Error","Styled.Container","CompactHeader","Styled.ContentWrapper"],"mappings":"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"}

package/dist/features/trial-session/comps/class-preference/class-preference.js

@@ -1,61 +1,49 @@
-import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import { memo as H, useMemo as j, useCallback as F, useEffect as P } from "react";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { memo as A, useCallback as O, useEffect as w } from "react";
 import { DAYS as f } from "../../../../constants/date-time.js";
-import { getTimeUnits as W, getOffsetBetweenTimezone as z, convertEpochToDateTime as $, convertToMilliseconds as B } from "../../../../helpers/date-time.js";
-import C from "../../../ui/inputs/select-input/select-input.js";
+import { getTimeUnits as j, getOffsetBetweenTimezone as v, convertEpochToDateTime as g, convertToMilliseconds as H } from "../../../../helpers/date-time.js";
+import $ from "../../../ui/inputs/select-input/select-input.js";
 import u from "../../../ui/layout/flex-view.js";
-import M from "../../../ui/separator/separator.js";
-import Y from "../../../ui/text/text.js";
-import { useTrialSessionContext as K } from "../../context/use-trial-session-context.js";
-import { TEACHER_TIMEZONE as x } from "../../trial-session-constants.js";
-import G from "../slide-header/index.js";
-import { timeSlots as N } from "./class-preference-constants.js";
-import { Container as R, PreferenceWrapper as U, FixedLineSeparator as Z } from "./class-preference-styled.js";
-import { extractDayAndTimeFromEpoch as q } from "./helpers.js";
-const h = [
+import P from "../../../ui/separator/separator.js";
+import W from "../../../ui/text/text.js";
+import { useTrialSessionContext as z } from "../../context/use-trial-session-context.js";
+import { TEACHER_TIMEZONE as y } from "../../trial-session-constants.js";
+import B from "../slide-header/index.js";
+import { timeSlots as Y } from "./class-preference-constants.js";
+import { Container as F, PreferenceWrapper as K, FixedLineSeparator as M } from "./class-preference-styled.js";
+const C = [
   { id: 1, selectedDay: "", selectedTime: "" },
   { id: 2, selectedDay: "", selectedTime: "" }
-], pe = H(({ miniScreenDevice: _ }) => {
-  const { isTeacher: o, formData: b, trialHomeData: S, updateSlideConfig: T } = K(), { preferences: m, studentTimezone: n = "Asia/Calcutta" } = b || {}, { demo_info: E } = S || {}, { scheduled_start_time: y } = E || {}, A = f.map((e) => ({ id: e, label: e })), g = o ? x : n, l = j(
-    () => o ? q(y, n) : void 0,
-    [o, y, n]
-  ), D = (e, t, s) => {
-    T({
-      preferences: (m ?? h).map(
+], se = A(({ miniScreenDevice: D }) => {
+  const { isTeacher: n, formData: x, updateSlideConfig: p } = z(), { preferences: o, studentTimezone: c } = x || {}, b = f.map((e) => ({ id: e, label: e })), h = n ? y : c, T = (e, t, s) => {
+    p({
+      preferences: (o ?? C).map(
         (r) => r.id === e ? { ...r, [t]: s } : r
       )
     });
-  }, I = (e, t) => {
-    D(e, "selectedDay", t);
-  }, L = (e, t) => {
-    D(e, "selectedTime", t);
-  }, X = F(
+  }, _ = (e, t) => {
+    T(e, "selectedDay", t);
+  }, S = (e, t) => {
+    T(e, "selectedTime", t);
+  }, E = O(
     (e, t) => {
-      if (e && t && n) {
-        const { hours: s, minutes: r } = W(t), c = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), p = z(x, n), a = o ? c + p : c, { day: k = "" } = $(a, n), O = f.indexOf(k), w = (f.indexOf(e) - O + 7) % 7, v = a + B({ days: w, hours: s, minutes: r });
-        return $(v, g);
+      if (e && t && c) {
+        const { hours: s, minutes: r } = j(t), m = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), l = v(y, c), i = n ? m + l : m, { day: L = "" } = g(i, c), I = f.indexOf(L), X = (f.indexOf(e) - I + 7) % 7, k = i + H({ days: X, hours: s, minutes: r });
+        return g(k, h);
       }
       return {};
     },
-    [o, n, g]
+    [n, c, h]
   );
-  return P(() => {
-    o && !m && T({
-      preferences: l ? h.map(
-        (e) => e.id === 1 ? {
-          ...e,
-          selectedDay: l.day,
-          selectedTime: l.time
-        } : e
-      ) : h
-    });
-  }, [l]), /* @__PURE__ */ d(R, { children: [
-    /* @__PURE__ */ i(M, { height: 60 }),
-    /* @__PURE__ */ i(G, {}),
+  return w(() => {
+    n && !o && p({ preferences: C });
+  }, [n, o, p]), /* @__PURE__ */ d(F, { children: [
+    /* @__PURE__ */ a(P, { height: 60 }),
+    /* @__PURE__ */ a(B, {}),
     /* @__PURE__ */ d(
-      U,
+      K,
       {
-        $gapX: _ ? 2.2 : 3.75,
+        $gapX: D ? 2.2 : 3.75,
         $gutterX: 4.6875,
         $background: "YELLOW_4",
         $borderColor: "BLACK_1",
@@ -63,51 +51,51 @@ const h = [
         $justifyContent: "space-between",
         $alignItems: "center",
         children: [
-          /* @__PURE__ */ i(Z, {}),
-          m == null ? void 0 : m.map((e) => {
-            const { id: t, selectedDay: s, selectedTime: r } = e, { day: c, time: p } = X(s, r);
+          /* @__PURE__ */ a(M, {}),
+          o == null ? void 0 : o.map((e) => {
+            const { id: t, selectedDay: s, selectedTime: r } = e, { day: m, time: l } = E(s, r);
             return /* @__PURE__ */ d(u, { $widthX: 15, $background: "YELLOW_1", $borderColor: "BLACK_1", children: [
               /* @__PURE__ */ d(u, { $gapX: 1.65, $gutterX: 2, $flexGapX: 0.25, children: [
-                /* @__PURE__ */ i(
-                  C,
+                /* @__PURE__ */ a(
+                  $,
                   {
                     renderAs: "primary",
                     label: `Day ${t}`,
                     value: s,
-                    options: A,
+                    options: b,
                     theme: "dark",
                     shape: "borderLess",
                     isTransparent: !0,
-                    onChange: (a) => I(t, a)
+                    onChange: (i) => _(t, i)
                   }
                 ),
-                /* @__PURE__ */ i(
-                  C,
+                /* @__PURE__ */ a(
+                  $,
                   {
                     renderAs: "primary",
                     label: "Time",
                     value: r,
-                    options: N,
+                    options: Y,
                     shape: "borderLess",
                     isTransparent: !0,
                     theme: "dark",
-                    onChange: (a) => L(t, a)
+                    onChange: (i) => S(t, i)
                   }
                 )
               ] }),
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ a(
                 u,
                 {
                   $heightX: 3.125,
                   $gutterX: 2,
                   $justifyContent: "center",
                   $background: "WHITE_T_60",
-                  children: o ? /* @__PURE__ */ d(Y, { $renderAs: "ac4-black", $align: "center", children: [
-                    c ? c.slice(0, 3) : "__",
+                  children: n ? /* @__PURE__ */ d(W, { $renderAs: "ac4-black", $align: "center", children: [
+                    m ? m.slice(0, 3) : "__",
                     ", ",
-                    p || "__",
+                    l || "__",
                     " ",
-                    o ? "(IST)" : ""
+                    n ? "(IST)" : ""
                   ] }) : null
                 }
               )
@@ -119,6 +107,6 @@ const h = [
   ] });
 });
 export {
-  pe as default
+  se as default
 };
 //# sourceMappingURL=class-preference.js.map

package/dist/features/trial-session/comps/class-preference/class-preference.js.map

@@ -1 +1 @@
-{"version":3,"file":"class-preference.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference.tsx"],"sourcesContent":["import type { IClassPreference, TPreference } from './class-preference-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { DAYS } from '../../../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../../../helpers/date-time';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TEACHER_TIMEZONE as teacherTimezone } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { timeSlots } from './class-preference-constants';\nimport * as Styled from './class-preference-styled';\nimport { extractDayAndTimeFromEpoch } from './helpers';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(({ miniScreenDevice }) => {\n  const { isTeacher, formData, trialHomeData, updateSlideConfig } = useTrialSessionContext();\n  const { preferences, studentTimezone = 'Asia/Calcutta' } = formData || {};\n  const { demo_info: demoInfo } = trialHomeData || {};\n  const { scheduled_start_time: scheduledStartTime } = demoInfo || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\n\n  const preSelectedDateTimeFromEpoch = useMemo(\n    () => (isTeacher ? extractDayAndTimeFromEpoch(scheduledStartTime, studentTimezone) : undefined),\n    [isTeacher, scheduledStartTime, studentTimezone],\n  );\n\n  const handlePreferenceChange = (\n    id: number,\n    field: 'selectedDay' | 'selectedTime',\n    value: string,\n  ) => {\n    updateSlideConfig({\n      preferences: (preferences ?? defaultPreferences).map((preference: TPreference) =>\n        preference.id === id ? { ...preference, [field]: value } : preference,\n      ),\n    });\n  };\n\n  const handleDayChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedDay', value);\n  };\n\n  const handleTimeChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedTime', value);\n  };\n\n  const getDisplayDateTimeValue = useCallback(\n    (dayValue: string, timeValue: string) => {\n      if (dayValue && timeValue && studentTimezone) {\n        // Extracting hours, minutes, and period from the selected time.\n        const { hours, minutes } = getTimeUnits(timeValue);\n        const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Setting current date to midnight\n\n        // Calculating offset between the teacher's and student's timezone.\n        const timestampOffset = getOffsetBetweenTimezone(teacherTimezone, studentTimezone);\n        const studentTimestamp = isTeacher ? todayTimestamp + timestampOffset : todayTimestamp; // Current timestamp at student's timezone\n        const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n\n        // Calculating current and selected day index to get day difference.\n        const currentDayIndex = DAYS.indexOf(today);\n        const selectedDayIndex = DAYS.indexOf(dayValue);\n        const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n        // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n        const epochTimestamp =\n          studentTimestamp + convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n        // Returning date, time value with respect to both teacher and student timezone.\n        return convertEpochToDateTime(epochTimestamp, timezone);\n      }\n\n      return {};\n    },\n    [isTeacher, studentTimezone, timezone],\n  );\n\n  useEffect(() => {\n    if (isTeacher && !preferences) {\n      updateSlideConfig({\n        preferences: preSelectedDateTimeFromEpoch\n          ? defaultPreferences.map((preference: TPreference) =>\n              preference.id === 1\n                ? {\n                    ...preference,\n                    selectedDay: preSelectedDateTimeFromEpoch.day,\n                    selectedTime: preSelectedDateTimeFromEpoch.time,\n                  }\n                : preference,\n            )\n          : defaultPreferences,\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [preSelectedDateTimeFromEpoch]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.PreferenceWrapper\n        $gapX={miniScreenDevice ? 2.2 : 3.75}\n        $gutterX={4.6875}\n        $background=\"YELLOW_4\"\n        $borderColor=\"BLACK_1\"\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <Styled.FixedLineSeparator />\n        {preferences?.map(preference => {\n          const { id, selectedDay, selectedTime } = preference;\n          const { day, time } = getDisplayDateTimeValue(selectedDay, selectedTime);\n\n          return (\n            <FlexView key={`slot-${id}`} $widthX={15} $background=\"YELLOW_1\" $borderColor=\"BLACK_1\">\n              <FlexView $gapX={1.65} $gutterX={2} $flexGapX={0.25}>\n                <SelectInput\n                  renderAs=\"primary\"\n                  label={`Day ${id}`}\n                  value={selectedDay}\n                  options={daySlots}\n                  theme=\"dark\"\n                  shape=\"borderLess\"\n                  isTransparent\n                  onChange={value => handleDayChange(id, value)}\n                />\n                <SelectInput\n                  renderAs=\"primary\"\n                  label=\"Time\"\n                  value={selectedTime}\n                  options={timeSlots}\n                  shape=\"borderLess\"\n                  isTransparent\n                  theme=\"dark\"\n                  onChange={value => handleTimeChange(id, value)}\n                />\n              </FlexView>\n              <FlexView\n                $heightX={3.125}\n                $gutterX={2}\n                $justifyContent=\"center\"\n                $background=\"WHITE_T_60\"\n              >\n                {isTeacher ? (\n                  <Text $renderAs=\"ac4-black\" $align=\"center\">\n                    {day ? day.slice(0, 3) : '__'}, {time ? time : '__'} {isTeacher ? '(IST)' : ''}\n                  </Text>\n                ) : null}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.PreferenceWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default ClassPreference;\n"],"names":["defaultPreferences","ClassPreference","memo","miniScreenDevice","isTeacher","formData","trialHomeData","updateSlideConfig","useTrialSessionContext","preferences","studentTimezone","demoInfo","scheduledStartTime","daySlots","DAYS","day","timezone","teacherTimezone","preSelectedDateTimeFromEpoch","useMemo","extractDayAndTimeFromEpoch","handlePreferenceChange","id","field","value","preference","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.PreferenceWrapper","Styled.FixedLineSeparator","selectedDay","selectedTime","time","FlexView","SelectInput","timeSlots","Text"],"mappings":"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"}
+{"version":3,"file":"class-preference.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference.tsx"],"sourcesContent":["import type { IClassPreference, TPreference } from './class-preference-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { DAYS } from '../../../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../../../helpers/date-time';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TEACHER_TIMEZONE as teacherTimezone } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { timeSlots } from './class-preference-constants';\nimport * as Styled from './class-preference-styled';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(({ miniScreenDevice }) => {\n  const { isTeacher, formData, updateSlideConfig } = useTrialSessionContext();\n  const { preferences, studentTimezone } = formData || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\n\n  const handlePreferenceChange = (\n    id: number,\n    field: 'selectedDay' | 'selectedTime',\n    value: string,\n  ) => {\n    updateSlideConfig({\n      preferences: (preferences ?? defaultPreferences).map((preference: TPreference) =>\n        preference.id === id ? { ...preference, [field]: value } : preference,\n      ),\n    });\n  };\n\n  const handleDayChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedDay', value);\n  };\n\n  const handleTimeChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedTime', value);\n  };\n\n  const getDisplayDateTimeValue = useCallback(\n    (dayValue: string, timeValue: string) => {\n      if (dayValue && timeValue && studentTimezone) {\n        // Extracting hours, minutes, and period from the selected time.\n        const { hours, minutes } = getTimeUnits(timeValue);\n        const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Setting current date to midnight\n\n        // Calculating offset between the teacher's and student's timezone.\n        const timestampOffset = getOffsetBetweenTimezone(teacherTimezone, studentTimezone);\n        const studentTimestamp = isTeacher ? todayTimestamp + timestampOffset : todayTimestamp; // Current timestamp at student's timezone\n        const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n\n        // Calculating current and selected day index to get day difference.\n        const currentDayIndex = DAYS.indexOf(today);\n        const selectedDayIndex = DAYS.indexOf(dayValue);\n        const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n        // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n        const epochTimestamp =\n          studentTimestamp + convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n        // Returning date, time value with respect to both teacher and student timezone.\n        return convertEpochToDateTime(epochTimestamp, timezone);\n      }\n\n      return {};\n    },\n    [isTeacher, studentTimezone, timezone],\n  );\n\n  useEffect(() => {\n    if (isTeacher && !preferences) {\n      updateSlideConfig({ preferences: defaultPreferences });\n    }\n  }, [isTeacher, preferences, updateSlideConfig]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.PreferenceWrapper\n        $gapX={miniScreenDevice ? 2.2 : 3.75}\n        $gutterX={4.6875}\n        $background=\"YELLOW_4\"\n        $borderColor=\"BLACK_1\"\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <Styled.FixedLineSeparator />\n        {preferences?.map(preference => {\n          const { id, selectedDay, selectedTime } = preference;\n          const { day, time } = getDisplayDateTimeValue(selectedDay, selectedTime);\n\n          return (\n            <FlexView key={`slot-${id}`} $widthX={15} $background=\"YELLOW_1\" $borderColor=\"BLACK_1\">\n              <FlexView $gapX={1.65} $gutterX={2} $flexGapX={0.25}>\n                <SelectInput\n                  renderAs=\"primary\"\n                  label={`Day ${id}`}\n                  value={selectedDay}\n                  options={daySlots}\n                  theme=\"dark\"\n                  shape=\"borderLess\"\n                  isTransparent\n                  onChange={value => handleDayChange(id, value)}\n                />\n                <SelectInput\n                  renderAs=\"primary\"\n                  label=\"Time\"\n                  value={selectedTime}\n                  options={timeSlots}\n                  shape=\"borderLess\"\n                  isTransparent\n                  theme=\"dark\"\n                  onChange={value => handleTimeChange(id, value)}\n                />\n              </FlexView>\n              <FlexView\n                $heightX={3.125}\n                $gutterX={2}\n                $justifyContent=\"center\"\n                $background=\"WHITE_T_60\"\n              >\n                {isTeacher ? (\n                  <Text $renderAs=\"ac4-black\" $align=\"center\">\n                    {day ? day.slice(0, 3) : '__'}, {time ? time : '__'} {isTeacher ? '(IST)' : ''}\n                  </Text>\n                ) : null}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.PreferenceWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default ClassPreference;\n"],"names":["defaultPreferences","ClassPreference","memo","miniScreenDevice","isTeacher","formData","updateSlideConfig","useTrialSessionContext","preferences","studentTimezone","daySlots","DAYS","day","timezone","teacherTimezone","handlePreferenceChange","id","field","value","preference","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.PreferenceWrapper","Styled.FixedLineSeparator","selectedDay","selectedTime","time","FlexView","SelectInput","timeSlots","Text"],"mappings":"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"}

package/dist/features/trial-session/comps/navigation-bar/index.js

@@ -1,44 +1,44 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { useCallback as l } from "react";
-import D from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import P from "../../../ui/buttons/button/button.js";
+import y from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import A from "../../../ui/buttons/button/button.js";
 import d from "../../../ui/buttons/icon-button/icon-button.js";
 import c from "../../../ui/layout/flex-view.js";
 import m from "../../../ui/text/text.js";
-import { useTrialSessionContext as j } from "../../context/use-trial-session-context.js";
-import { useTrialSessionNavigation as T } from "../../hooks/use-trial-session-navigation.js";
-import { Container as k, ForwardArrow as S } from "./navigation-bar-styled.js";
-import _ from "../../../../assets/line-icons/icons/back2.js";
-const W = () => {
-  const { slideConfig: p, buttonState: f, openEndClassModal: u, studentAbsentInClass: a, trialHomeData: b } = j(), {
-    left: { isDisabled: g, isLoading: h },
-    right: { isDisabled: x, isLoading: L }
-  } = f || {}, { prevPage: $, nextPage: C } = p || {}, { buttonLabel: i, pageId: t } = $ || {}, { buttonLabel: r, pageId: n } = C || {}, { handleNavigation: o } = T(), I = t && !n, { intel_student: A } = b, { source: B } = A || {}, y = B === "PLA", v = l(() => {
+import { useTrialSessionContext as v } from "../../context/use-trial-session-context.js";
+import { useTrialSessionNavigation as w } from "../../hooks/use-trial-session-navigation.js";
+import { Container as D, ForwardArrow as j } from "./navigation-bar-styled.js";
+import P from "../../../../assets/line-icons/icons/back2.js";
+const q = () => {
+  const { slideConfig: p, buttonState: f, openEndClassModal: b, studentAbsentInClass: a } = v(), {
+    left: { isDisabled: g, isLoading: u },
+    right: { isDisabled: x, isLoading: h }
+  } = f || {}, { prevPage: L, nextPage: $ } = p || {}, { buttonLabel: i, pageId: t } = L || {}, { buttonLabel: r, pageId: n } = $ || {}, { handleNavigation: o } = w(), C = t && !n, I = l(() => {
     o("next", n);
-  }, [o, n]), w = l(() => {
+  }, [o, n]), B = l(() => {
     o("prev", t);
   }, [o, t]);
   return /* @__PURE__ */ s(
-    k,
+    D,
     {
       $flexDirection: "row-reverse",
       $justifyContent: "space-between",
       $alignItems: "center",
       children: [
-        I && /* @__PURE__ */ e(
-          P,
+        C && /* @__PURE__ */ e(
+          A,
           {
             renderAs: "tertiary",
             size: "small",
-            label: y ? "End the session" : "End the class",
+            label: "End the class",
             shape: "square",
-            onClick: u
+            onClick: b
           }
         ),
         n && r && /* @__PURE__ */ s(c, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGap: 12, children: [
           /* @__PURE__ */ e(m, { $renderAs: "ab2", $color: "BLACK_T_60", children: r }),
           /* @__PURE__ */ e(
-            D,
+            y,
             {
               widthX: 8,
               zIndex: 2,
@@ -49,13 +49,13 @@ const W = () => {
               children: /* @__PURE__ */ e(
                 d,
                 {
-                  Icon: S,
+                  Icon: j,
                   renderAs: "primary",
                   analyticsLabel: r,
                   size: "small",
-                  onClick: v,
+                  onClick: I,
                   disabled: x || a,
-                  busy: L
+                  busy: h
                 }
               )
             }
@@ -65,13 +65,13 @@ const W = () => {
           /* @__PURE__ */ e(
             d,
             {
-              Icon: _,
+              Icon: P,
               renderAs: "secondary",
               analyticsLabel: i,
               size: "small",
-              onClick: w,
+              onClick: B,
               disabled: g,
-              busy: h
+              busy: u
             }
           ),
           /* @__PURE__ */ e(m, { $renderAs: "ab2", $color: "BLACK_T_60", children: i })
@@ -81,6 +81,6 @@ const W = () => {
   );
 };
 export {
-  W as default
+  q as default
 };
 //# sourceMappingURL=index.js.map

package/dist/features/trial-session/comps/navigation-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/index.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { useTrialSessionNavigation } from '../../hooks/use-trial-session-navigation';\nimport * as Styled from './navigation-bar-styled';\n\nconst NavigationBar: React.FC = () => {\n  const { slideConfig, buttonState, openEndClassModal, studentAbsentInClass, trialHomeData } =\n    useTrialSessionContext();\n  const {\n    left: { isDisabled: isLeftBtnDisabled, isLoading: isLeftBtnLoading },\n    right: { isDisabled: isRightBtnDisabled, isLoading: isRightBtnLoading },\n  } = buttonState || {};\n  const { prevPage, nextPage } = slideConfig || {};\n  const { buttonLabel: prevButtonLabel, pageId: prevPageId } = prevPage || {};\n  const { buttonLabel: nextButtonLabel, pageId: nextPageId } = nextPage || {};\n  const { handleNavigation } = useTrialSessionNavigation();\n  const isLastPage = prevPageId && !nextPageId;\n\n  const { intel_student: intelStudent } = trialHomeData;\n  const { source } = intelStudent || {};\n  const isPLASource = source === 'PLA';\n\n  const handleNext = useCallback(() => {\n    handleNavigation('next', nextPageId);\n  }, [handleNavigation, nextPageId]);\n\n  const handlePrev = useCallback(() => {\n    handleNavigation('prev', prevPageId);\n  }, [handleNavigation, prevPageId]);\n\n  return (\n    <Styled.Container\n      $flexDirection=\"row-reverse\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n    >\n      {isLastPage && (\n        <Button\n          renderAs=\"tertiary\"\n          size=\"small\"\n          label={isPLASource ? 'End the session' : 'End the class'}\n          shape=\"square\"\n          onClick={openEndClassModal}\n        />\n      )}\n      {nextPageId && nextButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {nextButtonLabel}\n          </Text>\n          <ArrowTooltip\n            widthX={8}\n            zIndex={2}\n            position=\"top-left\"\n            renderAs=\"primary\"\n            tooltipItem=\"Waiting for student to join...\"\n            hidden={!studentAbsentInClass}\n            children={\n              <IconButton\n                Icon={Styled.ForwardArrow}\n                renderAs=\"primary\"\n                analyticsLabel={nextButtonLabel}\n                size=\"small\"\n                onClick={handleNext}\n                disabled={isRightBtnDisabled || studentAbsentInClass}\n                busy={isRightBtnLoading}\n              />\n            }\n          />\n        </FlexView>\n      )}\n      {prevPageId && prevButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <IconButton\n            Icon={Styled.BackwardArrow}\n            renderAs=\"secondary\"\n            analyticsLabel={prevButtonLabel}\n            size=\"small\"\n            onClick={handlePrev}\n            disabled={isLeftBtnDisabled}\n            busy={isLeftBtnLoading}\n          />\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {prevButtonLabel}\n          </Text>\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default NavigationBar;\n"],"names":["NavigationBar","slideConfig","buttonState","openEndClassModal","studentAbsentInClass","trialHomeData","useTrialSessionContext","isLeftBtnDisabled","isLeftBtnLoading","isRightBtnDisabled","isRightBtnLoading","prevPage","nextPage","prevButtonLabel","prevPageId","nextButtonLabel","nextPageId","handleNavigation","useTrialSessionNavigation","isLastPage","intelStudent","source","isPLASource","handleNext","useCallback","handlePrev","jsxs","Styled.Container","jsx","Button","FlexView","Text","ArrowTooltip","IconButton","Styled.ForwardArrow","Styled.BackwardArrow"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAA0B,MAAM;AACpC,QAAM,EAAE,aAAAC,GAAa,aAAAC,GAAa,mBAAAC,GAAmB,sBAAAC,GAAsB,eAAAC,EAAA,IACzEC,KACI;AAAA,IACJ,MAAM,EAAE,YAAYC,GAAmB,WAAWC,EAAiB;AAAA,IACnE,OAAO,EAAE,YAAYC,GAAoB,WAAWC,EAAkB;AAAA,EAAA,IACpER,KAAe,CAAA,GACb,EAAE,UAAAS,GAAU,UAAAC,MAAaX,KAAe,CAAA,GACxC,EAAE,aAAaY,GAAiB,QAAQC,EAAW,IAAIH,KAAY,IACnE,EAAE,aAAaI,GAAiB,QAAQC,EAAW,IAAIJ,KAAY,IACnE,EAAE,kBAAAK,MAAqBC,KACvBC,IAAaL,KAAc,CAACE,GAE5B,EAAE,eAAeI,EAAiB,IAAAf,GAClC,EAAE,QAAAgB,EAAA,IAAWD,KAAgB,IAC7BE,IAAcD,MAAW,OAEzBE,IAAaC,EAAY,MAAM;AACnC,IAAAP,EAAiB,QAAQD,CAAU;AAAA,EAAA,GAClC,CAACC,GAAkBD,CAAU,CAAC,GAE3BS,IAAaD,EAAY,MAAM;AACnC,IAAAP,EAAiB,QAAQH,CAAU;AAAA,EAAA,GAClC,CAACG,GAAkBH,CAAU,CAAC;AAG/B,SAAA,gBAAAY;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEX,UAAA;AAAA,QACCR,KAAA,gBAAAS;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAOP,IAAc,oBAAoB;AAAA,YACzC,OAAM;AAAA,YACN,SAASnB;AAAA,UAAA;AAAA,QACX;AAAA,QAEDa,KAAcD,KACb,gBAAAW,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHhB,GAAA;AAAA,UACA,gBAAAa;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,QAAQ,CAAC5B;AAAA,cACT,UACE,gBAAAwB;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,MAAMC;AAAAA,kBACN,UAAS;AAAA,kBACT,gBAAgBnB;AAAA,kBAChB,MAAK;AAAA,kBACL,SAASQ;AAAA,kBACT,UAAUd,KAAsBL;AAAA,kBAChC,MAAMM;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QAEDI,KAAcD,KACb,gBAAAa,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAME;AAAAA,cACN,UAAS;AAAA,cACT,gBAAgBtB;AAAA,cAChB,MAAK;AAAA,cACL,SAASY;AAAA,cACT,UAAUlB;AAAA,cACV,MAAMC;AAAA,YAAA;AAAA,UACR;AAAA,4BACCuB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHlB,GAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/trial-session/comps/navigation-bar/index.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../ui/buttons/button/button';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { useTrialSessionNavigation } from '../../hooks/use-trial-session-navigation';\nimport * as Styled from './navigation-bar-styled';\n\nconst NavigationBar: React.FC = () => {\n  const { slideConfig, buttonState, openEndClassModal, studentAbsentInClass } =\n    useTrialSessionContext();\n  const {\n    left: { isDisabled: isLeftBtnDisabled, isLoading: isLeftBtnLoading },\n    right: { isDisabled: isRightBtnDisabled, isLoading: isRightBtnLoading },\n  } = buttonState || {};\n  const { prevPage, nextPage } = slideConfig || {};\n  const { buttonLabel: prevButtonLabel, pageId: prevPageId } = prevPage || {};\n  const { buttonLabel: nextButtonLabel, pageId: nextPageId } = nextPage || {};\n  const { handleNavigation } = useTrialSessionNavigation();\n  const isLastPage = prevPageId && !nextPageId;\n\n  const handleNext = useCallback(() => {\n    handleNavigation('next', nextPageId);\n  }, [handleNavigation, nextPageId]);\n\n  const handlePrev = useCallback(() => {\n    handleNavigation('prev', prevPageId);\n  }, [handleNavigation, prevPageId]);\n\n  return (\n    <Styled.Container\n      $flexDirection=\"row-reverse\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n    >\n      {isLastPage && (\n        <Button\n          renderAs=\"tertiary\"\n          size=\"small\"\n          label=\"End the class\"\n          shape=\"square\"\n          onClick={openEndClassModal}\n        />\n      )}\n      {nextPageId && nextButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {nextButtonLabel}\n          </Text>\n          <ArrowTooltip\n            widthX={8}\n            zIndex={2}\n            position=\"top-left\"\n            renderAs=\"primary\"\n            tooltipItem=\"Waiting for student to join...\"\n            hidden={!studentAbsentInClass}\n            children={\n              <IconButton\n                Icon={Styled.ForwardArrow}\n                renderAs=\"primary\"\n                analyticsLabel={nextButtonLabel}\n                size=\"small\"\n                onClick={handleNext}\n                disabled={isRightBtnDisabled || studentAbsentInClass}\n                busy={isRightBtnLoading}\n              />\n            }\n          />\n        </FlexView>\n      )}\n      {prevPageId && prevButtonLabel && (\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGap={12}>\n          <IconButton\n            Icon={Styled.BackwardArrow}\n            renderAs=\"secondary\"\n            analyticsLabel={prevButtonLabel}\n            size=\"small\"\n            onClick={handlePrev}\n            disabled={isLeftBtnDisabled}\n            busy={isLeftBtnLoading}\n          />\n          <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\">\n            {prevButtonLabel}\n          </Text>\n        </FlexView>\n      )}\n    </Styled.Container>\n  );\n};\n\nexport default NavigationBar;\n"],"names":["NavigationBar","slideConfig","buttonState","openEndClassModal","studentAbsentInClass","useTrialSessionContext","isLeftBtnDisabled","isLeftBtnLoading","isRightBtnDisabled","isRightBtnLoading","prevPage","nextPage","prevButtonLabel","prevPageId","nextButtonLabel","nextPageId","handleNavigation","useTrialSessionNavigation","isLastPage","handleNext","useCallback","handlePrev","jsxs","Styled.Container","jsx","Button","FlexView","Text","ArrowTooltip","IconButton","Styled.ForwardArrow","Styled.BackwardArrow"],"mappings":";;;;;;;;;;;AAWA,MAAMA,IAA0B,MAAM;AACpC,QAAM,EAAE,aAAAC,GAAa,aAAAC,GAAa,mBAAAC,GAAmB,sBAAAC,EAAA,IACnDC,KACI;AAAA,IACJ,MAAM,EAAE,YAAYC,GAAmB,WAAWC,EAAiB;AAAA,IACnE,OAAO,EAAE,YAAYC,GAAoB,WAAWC,EAAkB;AAAA,EAAA,IACpEP,KAAe,CAAA,GACb,EAAE,UAAAQ,GAAU,UAAAC,MAAaV,KAAe,CAAA,GACxC,EAAE,aAAaW,GAAiB,QAAQC,EAAW,IAAIH,KAAY,IACnE,EAAE,aAAaI,GAAiB,QAAQC,EAAW,IAAIJ,KAAY,IACnE,EAAE,kBAAAK,MAAqBC,KACvBC,IAAaL,KAAc,CAACE,GAE5BI,IAAaC,EAAY,MAAM;AACnC,IAAAJ,EAAiB,QAAQD,CAAU;AAAA,EAAA,GAClC,CAACC,GAAkBD,CAAU,CAAC,GAE3BM,IAAaD,EAAY,MAAM;AACnC,IAAAJ,EAAiB,QAAQH,CAAU;AAAA,EAAA,GAClC,CAACG,GAAkBH,CAAU,CAAC;AAG/B,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEX,UAAA;AAAA,QACCL,KAAA,gBAAAM;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAM;AAAA,YACN,SAAStB;AAAA,UAAA;AAAA,QACX;AAAA,QAEDY,KAAcD,KACb,gBAAAQ,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF,EAACG,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHb,GAAA;AAAA,UACA,gBAAAU;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,QAAQ;AAAA,cACR,UAAS;AAAA,cACT,UAAS;AAAA,cACT,aAAY;AAAA,cACZ,QAAQ,CAACxB;AAAA,cACT,UACE,gBAAAoB;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,MAAMC;AAAAA,kBACN,UAAS;AAAA,kBACT,gBAAgBhB;AAAA,kBAChB,MAAK;AAAA,kBACL,SAASK;AAAA,kBACT,UAAUX,KAAsBJ;AAAA,kBAChC,MAAMK;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,QAEDI,KAAcD,KACb,gBAAAU,EAACI,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,UAAU,IACrF,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAME;AAAAA,cACN,UAAS;AAAA,cACT,gBAAgBnB;AAAA,cAChB,MAAK;AAAA,cACL,SAASS;AAAA,cACT,UAAUf;AAAA,cACV,MAAMC;AAAA,YAAA;AAAA,UACR;AAAA,4BACCoB,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UACHf,GAAA;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}