@cuemath/leap 4.0.2 → 4.0.3

package/dist/features/parent-dashboard/modals/view-payment-method/view-payment-method.js.map

@@ -1 +1 @@
-{"version":3,"file":"view-payment-method.js","sources":["../../../../../src/features/parent-dashboard/modals/view-payment-method/view-payment-method.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\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 { type IViewPaymentMethodProps } from './view-payment-method-types';\n\nconst ViewPaymentMethod = memo(() => {\n  const { paymentMethodDetails, onCancel } = useModalParams<IViewPaymentMethodProps>();\n\n  const {\n    exp_month: expMonth,\n    exp_year: expYear,\n    last_4_digits: last4Digits,\n  } = paymentMethodDetails || {};\n\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView $gapX={isMobile ? 2.25 : 2.5} $gutterX={isMobile ? 1 : 2.5} $background=\"BLACK_2\">\n      <Text\n        $renderAs=\"ah4-bold\"\n        $renderOnMobileAs=\"ac4-black\"\n        $color={isMobile ? 'WHITE_T_60' : 'WHITE'}\n      >\n        Payment Method\n      </Text>\n      <Separator heightX={isMobile ? 1 : 2.5} />\n      <FlexView\n        $flexDirection=\"row\"\n        $justifyContent=\"flex-start\"\n        $alignItems=\"center\"\n        $flexGapX={0.5}\n        $gapX={1}\n        $gutterX={1}\n        $background=\"BLACK_2\"\n        $borderColor=\"BLACK_5\"\n      >\n        <FlexView $widthX={3} $heightX={1.75} $background=\"BLACK_4\" $borderRadiusX={0.25} />\n        <FlexView>\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n            •••• {last4Digits}\n          </Text>\n          <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n            Card{' '}\n            <Text $renderAs=\"ub3\" $color=\"WHITE\" $inline>\n              Exp: {expMonth}/{expYear}\n            </Text>\n          </Text>\n        </FlexView>\n      </FlexView>\n      {isMobile ? (\n        <>\n          <Separator heightX={1.5} />\n          <TextButton\n            size=\"small\"\n            label=\"Cancel subscription\"\n            color=\"WHITE_T_60\"\n            onClick={onCancel}\n          />\n        </>\n      ) : null}\n    </FlexView>\n  );\n});\n\nViewPaymentMethod.displayName = 'ViewPaymentMethod';\n\nexport default ViewPaymentMethod;\n"],"names":["ViewPaymentMethod","memo","paymentMethodDetails","onCancel","useModalParams","expMonth","expYear","last4Digits","device","useTheme","isMobile","EDeviceType","jsxs","FlexView","jsx","Text","Separator","Fragment","TextButton","ViewPaymentMethod$1"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAoBC,EAAK,MAAM;AACnC,QAAM,EAAE,sBAAAC,GAAsB,UAAAC,EAAS,IAAIC,EAAwC,GAE7E;AAAA,IACJ,WAAWC;AAAA,IACX,UAAUC;AAAA,IACV,eAAeC;AAAA,EAAA,IACbL,KAAwB,CAAA,GAEtB,EAAE,QAAAM,MAAWC,KACbC,IAAWF,KAAUG,EAAY;AAGrC,SAAA,gBAAAC,EAACC,GAAS,EAAA,OAAOH,IAAW,OAAO,KAAK,UAAUA,IAAW,IAAI,KAAK,aAAY,WAChF,UAAA;AAAA,IAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,mBAAkB;AAAA,QAClB,QAAQL,IAAW,eAAe;AAAA,QACnC,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IACC,gBAAAI,EAAAE,GAAA,EAAU,SAASN,IAAW,IAAI,KAAK;AAAA,IACxC,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,WAAW;AAAA,QACX,OAAO;AAAA,QACP,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,UAAA;AAAA,UAAC,gBAAAC,EAAAD,GAAA,EAAS,SAAS,GAAG,UAAU,MAAM,aAAY,WAAU,gBAAgB,KAAM,CAAA;AAAA,4BACjFA,GACC,EAAA,UAAA;AAAA,YAAA,gBAAAD,EAACG,GAAK,EAAA,WAAU,aAAY,QAAO,SAAQ,UAAA;AAAA,cAAA;AAAA,cACnCR;AAAA,YAAA,GACR;AAAA,YACC,gBAAAK,EAAAG,GAAA,EAAK,WAAU,YAAW,QAAO,SAAQ,UAAA;AAAA,cAAA;AAAA,cACnC;AAAA,gCACJA,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,SAAO,IAAC,UAAA;AAAA,gBAAA;AAAA,gBACrCV;AAAA,gBAAS;AAAA,gBAAEC;AAAA,cAAA,GACnB;AAAA,YAAA,GACF;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACCI,IAEG,gBAAAE,EAAAK,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAH,EAAAE,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,MACzB,gBAAAF;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAASf;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,EAAA,CACF,IACE;AAAA,EACN,EAAA,CAAA;AAEJ,CAAC;AAEDH,EAAkB,cAAc;AAEhC,MAAAmB,IAAenB;"}
+{"version":3,"file":"view-payment-method.js","sources":["../../../../../src/features/parent-dashboard/modals/view-payment-method/view-payment-method.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\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 { type IViewPaymentMethodProps } from './view-payment-method-types';\n\nconst ViewPaymentMethod = memo(() => {\n  const { paymentMethodDetails, onCancel } = useModalParams<IViewPaymentMethodProps>();\n\n  const {\n    exp_month: expMonth,\n    exp_year: expYear,\n    last_4_digits: last4Digits,\n  } = paymentMethodDetails || {};\n\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView $gapX={isMobile ? 2.25 : 2.5} $gutterX={isMobile ? 1 : 2.5} $background=\"BLACK_2\">\n      <Text\n        $renderAs=\"ah4-bold\"\n        $renderOnMobileAs=\"ac4-black\"\n        $color={isMobile ? 'WHITE_T_60' : 'WHITE'}\n      >\n        Payment Method\n      </Text>\n      <Separator heightX={isMobile ? 1 : 2.5} />\n      <FlexView\n        $flexDirection=\"row\"\n        $justifyContent=\"flex-start\"\n        $alignItems=\"center\"\n        $flexGapX={0.5}\n        $gapX={1}\n        $gutterX={1}\n        $background=\"BLACK_2\"\n        $borderColor=\"BLACK_5\"\n      >\n        <FlexView $widthX={3} $heightX={1.75} $background=\"BLACK_4\" $borderRadiusX={0.25} />\n        <FlexView>\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n            •••• {last4Digits}\n          </Text>\n          <Text $renderAs=\"ub4-bold\" $color=\"WHITE\">\n            Card{' '}\n            <Text $renderAs=\"ub4\" $color=\"WHITE\" $inline>\n              Exp: {expMonth}/{expYear}\n            </Text>\n          </Text>\n        </FlexView>\n      </FlexView>\n      {isMobile ? (\n        <>\n          <Separator heightX={1.5} />\n          <TextButton\n            size=\"small\"\n            label=\"Cancel subscription\"\n            color=\"WHITE_T_60\"\n            onClick={onCancel}\n          />\n        </>\n      ) : null}\n    </FlexView>\n  );\n});\n\nViewPaymentMethod.displayName = 'ViewPaymentMethod';\n\nexport default ViewPaymentMethod;\n"],"names":["ViewPaymentMethod","memo","paymentMethodDetails","onCancel","useModalParams","expMonth","expYear","last4Digits","device","useTheme","isMobile","EDeviceType","jsxs","FlexView","jsx","Text","Separator","Fragment","TextButton","ViewPaymentMethod$1"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAoBC,EAAK,MAAM;AACnC,QAAM,EAAE,sBAAAC,GAAsB,UAAAC,EAAS,IAAIC,EAAwC,GAE7E;AAAA,IACJ,WAAWC;AAAA,IACX,UAAUC;AAAA,IACV,eAAeC;AAAA,EAAA,IACbL,KAAwB,CAAA,GAEtB,EAAE,QAAAM,MAAWC,KACbC,IAAWF,KAAUG,EAAY;AAGrC,SAAA,gBAAAC,EAACC,GAAS,EAAA,OAAOH,IAAW,OAAO,KAAK,UAAUA,IAAW,IAAI,KAAK,aAAY,WAChF,UAAA;AAAA,IAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,mBAAkB;AAAA,QAClB,QAAQL,IAAW,eAAe;AAAA,QACnC,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IACC,gBAAAI,EAAAE,GAAA,EAAU,SAASN,IAAW,IAAI,KAAK;AAAA,IACxC,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,WAAW;AAAA,QACX,OAAO;AAAA,QACP,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,UAAA;AAAA,UAAC,gBAAAC,EAAAD,GAAA,EAAS,SAAS,GAAG,UAAU,MAAM,aAAY,WAAU,gBAAgB,KAAM,CAAA;AAAA,4BACjFA,GACC,EAAA,UAAA;AAAA,YAAA,gBAAAD,EAACG,GAAK,EAAA,WAAU,aAAY,QAAO,SAAQ,UAAA;AAAA,cAAA;AAAA,cACnCR;AAAA,YAAA,GACR;AAAA,YACC,gBAAAK,EAAAG,GAAA,EAAK,WAAU,YAAW,QAAO,SAAQ,UAAA;AAAA,cAAA;AAAA,cACnC;AAAA,gCACJA,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,SAAO,IAAC,UAAA;AAAA,gBAAA;AAAA,gBACrCV;AAAA,gBAAS;AAAA,gBAAEC;AAAA,cAAA,GACnB;AAAA,YAAA,GACF;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACCI,IAEG,gBAAAE,EAAAK,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAH,EAAAE,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,MACzB,gBAAAF;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAASf;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,EAAA,CACF,IACE;AAAA,EACN,EAAA,CAAA;AAEJ,CAAC;AAEDH,EAAkB,cAAc;AAEhC,MAAAmB,IAAenB;"}

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

@@ -127,7 +127,7 @@ const me = mr(function({
   ] }), [f, e.separator.extraLarge, K]), V = t(() => w ? /* @__PURE__ */ o(i, { children: [
     /* @__PURE__ */ r(n, { height: e.separator.small }),
     /* @__PURE__ */ o(i, { $flexDirection: "row", $flexColumnGapX: 0.25, children: [
-      /* @__PURE__ */ r(Z, { $renderAs: "ub1", $renderOnMobileAs: "ub2", $color: "WHITE", children: "Not the right fit for your child?" }),
+      /* @__PURE__ */ r(Z, { $renderAs: "ub2", $renderOnMobileAs: "ub3", $color: "WHITE", children: "Not the right fit for your child?" }),
       /* @__PURE__ */ r(
         pr,
         {

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 { memo, useMemo, useCallback, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TeacherProfile from '../trial-session/comps/teacher-intro/teacher-profile/teacher-profile';\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';\nimport type { ESummaryType, IParentDashboardProps, ISpacingConfig } from './parent-dashboard-types';\nimport SubscriptionInitiation from './comps/subscription-initiation/subscription-initiation';\n\nconst ParentDashboardView: FC<IParentDashboardProps> = memo(function ParentDashboardView({\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 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 { onCancelSubscription, onViewPaymentMethod } = usePLAModalHandlers({\n    demoId,\n    studentId,\n    isTrialDone,\n    studentName,\n    billingDetails,\n    withTutor: !!teacherName,\n    onChangeTutor: handleChangeTutor,\n    onRescheduleDemo: handleRescheduleDemo,\n  });\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    () => <SubscriptionInitiation onGetStartedAgain={onGetStartedAgain} />,\n    [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      </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\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","handleTryAgain","useCallback","invalidateParentHome","handleRescheduleDemo","handleChangeTutor","onCancelSubscription","onViewPaymentMethod","usePLAModalHandlers","handleViewSummary","key","sessionStatusProps","sessionSummaryProps","CancelledSubscriptionView","jsx","SubscriptionInitiation","SessionStatusSection","SessionStatus","TeacherProfileSection","FlexView","Separator","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 { memo, useMemo, useCallback, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TeacherProfile from '../trial-session/comps/teacher-intro/teacher-profile/teacher-profile';\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';\nimport type { ESummaryType, IParentDashboardProps, ISpacingConfig } from './parent-dashboard-types';\nimport SubscriptionInitiation from './comps/subscription-initiation/subscription-initiation';\n\nconst ParentDashboardView: FC<IParentDashboardProps> = memo(function ParentDashboardView({\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 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 { onCancelSubscription, onViewPaymentMethod } = usePLAModalHandlers({\n    demoId,\n    studentId,\n    isTrialDone,\n    studentName,\n    billingDetails,\n    withTutor: !!teacherName,\n    onChangeTutor: handleChangeTutor,\n    onRescheduleDemo: handleRescheduleDemo,\n  });\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    () => <SubscriptionInitiation onGetStartedAgain={onGetStartedAgain} />,\n    [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=\"ub2\" $renderOnMobileAs=\"ub3\" $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      </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\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","handleTryAgain","useCallback","invalidateParentHome","handleRescheduleDemo","handleChangeTutor","onCancelSubscription","onViewPaymentMethod","usePLAModalHandlers","handleViewSummary","key","sessionStatusProps","sessionSummaryProps","CancelledSubscriptionView","jsx","SubscriptionInitiation","SessionStatusSection","SessionStatus","TeacherProfileSection","FlexView","Separator","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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"}

package/dist/features/puzzles/puzzle-container/puzzle-container-view.js

@@ -50,7 +50,7 @@ const w = d(function({
             $gutterX: 1,
             $assigned: t,
             $assigning: n,
-            children: /* @__PURE__ */ e(r, { $renderAs: "ub1-bold", $color: t ? "BLACK_T_38" : "WHITE_1", children: t ? "Discuss in next class" : "Assign" })
+            children: /* @__PURE__ */ e(r, { $renderAs: "ub2-bold", $color: t ? "BLACK_T_38" : "WHITE_1", children: t ? "Discuss in next class" : "Assign" })
           }
         )
       }

package/dist/features/puzzles/puzzle-container/puzzle-container-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"puzzle-container-view.js","sources":["../../../../src/features/puzzles/puzzle-container/puzzle-container-view.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport Image from '../../ui/image/image';\nimport Text from '../../ui/text/text';\nimport * as Styled from './puzzle-container-styled';\nimport type { IPuzzleContainerViewProps } from './puzzle-container-types';\n\nconst PuzzleContainerView: FC<IPuzzleContainerViewProps> = memo(function PuzzleContainerView({\n  handleOnPuzzleClick,\n  imageUrl,\n  title,\n  handleAssign,\n  assigned,\n  assigning,\n  analyticsProps,\n}) {\n  return (\n    <>\n      <Styled.PuzzleContent\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        onClick={handleOnPuzzleClick}\n        title=\"Click to preview\"\n        $flexGapX={1.5}\n        $assigned={assigned}\n        $gutterX={1}\n      >\n        <Image width={136} height={136} src={imageUrl} withLoader={false} alt=\"Puzzle\" />\n        <Text $renderAs=\"ah4-bold\" $align=\"center\">\n          {title}\n        </Text>\n\n        {assigned && (\n          <Styled.AssignedTag $gap={4} $gutter={8} $background=\"BLACK_1\">\n            <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n              Assigned\n            </Text>\n          </Styled.AssignedTag>\n        )}\n      </Styled.PuzzleContent>\n\n      <Clickable\n        onClick={handleAssign}\n        label=\"\"\n        analyticsLabel=\"puzzle_assigned\"\n        disabled={assigned || assigning}\n        analyticsProps={analyticsProps}\n      >\n        <Styled.PuzzleButton\n          $background=\"BLACK_1\"\n          $widthX={15.75}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $gapX={0.75}\n          $gutterX={1}\n          $assigned={assigned}\n          $assigning={assigning}\n        >\n          <Text $renderAs=\"ub1-bold\" $color={assigned ? 'BLACK_T_38' : 'WHITE_1'}>\n            {assigned ? 'Discuss in next class' : 'Assign'}\n          </Text>\n        </Styled.PuzzleButton>\n      </Clickable>\n    </>\n  );\n});\n\nexport default PuzzleContainerView;\n"],"names":["PuzzleContainerView","memo","handleOnPuzzleClick","imageUrl","title","handleAssign","assigned","assigning","analyticsProps","jsxs","Fragment","Styled.PuzzleContent","jsx","Image","Text","Styled.AssignedTag","Clickable","Styled.PuzzleButton"],"mappings":";;;;;;AAQM,MAAAA,IAAqDC,EAAK,SAA6B;AAAA,EAC3F,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AACF,GAAG;AACD,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,SAAST;AAAA,QACT,OAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAWI;AAAA,QACX,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAM,EAAAC,GAAA,EAAM,OAAO,KAAK,QAAQ,KAAK,KAAKV,GAAU,YAAY,IAAO,KAAI,SAAS,CAAA;AAAA,4BAC9EW,GAAK,EAAA,WAAU,YAAW,QAAO,UAC/B,UACHV,GAAA;AAAA,UAECE,KACE,gBAAAM,EAAAG,GAAA,EAAmB,MAAM,GAAG,SAAS,GAAG,aAAY,WACnD,4BAACD,GAAK,EAAA,WAAU,OAAM,QAAO,WAAU,qBAEvC,CAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEA,gBAAAF;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAASX;AAAA,QACT,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,UAAUC,KAAYC;AAAA,QACtB,gBAAAC;AAAA,QAEA,UAAA,gBAAAI;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,SAAS;AAAA,YACT,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,UAAU;AAAA,YACV,WAAWX;AAAA,YACX,YAAYC;AAAA,YAEZ,UAAA,gBAAAK,EAACE,GAAK,EAAA,WAAU,YAAW,QAAQR,IAAW,eAAe,WAC1D,UAAWA,IAAA,0BAA0B,SACxC,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"puzzle-container-view.js","sources":["../../../../src/features/puzzles/puzzle-container/puzzle-container-view.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport Image from '../../ui/image/image';\nimport Text from '../../ui/text/text';\nimport * as Styled from './puzzle-container-styled';\nimport type { IPuzzleContainerViewProps } from './puzzle-container-types';\n\nconst PuzzleContainerView: FC<IPuzzleContainerViewProps> = memo(function PuzzleContainerView({\n  handleOnPuzzleClick,\n  imageUrl,\n  title,\n  handleAssign,\n  assigned,\n  assigning,\n  analyticsProps,\n}) {\n  return (\n    <>\n      <Styled.PuzzleContent\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        onClick={handleOnPuzzleClick}\n        title=\"Click to preview\"\n        $flexGapX={1.5}\n        $assigned={assigned}\n        $gutterX={1}\n      >\n        <Image width={136} height={136} src={imageUrl} withLoader={false} alt=\"Puzzle\" />\n        <Text $renderAs=\"ah4-bold\" $align=\"center\">\n          {title}\n        </Text>\n\n        {assigned && (\n          <Styled.AssignedTag $gap={4} $gutter={8} $background=\"BLACK_1\">\n            <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n              Assigned\n            </Text>\n          </Styled.AssignedTag>\n        )}\n      </Styled.PuzzleContent>\n\n      <Clickable\n        onClick={handleAssign}\n        label=\"\"\n        analyticsLabel=\"puzzle_assigned\"\n        disabled={assigned || assigning}\n        analyticsProps={analyticsProps}\n      >\n        <Styled.PuzzleButton\n          $background=\"BLACK_1\"\n          $widthX={15.75}\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $gapX={0.75}\n          $gutterX={1}\n          $assigned={assigned}\n          $assigning={assigning}\n        >\n          <Text $renderAs=\"ub2-bold\" $color={assigned ? 'BLACK_T_38' : 'WHITE_1'}>\n            {assigned ? 'Discuss in next class' : 'Assign'}\n          </Text>\n        </Styled.PuzzleButton>\n      </Clickable>\n    </>\n  );\n});\n\nexport default PuzzleContainerView;\n"],"names":["PuzzleContainerView","memo","handleOnPuzzleClick","imageUrl","title","handleAssign","assigned","assigning","analyticsProps","jsxs","Fragment","Styled.PuzzleContent","jsx","Image","Text","Styled.AssignedTag","Clickable","Styled.PuzzleButton"],"mappings":";;;;;;AAQM,MAAAA,IAAqDC,EAAK,SAA6B;AAAA,EAC3F,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AACF,GAAG;AACD,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,SAAST;AAAA,QACT,OAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAWI;AAAA,QACX,UAAU;AAAA,QAEV,UAAA;AAAA,UAAC,gBAAAM,EAAAC,GAAA,EAAM,OAAO,KAAK,QAAQ,KAAK,KAAKV,GAAU,YAAY,IAAO,KAAI,SAAS,CAAA;AAAA,4BAC9EW,GAAK,EAAA,WAAU,YAAW,QAAO,UAC/B,UACHV,GAAA;AAAA,UAECE,KACE,gBAAAM,EAAAG,GAAA,EAAmB,MAAM,GAAG,SAAS,GAAG,aAAY,WACnD,4BAACD,GAAK,EAAA,WAAU,OAAM,QAAO,WAAU,qBAEvC,CAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEA,gBAAAF;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAASX;AAAA,QACT,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,UAAUC,KAAYC;AAAA,QACtB,gBAAAC;AAAA,QAEA,UAAA,gBAAAI;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,SAAS;AAAA,YACT,aAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,OAAO;AAAA,YACP,UAAU;AAAA,YACV,WAAWX;AAAA,YACX,YAAYC;AAAA,YAEZ,UAAA,gBAAAK,EAACE,GAAK,EAAA,WAAU,YAAW,QAAQR,IAAW,eAAe,WAC1D,UAAWA,IAAA,0BAA0B,SACxC,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/sheet-tools/tool-header/tool-header.js

@@ -28,7 +28,7 @@ const I = ({
       $background: "BLACK",
       $width: d,
       children: [
-        /* @__PURE__ */ e(C, { $color: "WHITE", $renderAs: "ub2-bold", children: l }),
+        /* @__PURE__ */ e(C, { $color: "WHITE", $renderAs: "ub3-bold", children: l }),
         /* @__PURE__ */ e(b, {}),
         /* @__PURE__ */ n($, { $flexDirection: "row", children: [
           /* @__PURE__ */ e(x, { onClick: i, color: "WHITE", label: r ? "Collapse" : "Expand" }),

package/dist/features/sheet-tools/tool-header/tool-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-header.js","sources":["../../../../src/features/sheet-tools/tool-header/tool-header.tsx"],"sourcesContent":["import { useEffect, useRef, type FC, type RefObject } from 'react';\n\nimport { useDragHelper } from '../../hooks/use-drag-helper';\nimport TextButton from '../../ui/buttons/text-button/text-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport {\n  Children,\n  CrossIconContainer,\n  MoreIconContainer,\n  StyledText,\n  Wrapper,\n} from './tool-header-styled';\nimport type { IExpandableHeaderProps } from './tool-header-types';\n\nconst ExpandableHeader: FC<IExpandableHeaderProps> = ({\n  title,\n  expanded,\n  onClick,\n  onClose,\n  isDraggable,\n  children,\n  width,\n  initialPosition,\n}) => {\n  const headerRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n\n  const validateElementInViewport = useDragHelper(headerRef, isDraggable, initialPosition);\n\n  useEffect(() => {\n    validateElementInViewport();\n  }, [expanded, validateElementInViewport]);\n\n  return (\n    <Wrapper\n      ref={headerRef}\n      $height={40}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $justifyContent=\"space-between\"\n      $background=\"BLACK\"\n      $width={width}\n    >\n      <StyledText $color=\"WHITE\" $renderAs=\"ub2-bold\">\n        {title}\n      </StyledText>\n      <MoreIconContainer />\n      <FlexView $flexDirection=\"row\">\n        <TextButton onClick={onClick} color=\"WHITE\" label={expanded ? 'Collapse' : 'Expand'} />\n        <CrossIconContainer onClick={onClose} />\n      </FlexView>\n      <Children>{children}</Children>\n    </Wrapper>\n  );\n};\n\nexport default ExpandableHeader;\n"],"names":["ExpandableHeader","title","expanded","onClick","onClose","isDraggable","children","width","initialPosition","headerRef","useRef","validateElementInViewport","useDragHelper","useEffect","jsxs","Wrapper","jsx","StyledText","MoreIconContainer","FlexView","TextButton","CrossIconContainer","Children","ExpandableHeader$1"],"mappings":";;;;;;AAcA,MAAMA,IAA+C,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACE,QAAAC,IAAYC,EAAuB,IAAI,GAEvCC,IAA4BC,EAAcH,GAAWJ,GAAaG,CAAe;AAEvF,SAAAK,EAAU,MAAM;AACY,IAAAF;EAAA,GACzB,CAACT,GAAUS,CAAyB,CAAC,GAGtC,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,SAAS;AAAA,MACT,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,QAAQF;AAAA,MAER,UAAA;AAAA,QAAA,gBAAAS,EAACC,GAAW,EAAA,QAAO,SAAQ,WAAU,YAClC,UACHhB,GAAA;AAAA,0BACCiB,GAAkB,EAAA;AAAA,QACnB,gBAAAJ,EAACK,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,UAAA,gBAAAH,EAACI,KAAW,SAAAjB,GAAkB,OAAM,SAAQ,OAAOD,IAAW,aAAa,UAAU;AAAA,UACrF,gBAAAc,EAACK,GAAmB,EAAA,SAASjB,EAAS,CAAA;AAAA,QAAA,GACxC;AAAA,QACA,gBAAAY,EAACM,KAAU,UAAAhB,GAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1B,GAEAiB,IAAevB;"}
+{"version":3,"file":"tool-header.js","sources":["../../../../src/features/sheet-tools/tool-header/tool-header.tsx"],"sourcesContent":["import { useEffect, useRef, type FC, type RefObject } from 'react';\n\nimport { useDragHelper } from '../../hooks/use-drag-helper';\nimport TextButton from '../../ui/buttons/text-button/text-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport {\n  Children,\n  CrossIconContainer,\n  MoreIconContainer,\n  StyledText,\n  Wrapper,\n} from './tool-header-styled';\nimport type { IExpandableHeaderProps } from './tool-header-types';\n\nconst ExpandableHeader: FC<IExpandableHeaderProps> = ({\n  title,\n  expanded,\n  onClick,\n  onClose,\n  isDraggable,\n  children,\n  width,\n  initialPosition,\n}) => {\n  const headerRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n\n  const validateElementInViewport = useDragHelper(headerRef, isDraggable, initialPosition);\n\n  useEffect(() => {\n    validateElementInViewport();\n  }, [expanded, validateElementInViewport]);\n\n  return (\n    <Wrapper\n      ref={headerRef}\n      $height={40}\n      $flexDirection=\"row\"\n      $alignItems=\"center\"\n      $justifyContent=\"space-between\"\n      $background=\"BLACK\"\n      $width={width}\n    >\n      <StyledText $color=\"WHITE\" $renderAs=\"ub3-bold\">\n        {title}\n      </StyledText>\n      <MoreIconContainer />\n      <FlexView $flexDirection=\"row\">\n        <TextButton onClick={onClick} color=\"WHITE\" label={expanded ? 'Collapse' : 'Expand'} />\n        <CrossIconContainer onClick={onClose} />\n      </FlexView>\n      <Children>{children}</Children>\n    </Wrapper>\n  );\n};\n\nexport default ExpandableHeader;\n"],"names":["ExpandableHeader","title","expanded","onClick","onClose","isDraggable","children","width","initialPosition","headerRef","useRef","validateElementInViewport","useDragHelper","useEffect","jsxs","Wrapper","jsx","StyledText","MoreIconContainer","FlexView","TextButton","CrossIconContainer","Children","ExpandableHeader$1"],"mappings":";;;;;;AAcA,MAAMA,IAA+C,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACE,QAAAC,IAAYC,EAAuB,IAAI,GAEvCC,IAA4BC,EAAcH,GAAWJ,GAAaG,CAAe;AAEvF,SAAAK,EAAU,MAAM;AACY,IAAAF;EAAA,GACzB,CAACT,GAAUS,CAAyB,CAAC,GAGtC,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,SAAS;AAAA,MACT,gBAAe;AAAA,MACf,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,QAAQF;AAAA,MAER,UAAA;AAAA,QAAA,gBAAAS,EAACC,GAAW,EAAA,QAAO,SAAQ,WAAU,YAClC,UACHhB,GAAA;AAAA,0BACCiB,GAAkB,EAAA;AAAA,QACnB,gBAAAJ,EAACK,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,UAAA,gBAAAH,EAACI,KAAW,SAAAjB,GAAkB,OAAM,SAAQ,OAAOD,IAAW,aAAa,UAAU;AAAA,UACrF,gBAAAc,EAACK,GAAmB,EAAA,SAASjB,EAAS,CAAA;AAAA,QAAA,GACxC;AAAA,QACA,gBAAAY,EAACM,KAAU,UAAAhB,GAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1B,GAEAiB,IAAevB;"}

package/dist/features/sheets/comps/sheet-button/index.js

@@ -55,7 +55,7 @@ const j = {
             $gutter: 4,
             children: [
               e.tag,
-              a && /* @__PURE__ */ o(s, { $renderAs: "ub3", children: a })
+              a && /* @__PURE__ */ o(s, { $renderAs: "ub4", children: a })
             ]
           }
         )

package/dist/features/sheets/comps/sheet-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/features/sheets/comps/sheet-button/index.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport AlertIcon from '../../../../assets/line-icons/icons/alert';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport Play2Icon from '../../../../assets/line-icons/icons/play2';\nimport useClickHandler from '../../../ui/hooks/use-click-handler';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './styled';\nimport type { ISheetButtonProps, TSheetButtonStateTags } from './types';\nimport { sheetButtonVariant } from './variant';\n\nconst sheetStateTag: TSheetButtonStateTags = {\n  in_progress: { tag: <Play2Icon />, backgroundColor: 'YELLOW_4' },\n  overdue: { tag: <AlertIcon />, backgroundColor: 'ORANGE_4' },\n  completed: { tag: <Check2Icon />, backgroundColor: 'GREEN_4' },\n};\n\nconst SheetButton: FC<ISheetButtonProps> = memo(function SheetButton({\n  renderAs,\n  label,\n  disabled,\n  Icon,\n  analyticsLabel,\n  analyticsProps,\n  state,\n  backgroundColor,\n  borderColor,\n  hoverActive = true,\n  onClick,\n  accuracy,\n  width,\n  widthX,\n}) {\n  const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, onClick);\n\n  const { colorName } = sheetButtonVariant[renderAs];\n  const sheetButtonStateTag = state ? sheetStateTag[state] : undefined;\n\n  const handleOnClick = useCallback(() => {\n    handleClick();\n  }, [handleClick]);\n\n  return (\n    <Styled.SheetButtonWrapper\n      $renderAs={renderAs}\n      $justifyContent=\"center\"\n      disabled={disabled}\n      onClick={handleOnClick}\n      $iconPresent={!!(Icon && label)}\n      $backgroundColor={backgroundColor}\n      $borderColor={borderColor}\n      $hoverActive={hoverActive}\n      $width={width}\n      $widthX={widthX}\n    >\n      {Icon && <Icon width={18} height={18} />}\n\n      <Text $renderAs=\"ac4\" $color={disabled ? colorName.disabled : colorName.active}>\n        {label}\n      </Text>\n\n      {sheetButtonStateTag && (\n        <Styled.ProgressTag\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $backgroundColor={sheetButtonStateTag.backgroundColor}\n          $gutter={4}\n        >\n          {sheetButtonStateTag.tag}\n          {accuracy && <Text $renderAs=\"ub3\">{accuracy}</Text>}\n        </Styled.ProgressTag>\n      )}\n    </Styled.SheetButtonWrapper>\n  );\n});\n\nexport default SheetButton;\n"],"names":["sheetStateTag","Play2Icon","AlertIcon","Check2Icon","SheetButton","memo","renderAs","label","disabled","Icon","analyticsLabel","analyticsProps","state","backgroundColor","borderColor","hoverActive","onClick","accuracy","width","widthX","handleClick","useClickHandler","colorName","sheetButtonVariant","sheetButtonStateTag","handleOnClick","useCallback","jsxs","Styled.SheetButtonWrapper","jsx","Text","Styled.ProgressTag"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAuC;AAAA,EAC3C,aAAa,EAAE,uBAAMC,GAAU,EAAA,GAAI,iBAAiB,WAAW;AAAA,EAC/D,SAAS,EAAE,uBAAMC,GAAU,EAAA,GAAI,iBAAiB,WAAW;AAAA,EAC3D,WAAW,EAAE,uBAAMC,GAAW,EAAA,GAAI,iBAAiB,UAAU;AAC/D,GAEMC,IAAqCC,EAAK,SAAqB;AAAA,EACnE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACF,GAAG;AACK,QAAA,EAAE,aAAAC,EAAgB,IAAAC,EAAgB,EAAE,OAAAd,GAAO,gBAAAG,GAAgB,gBAAAC,KAAkBK,CAAO,GAEpF,EAAE,WAAAM,EAAA,IAAcC,EAAmBjB,CAAQ,GAC3CkB,IAAsBZ,IAAQZ,EAAcY,CAAK,IAAI,QAErDa,IAAgBC,EAAY,MAAM;AAC1B,IAAAN;EAAA,GACX,CAACA,CAAW,CAAC;AAGd,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWtB;AAAA,MACX,iBAAgB;AAAA,MAChB,UAAAE;AAAA,MACA,SAASiB;AAAA,MACT,cAAc,CAAC,EAAEhB,KAAQF;AAAA,MACzB,kBAAkBM;AAAA,MAClB,cAAcC;AAAA,MACd,cAAcC;AAAA,MACd,QAAQG;AAAA,MACR,SAASC;AAAA,MAER,UAAA;AAAA,QAAAV,KAAS,gBAAAoB,EAAApB,GAAA,EAAK,OAAO,IAAI,QAAQ,IAAI;AAAA,QAEtC,gBAAAoB,EAACC,GAAK,EAAA,WAAU,OAAM,QAAQtB,IAAWc,EAAU,WAAWA,EAAU,QACrE,UACHf,EAAA,CAAA;AAAA,QAECiB,KACC,gBAAAG;AAAA,UAACI;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,kBAAkBP,EAAoB;AAAA,YACtC,SAAS;AAAA,YAER,UAAA;AAAA,cAAoBA,EAAA;AAAA,cACpBP,KAAY,gBAAAY,EAACC,GAAK,EAAA,WAAU,OAAO,UAASb,GAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC/C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/features/sheets/comps/sheet-button/index.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\n\nimport AlertIcon from '../../../../assets/line-icons/icons/alert';\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport Play2Icon from '../../../../assets/line-icons/icons/play2';\nimport useClickHandler from '../../../ui/hooks/use-click-handler';\nimport Text from '../../../ui/text/text';\nimport * as Styled from './styled';\nimport type { ISheetButtonProps, TSheetButtonStateTags } from './types';\nimport { sheetButtonVariant } from './variant';\n\nconst sheetStateTag: TSheetButtonStateTags = {\n  in_progress: { tag: <Play2Icon />, backgroundColor: 'YELLOW_4' },\n  overdue: { tag: <AlertIcon />, backgroundColor: 'ORANGE_4' },\n  completed: { tag: <Check2Icon />, backgroundColor: 'GREEN_4' },\n};\n\nconst SheetButton: FC<ISheetButtonProps> = memo(function SheetButton({\n  renderAs,\n  label,\n  disabled,\n  Icon,\n  analyticsLabel,\n  analyticsProps,\n  state,\n  backgroundColor,\n  borderColor,\n  hoverActive = true,\n  onClick,\n  accuracy,\n  width,\n  widthX,\n}) {\n  const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, onClick);\n\n  const { colorName } = sheetButtonVariant[renderAs];\n  const sheetButtonStateTag = state ? sheetStateTag[state] : undefined;\n\n  const handleOnClick = useCallback(() => {\n    handleClick();\n  }, [handleClick]);\n\n  return (\n    <Styled.SheetButtonWrapper\n      $renderAs={renderAs}\n      $justifyContent=\"center\"\n      disabled={disabled}\n      onClick={handleOnClick}\n      $iconPresent={!!(Icon && label)}\n      $backgroundColor={backgroundColor}\n      $borderColor={borderColor}\n      $hoverActive={hoverActive}\n      $width={width}\n      $widthX={widthX}\n    >\n      {Icon && <Icon width={18} height={18} />}\n\n      <Text $renderAs=\"ac4\" $color={disabled ? colorName.disabled : colorName.active}>\n        {label}\n      </Text>\n\n      {sheetButtonStateTag && (\n        <Styled.ProgressTag\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $backgroundColor={sheetButtonStateTag.backgroundColor}\n          $gutter={4}\n        >\n          {sheetButtonStateTag.tag}\n          {accuracy && <Text $renderAs=\"ub4\">{accuracy}</Text>}\n        </Styled.ProgressTag>\n      )}\n    </Styled.SheetButtonWrapper>\n  );\n});\n\nexport default SheetButton;\n"],"names":["sheetStateTag","Play2Icon","AlertIcon","Check2Icon","SheetButton","memo","renderAs","label","disabled","Icon","analyticsLabel","analyticsProps","state","backgroundColor","borderColor","hoverActive","onClick","accuracy","width","widthX","handleClick","useClickHandler","colorName","sheetButtonVariant","sheetButtonStateTag","handleOnClick","useCallback","jsxs","Styled.SheetButtonWrapper","jsx","Text","Styled.ProgressTag"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAuC;AAAA,EAC3C,aAAa,EAAE,uBAAMC,GAAU,EAAA,GAAI,iBAAiB,WAAW;AAAA,EAC/D,SAAS,EAAE,uBAAMC,GAAU,EAAA,GAAI,iBAAiB,WAAW;AAAA,EAC3D,WAAW,EAAE,uBAAMC,GAAW,EAAA,GAAI,iBAAiB,UAAU;AAC/D,GAEMC,IAAqCC,EAAK,SAAqB;AAAA,EACnE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACF,GAAG;AACK,QAAA,EAAE,aAAAC,EAAgB,IAAAC,EAAgB,EAAE,OAAAd,GAAO,gBAAAG,GAAgB,gBAAAC,KAAkBK,CAAO,GAEpF,EAAE,WAAAM,EAAA,IAAcC,EAAmBjB,CAAQ,GAC3CkB,IAAsBZ,IAAQZ,EAAcY,CAAK,IAAI,QAErDa,IAAgBC,EAAY,MAAM;AAC1B,IAAAN;EAAA,GACX,CAACA,CAAW,CAAC;AAGd,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWtB;AAAA,MACX,iBAAgB;AAAA,MAChB,UAAAE;AAAA,MACA,SAASiB;AAAA,MACT,cAAc,CAAC,EAAEhB,KAAQF;AAAA,MACzB,kBAAkBM;AAAA,MAClB,cAAcC;AAAA,MACd,cAAcC;AAAA,MACd,QAAQG;AAAA,MACR,SAASC;AAAA,MAER,UAAA;AAAA,QAAAV,KAAS,gBAAAoB,EAAApB,GAAA,EAAK,OAAO,IAAI,QAAQ,IAAI;AAAA,QAEtC,gBAAAoB,EAACC,GAAK,EAAA,WAAU,OAAM,QAAQtB,IAAWc,EAAU,WAAWA,EAAU,QACrE,UACHf,EAAA,CAAA;AAAA,QAECiB,KACC,gBAAAG;AAAA,UAACI;AAAAA,UAAA;AAAA,YACC,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,kBAAkBP,EAAoB;AAAA,YACtC,SAAS;AAAA,YAER,UAAA;AAAA,cAAoBA,EAAA;AAAA,cACpBP,KAAY,gBAAAY,EAACC,GAAK,EAAA,WAAU,OAAO,UAASb,GAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC/C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/features/sheets/lessons-list/lesson-item/context-menu-helper/menu-element.js

@@ -22,7 +22,7 @@ const A = $(function({ options: o, onMenuItemClick: t }) {
         onClick: () => c(d, a),
         children: [
           i,
-          /* @__PURE__ */ r(M, { $renderAs: "ub1", children: l })
+          /* @__PURE__ */ r(M, { $renderAs: "ub2", children: l })
         ]
       }
     ) }, u) : null;

package/dist/features/sheets/lessons-list/lesson-item/context-menu-helper/menu-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-element.js","sources":["../../../../../../src/features/sheets/lessons-list/lesson-item/context-menu-helper/menu-element.tsx"],"sourcesContent":["import { Fragment, memo, useCallback, type FC } from 'react';\n\nimport * as Styled from './menu-element-styled';\nimport type { IMenuElement } from './menu-element-types';\n\nconst MenuElement: FC<IMenuElement> = memo(function MenuElement({ options, onMenuItemClick }) {\n  const handleMenuItemClick = useCallback(\n    (option: string | undefined, disabled?: boolean) => {\n      if (!disabled && option) {\n        onMenuItemClick(option);\n      }\n    },\n    [onMenuItemClick],\n  );\n\n  return (\n    <Styled.MenuElementWrapper $background=\"WHITE\">\n      {options.map(optionInfo => {\n        const { header, label, Icon, key, option, show = true, disabled } = optionInfo;\n\n        if (!show) return null;\n\n        return (\n          <Fragment key={key}>\n            {header ? (\n              <Styled.MenuHeader $renderAs=\"ac4-black\" $color=\"REAL_BLACK_60\">\n                {label}\n              </Styled.MenuHeader>\n            ) : (\n              <Styled.MenuItem\n                $gapX={0.5}\n                $gutterX={1}\n                $flexDirection=\"row\"\n                $flexGap={8}\n                $alignItems=\"center\"\n                $disabled={!!disabled}\n                onClick={() => handleMenuItemClick(option, disabled)}\n              >\n                {Icon}\n\n                <Styled.MenuItemText $renderAs=\"ub1\">{label}</Styled.MenuItemText>\n              </Styled.MenuItem>\n            )}\n          </Fragment>\n        );\n      })}\n    </Styled.MenuElementWrapper>\n  );\n});\n\nexport default MenuElement;\n"],"names":["MenuElement","memo","options","onMenuItemClick","handleMenuItemClick","useCallback","option","disabled","jsx","Styled.MenuElementWrapper","optionInfo","header","label","Icon","key","show","Fragment","Styled.MenuHeader","jsxs","Styled.MenuItem","Styled.MenuItemText"],"mappings":";;;AAKA,MAAMA,IAAgCC,EAAK,SAAqB,EAAE,SAAAC,GAAS,iBAAAC,KAAmB;AAC5F,QAAMC,IAAsBC;AAAA,IAC1B,CAACC,GAA4BC,MAAuB;AAC9C,MAAA,CAACA,KAAYD,KACfH,EAAgBG,CAAM;AAAA,IAE1B;AAAA,IACA,CAACH,CAAe;AAAA,EAAA;AAIhB,SAAA,gBAAAK,EAACC,GAAA,EAA0B,aAAY,SACpC,UAAAP,EAAQ,IAAI,CAAcQ,MAAA;AACnB,UAAA,EAAE,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,GAAM,KAAAC,GAAK,QAAAR,GAAQ,MAAAS,IAAO,IAAM,UAAAR,EAAa,IAAAG;AAEhE,WAACK,IAGF,gBAAAP,EAAAQ,GAAA,EACE,UACCL,IAAA,gBAAAH,EAACS,GAAA,EAAkB,WAAU,aAAY,QAAO,iBAC7C,UAAAL,EACH,CAAA,IAEA,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,WAAW,CAAC,CAACZ;AAAA,QACb,SAAS,MAAMH,EAAoBE,GAAQC,CAAQ;AAAA,QAElD,UAAA;AAAA,UAAAM;AAAA,4BAEAO,GAAA,EAAoB,WAAU,OAAO,UAAMR,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,KAjBnCE,CAoBf,IAvBgB;AAAA,EAyBnB,CAAA,EACH,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"menu-element.js","sources":["../../../../../../src/features/sheets/lessons-list/lesson-item/context-menu-helper/menu-element.tsx"],"sourcesContent":["import { Fragment, memo, useCallback, type FC } from 'react';\n\nimport * as Styled from './menu-element-styled';\nimport type { IMenuElement } from './menu-element-types';\n\nconst MenuElement: FC<IMenuElement> = memo(function MenuElement({ options, onMenuItemClick }) {\n  const handleMenuItemClick = useCallback(\n    (option: string | undefined, disabled?: boolean) => {\n      if (!disabled && option) {\n        onMenuItemClick(option);\n      }\n    },\n    [onMenuItemClick],\n  );\n\n  return (\n    <Styled.MenuElementWrapper $background=\"WHITE\">\n      {options.map(optionInfo => {\n        const { header, label, Icon, key, option, show = true, disabled } = optionInfo;\n\n        if (!show) return null;\n\n        return (\n          <Fragment key={key}>\n            {header ? (\n              <Styled.MenuHeader $renderAs=\"ac4-black\" $color=\"REAL_BLACK_60\">\n                {label}\n              </Styled.MenuHeader>\n            ) : (\n              <Styled.MenuItem\n                $gapX={0.5}\n                $gutterX={1}\n                $flexDirection=\"row\"\n                $flexGap={8}\n                $alignItems=\"center\"\n                $disabled={!!disabled}\n                onClick={() => handleMenuItemClick(option, disabled)}\n              >\n                {Icon}\n\n                <Styled.MenuItemText $renderAs=\"ub2\">{label}</Styled.MenuItemText>\n              </Styled.MenuItem>\n            )}\n          </Fragment>\n        );\n      })}\n    </Styled.MenuElementWrapper>\n  );\n});\n\nexport default MenuElement;\n"],"names":["MenuElement","memo","options","onMenuItemClick","handleMenuItemClick","useCallback","option","disabled","jsx","Styled.MenuElementWrapper","optionInfo","header","label","Icon","key","show","Fragment","Styled.MenuHeader","jsxs","Styled.MenuItem","Styled.MenuItemText"],"mappings":";;;AAKA,MAAMA,IAAgCC,EAAK,SAAqB,EAAE,SAAAC,GAAS,iBAAAC,KAAmB;AAC5F,QAAMC,IAAsBC;AAAA,IAC1B,CAACC,GAA4BC,MAAuB;AAC9C,MAAA,CAACA,KAAYD,KACfH,EAAgBG,CAAM;AAAA,IAE1B;AAAA,IACA,CAACH,CAAe;AAAA,EAAA;AAIhB,SAAA,gBAAAK,EAACC,GAAA,EAA0B,aAAY,SACpC,UAAAP,EAAQ,IAAI,CAAcQ,MAAA;AACnB,UAAA,EAAE,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,GAAM,KAAAC,GAAK,QAAAR,GAAQ,MAAAS,IAAO,IAAM,UAAAR,EAAa,IAAAG;AAEhE,WAACK,IAGF,gBAAAP,EAAAQ,GAAA,EACE,UACCL,IAAA,gBAAAH,EAACS,GAAA,EAAkB,WAAU,aAAY,QAAO,iBAC7C,UAAAL,EACH,CAAA,IAEA,gBAAAM;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,gBAAe;AAAA,QACf,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,WAAW,CAAC,CAACZ;AAAA,QACb,SAAS,MAAMH,EAAoBE,GAAQC,CAAQ;AAAA,QAElD,UAAA;AAAA,UAAAM;AAAA,4BAEAO,GAAA,EAAoB,WAAU,OAAO,UAAMR,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,KAjBnCE,CAoBf,IAvBgB;AAAA,EAyBnB,CAAA,EACH,CAAA;AAEJ,CAAC;"}

package/dist/features/sheets/reference-sheet/reference-sheet.js

@@ -28,7 +28,7 @@ const p = [
       initialPosition: i,
       children: /* @__PURE__ */ s(f, { $background: "WHITE", $height: t || 556, $gutter: 40, $gap: 40, children: [
         /* @__PURE__ */ r(l, { src: m.SHEET_REFERENCE }),
-        p.map((e) => /* @__PURE__ */ r(E, { $marginBottom: 8, $renderAs: "ub1", children: e.text }, e.id))
+        p.map((e) => /* @__PURE__ */ r(E, { $marginBottom: 8, $renderAs: "ub2", children: e.text }, e.id))
       ] })
     }
   );

package/dist/features/sheets/reference-sheet/reference-sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"reference-sheet.js","sources":["../../../../src/features/sheets/reference-sheet/reference-sheet.tsx"],"sourcesContent":["import { useState, type FC } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport ExpandableHeader from '../../sheet-tools/tool-header/tool-header';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { StyledImg } from './reference-sheet-styled';\n\ninterface IReferenceSheetProps {\n  onClose: () => void;\n  height?: string | number;\n  initialPosition?: {\n    left?: number;\n    top?: number;\n    bottom?: number;\n    right?: number;\n  };\n}\n\nconst SHEET_REFERENCE_TEXT = [\n  { id: '1', text: 'The number of degrees of arc in a circle is 360.' },\n  { id: '2', text: 'The number of radians of arc in a circle is 2π.' },\n  {\n    id: '3',\n    text: 'The sum of the measures in degrees of the angles of a triangle is 180.',\n  },\n];\n\nconst ReferenceSheet: FC<IReferenceSheetProps> = ({ onClose, height, initialPosition }) => {\n  const [expanded, setExpanded] = useState(false);\n\n  const onExpand = () => {\n    setExpanded(prev => !prev);\n  };\n\n  return (\n    <ExpandableHeader\n      isDraggable\n      expanded={expanded}\n      title=\"Reference sheet\"\n      width={expanded ? 960 : 450}\n      onClick={onExpand}\n      onClose={onClose}\n      initialPosition={initialPosition}\n    >\n      <FlexView $background=\"WHITE\" $height={height ? height : 556} $gutter={40} $gap={40}>\n        <StyledImg src={IMAGES.SHEET_REFERENCE} />\n        {SHEET_REFERENCE_TEXT.map(item => (\n          <Text key={item.id} $marginBottom={8} $renderAs=\"ub1\">\n            {item.text}\n          </Text>\n        ))}\n      </FlexView>\n    </ExpandableHeader>\n  );\n};\n\nexport default ReferenceSheet;\n"],"names":["SHEET_REFERENCE_TEXT","ReferenceSheet","onClose","height","initialPosition","expanded","setExpanded","useState","jsx","ExpandableHeader","prev","jsxs","FlexView","StyledImg","IMAGES","item","Text","ReferenceSheet$1"],"mappings":";;;;;;;AAmBA,MAAMA,IAAuB;AAAA,EAC3B,EAAE,IAAI,KAAK,MAAM,mDAAmD;AAAA,EACpE,EAAE,IAAI,KAAK,MAAM,kDAAkD;AAAA,EACnE;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AACF,GAEMC,IAA2C,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,iBAAAC,QAAsB;AACzF,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAO5C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,UAAAJ;AAAA,MACA,OAAM;AAAA,MACN,OAAOA,IAAW,MAAM;AAAA,MACxB,SAVa,MAAM;AACT,QAAAC,EAAA,CAAAI,MAAQ,CAACA,CAAI;AAAA,MAAA;AAAA,MAUvB,SAAAR;AAAA,MACA,iBAAAE;AAAA,MAEA,UAAA,gBAAAO,EAACC,GAAS,EAAA,aAAY,SAAQ,SAAST,KAAkB,KAAK,SAAS,IAAI,MAAM,IAC/E,UAAA;AAAA,QAAC,gBAAAK,EAAAK,GAAA,EAAU,KAAKC,EAAO,gBAAiB,CAAA;AAAA,QACvCd,EAAqB,IAAI,CACxBe,MAAA,gBAAAP,EAACQ,GAAmB,EAAA,eAAe,GAAG,WAAU,OAC7C,UAAAD,EAAK,KADG,GAAAA,EAAK,EAEhB,CACD;AAAA,MAAA,GACH;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAE,IAAehB;"}
+{"version":3,"file":"reference-sheet.js","sources":["../../../../src/features/sheets/reference-sheet/reference-sheet.tsx"],"sourcesContent":["import { useState, type FC } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport ExpandableHeader from '../../sheet-tools/tool-header/tool-header';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { StyledImg } from './reference-sheet-styled';\n\ninterface IReferenceSheetProps {\n  onClose: () => void;\n  height?: string | number;\n  initialPosition?: {\n    left?: number;\n    top?: number;\n    bottom?: number;\n    right?: number;\n  };\n}\n\nconst SHEET_REFERENCE_TEXT = [\n  { id: '1', text: 'The number of degrees of arc in a circle is 360.' },\n  { id: '2', text: 'The number of radians of arc in a circle is 2π.' },\n  {\n    id: '3',\n    text: 'The sum of the measures in degrees of the angles of a triangle is 180.',\n  },\n];\n\nconst ReferenceSheet: FC<IReferenceSheetProps> = ({ onClose, height, initialPosition }) => {\n  const [expanded, setExpanded] = useState(false);\n\n  const onExpand = () => {\n    setExpanded(prev => !prev);\n  };\n\n  return (\n    <ExpandableHeader\n      isDraggable\n      expanded={expanded}\n      title=\"Reference sheet\"\n      width={expanded ? 960 : 450}\n      onClick={onExpand}\n      onClose={onClose}\n      initialPosition={initialPosition}\n    >\n      <FlexView $background=\"WHITE\" $height={height ? height : 556} $gutter={40} $gap={40}>\n        <StyledImg src={IMAGES.SHEET_REFERENCE} />\n        {SHEET_REFERENCE_TEXT.map(item => (\n          <Text key={item.id} $marginBottom={8} $renderAs=\"ub2\">\n            {item.text}\n          </Text>\n        ))}\n      </FlexView>\n    </ExpandableHeader>\n  );\n};\n\nexport default ReferenceSheet;\n"],"names":["SHEET_REFERENCE_TEXT","ReferenceSheet","onClose","height","initialPosition","expanded","setExpanded","useState","jsx","ExpandableHeader","prev","jsxs","FlexView","StyledImg","IMAGES","item","Text","ReferenceSheet$1"],"mappings":";;;;;;;AAmBA,MAAMA,IAAuB;AAAA,EAC3B,EAAE,IAAI,KAAK,MAAM,mDAAmD;AAAA,EACpE,EAAE,IAAI,KAAK,MAAM,kDAAkD;AAAA,EACnE;AAAA,IACE,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AACF,GAEMC,IAA2C,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,iBAAAC,QAAsB;AACzF,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAO5C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,UAAAJ;AAAA,MACA,OAAM;AAAA,MACN,OAAOA,IAAW,MAAM;AAAA,MACxB,SAVa,MAAM;AACT,QAAAC,EAAA,CAAAI,MAAQ,CAACA,CAAI;AAAA,MAAA;AAAA,MAUvB,SAAAR;AAAA,MACA,iBAAAE;AAAA,MAEA,UAAA,gBAAAO,EAACC,GAAS,EAAA,aAAY,SAAQ,SAAST,KAAkB,KAAK,SAAS,IAAI,MAAM,IAC/E,UAAA;AAAA,QAAC,gBAAAK,EAAAK,GAAA,EAAU,KAAKC,EAAO,gBAAiB,CAAA;AAAA,QACvCd,EAAqB,IAAI,CACxBe,MAAA,gBAAAP,EAACQ,GAAmB,EAAA,eAAe,GAAG,WAAU,OAC7C,UAAAD,EAAK,KADG,GAAAA,EAAK,EAEhB,CACD;AAAA,MAAA,GACH;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAE,IAAehB;"}

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/context-menu-helper/menu-element/menu-element.js

@@ -23,7 +23,7 @@ const k = ({
           /* @__PURE__ */ r(
             b,
             {
-              $renderAs: "ub1",
+              $renderAs: "ub2",
               onClick: () => n(t),
               $opacity: o ? 0.5 : 1,
               $disabled: o,

package/dist/features/sheets/sheets-list/sheet-item/reward-n-actions/context-menu-helper/menu-element/menu-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-element.js","sources":["../../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/context-menu-helper/menu-element/menu-element.tsx"],"sourcesContent":["import { Fragment, type FC } from 'react';\n\nimport ArrowTooltip from '../../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport * as Styled from '../../reward-n-actions-styled';\nimport type { IMenuElementProps } from './menu-element-types';\n\nconst MenuElement: FC<IMenuElementProps> = ({\n  options,\n  handleOnMenuOptionSelection,\n  width,\n  hideTooltip,\n}) => {\n  const optionDisabled = options.find(option => option.disable);\n\n  return (\n    <ArrowTooltip\n      position=\"bottom\"\n      renderAs=\"primary\"\n      tooltipItem=\"You cannot review this sheet since your teacher has marked it as learned\"\n      hidden={hideTooltip || !optionDisabled}\n      widthX={12}\n    >\n      <Styled.MoreOptionsWrapper $width={width}>\n        {options.map(option => {\n          const { label, show, disable, separatorVisible } = option;\n\n          if (!show) return null;\n\n          return (\n            <Fragment key={label}>\n              <Styled.OptionCard\n                $renderAs=\"ub1\"\n                onClick={() => handleOnMenuOptionSelection(label)}\n                $opacity={disable ? 0.5 : 1}\n                $disabled={disable}\n              >\n                {label}\n              </Styled.OptionCard>\n              {separatorVisible && <Styled.StyledSeparator $height={1} $background=\"GREY_2\" />}\n            </Fragment>\n          );\n        })}\n      </Styled.MoreOptionsWrapper>\n    </ArrowTooltip>\n  );\n};\n\nexport default MenuElement;\n"],"names":["MenuElement","options","handleOnMenuOptionSelection","width","hideTooltip","optionDisabled","option","jsx","ArrowTooltip","Styled.MoreOptionsWrapper","label","show","disable","separatorVisible","Fragment","Styled.OptionCard","Styled.StyledSeparator"],"mappings":";;;;AAMA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,SAAAC;AAAA,EACA,6BAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAiBJ,EAAQ,KAAK,CAAAK,MAAUA,EAAO,OAAO;AAG1D,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAQJ,KAAe,CAACC;AAAA,MACxB,QAAQ;AAAA,MAER,UAAA,gBAAAE,EAACE,GAAA,EAA0B,QAAQN,GAChC,UAAAF,EAAQ,IAAI,CAAUK,MAAA;AACrB,cAAM,EAAE,OAAAI,GAAO,MAAAC,GAAM,SAAAC,GAAS,kBAAAC,MAAqBP;AAE/C,eAACK,sBAGFG,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAP;AAAA,YAACQ;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAMb,EAA4BQ,CAAK;AAAA,cAChD,UAAUE,IAAU,MAAM;AAAA,cAC1B,WAAWA;AAAA,cAEV,UAAAF;AAAA,YAAA;AAAA,UACH;AAAA,UACCG,uBAAqBG,GAAA,EAAuB,SAAS,GAAG,aAAY,UAAS;AAAA,QAAA,EAAA,GATjEN,CAUf,IAbgB;AAAA,MAenB,CAAA,GACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"menu-element.js","sources":["../../../../../../../../src/features/sheets/sheets-list/sheet-item/reward-n-actions/context-menu-helper/menu-element/menu-element.tsx"],"sourcesContent":["import { Fragment, type FC } from 'react';\n\nimport ArrowTooltip from '../../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport * as Styled from '../../reward-n-actions-styled';\nimport type { IMenuElementProps } from './menu-element-types';\n\nconst MenuElement: FC<IMenuElementProps> = ({\n  options,\n  handleOnMenuOptionSelection,\n  width,\n  hideTooltip,\n}) => {\n  const optionDisabled = options.find(option => option.disable);\n\n  return (\n    <ArrowTooltip\n      position=\"bottom\"\n      renderAs=\"primary\"\n      tooltipItem=\"You cannot review this sheet since your teacher has marked it as learned\"\n      hidden={hideTooltip || !optionDisabled}\n      widthX={12}\n    >\n      <Styled.MoreOptionsWrapper $width={width}>\n        {options.map(option => {\n          const { label, show, disable, separatorVisible } = option;\n\n          if (!show) return null;\n\n          return (\n            <Fragment key={label}>\n              <Styled.OptionCard\n                $renderAs=\"ub2\"\n                onClick={() => handleOnMenuOptionSelection(label)}\n                $opacity={disable ? 0.5 : 1}\n                $disabled={disable}\n              >\n                {label}\n              </Styled.OptionCard>\n              {separatorVisible && <Styled.StyledSeparator $height={1} $background=\"GREY_2\" />}\n            </Fragment>\n          );\n        })}\n      </Styled.MoreOptionsWrapper>\n    </ArrowTooltip>\n  );\n};\n\nexport default MenuElement;\n"],"names":["MenuElement","options","handleOnMenuOptionSelection","width","hideTooltip","optionDisabled","option","jsx","ArrowTooltip","Styled.MoreOptionsWrapper","label","show","disable","separatorVisible","Fragment","Styled.OptionCard","Styled.StyledSeparator"],"mappings":";;;;AAMA,MAAMA,IAAqC,CAAC;AAAA,EAC1C,SAAAC;AAAA,EACA,6BAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAiBJ,EAAQ,KAAK,CAAAK,MAAUA,EAAO,OAAO;AAG1D,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,aAAY;AAAA,MACZ,QAAQJ,KAAe,CAACC;AAAA,MACxB,QAAQ;AAAA,MAER,UAAA,gBAAAE,EAACE,GAAA,EAA0B,QAAQN,GAChC,UAAAF,EAAQ,IAAI,CAAUK,MAAA;AACrB,cAAM,EAAE,OAAAI,GAAO,MAAAC,GAAM,SAAAC,GAAS,kBAAAC,MAAqBP;AAE/C,eAACK,sBAGFG,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAP;AAAA,YAACQ;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAMb,EAA4BQ,CAAK;AAAA,cAChD,UAAUE,IAAU,MAAM;AAAA,cAC1B,WAAWA;AAAA,cAEV,UAAAF;AAAA,YAAA;AAAA,UACH;AAAA,UACCG,uBAAqBG,GAAA,EAAuB,SAAS,GAAG,aAAY,UAAS;AAAA,QAAA,EAAA,GATjEN,CAUf,IAbgB;AAAA,MAenB,CAAA,GACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/features/student-details/wins-preview/wins-preview.js

@@ -83,7 +83,7 @@ const w = "coins_badge", V = ({ onWinsClick: _, rewardsHome: x }) => {
               onClick: _
             }
           ),
-          /* @__PURE__ */ t(S, { $renderAs: "ub3", children: "All wins" })
+          /* @__PURE__ */ t(S, { $renderAs: "ub4", children: "All wins" })
         ]
       }
     )

package/dist/features/student-details/wins-preview/wins-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"wins-preview.js","sources":["../../../../src/features/student-details/wins-preview/wins-preview.tsx"],"sourcesContent":["import { useMemo, type FC } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport NextIcon from '../../../assets/line-icons/icons/next';\nimport { rewardBadgeUrl } from '../../sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-utils';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { isNonEmptyArray } from '../../utils/utils';\nimport * as Styled from './wins-preview-styled';\nimport type { IWinsPreviewProps } from './wins-preview-types';\n\nconst coinsBadge = 'coins_badge';\n\nconst WinsPreview: FC<IWinsPreviewProps> = ({ onWinsClick, rewardsHome }) => {\n  const {\n    user_badges: userBadges,\n    user_stickers: userStickers,\n    user_rewards: userRewards,\n  } = rewardsHome;\n\n  const doesRewardsExist = isNonEmptyArray(userRewards);\n  const doesBadgesExist = isNonEmptyArray(userBadges);\n  const doesStickersExist = isNonEmptyArray(userStickers);\n\n  const rewardElements = useMemo(\n    () => userRewards?.filter(item => item.aggregate_for.type === coinsBadge),\n    [userRewards],\n  );\n  const showRewardInfo = doesBadgesExist || doesRewardsExist || doesStickersExist;\n\n  const { aggregate_for: aggregateFor } = rewardElements?.[0] || {};\n  const { name: rewardElementName, type } = aggregateFor || {};\n\n  const { name: stickerElementName } = userStickers?.[0] || {};\n  const { image_url: badgeImageUrl, name: userBadgeName } = userBadges?.[0] || {};\n  const rewardElementUrl = type === coinsBadge && rewardBadgeUrl(rewardElementName ?? '');\n\n  const badgesDataToRender = useMemo(\n    () =>\n      [\n        {\n          renderElement: doesStickersExist,\n          key: 'sticker-elements',\n          image_src: IMAGES[stickerElementName ?? 'KUDOS'],\n          image_alt: stickerElementName,\n        },\n        {\n          renderElement: doesBadgesExist,\n          key: 'badge-elements',\n          image_src: badgeImageUrl ?? '',\n          image_alt: userBadgeName,\n        },\n        {\n          renderElement: doesRewardsExist,\n          key: 'reward-elements',\n          image_src: rewardElementUrl || '',\n          image_alt: rewardElementName,\n        },\n      ].filter(item => item.renderElement),\n    [\n      badgeImageUrl,\n      doesBadgesExist,\n      doesRewardsExist,\n      doesStickersExist,\n      rewardElementName,\n      rewardElementUrl,\n      stickerElementName,\n      userBadgeName,\n    ],\n  );\n\n  if (!showRewardInfo) return null;\n\n  return (\n    <Styled.WinsWrapper $flexDirection=\"row\" $widthX={15} $heightX={3.71875}>\n      <FlexView $widthX={11.25} $flexDirection=\"row-reverse\" $heightX={3.75}>\n        {badgesDataToRender.map(badgeData => {\n          const { renderElement, key, image_src: imageSrc, image_alt: imageAlt } = badgeData;\n\n          return (\n            <Styled.WinsCardWrapper\n              key={key}\n              $alignItems=\"center\"\n              $justifyContent=\"end\"\n              $background={renderElement ? 'WHITE' : 'TRANSPARENT'}\n              $display={renderElement}\n            >\n              {renderElement && <Styled.ImageWrapper src={imageSrc} alt={imageAlt} />}\n            </Styled.WinsCardWrapper>\n          );\n        })}\n      </FlexView>\n\n      <Styled.AllWinsWrapper\n        $alignItems=\"center\"\n        $justifyContent=\"flex-end\"\n        $flexGap={2}\n        $widthX={3.75}\n        $background=\"WHITE\"\n      >\n        <IconButton\n          Icon={NextIcon}\n          size=\"xsmall\"\n          renderAs=\"secondary\"\n          analyticsLabel=\"All wins\"\n          customBgColor=\"TRANSPARENT\"\n          onClick={onWinsClick}\n        />\n        <Text $renderAs=\"ub3\">All wins</Text>\n      </Styled.AllWinsWrapper>\n    </Styled.WinsWrapper>\n  );\n};\n\nexport default WinsPreview;\n"],"names":["coinsBadge","WinsPreview","onWinsClick","rewardsHome","userBadges","userStickers","userRewards","doesRewardsExist","isNonEmptyArray","doesBadgesExist","doesStickersExist","rewardElements","useMemo","item","showRewardInfo","aggregateFor","rewardElementName","type","stickerElementName","badgeImageUrl","userBadgeName","rewardElementUrl","rewardBadgeUrl","badgesDataToRender","IMAGES","jsxs","Styled.WinsWrapper","jsx","FlexView","badgeData","renderElement","key","imageSrc","imageAlt","Styled.WinsCardWrapper","Styled.ImageWrapper","Styled.AllWinsWrapper","IconButton","NextIcon","Text"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAa,eAEbC,IAAqC,CAAC,EAAE,aAAAC,GAAa,aAAAC,QAAkB;AACrE,QAAA;AAAA,IACJ,aAAaC;AAAA,IACb,eAAeC;AAAA,IACf,cAAcC;AAAA,EACZ,IAAAH,GAEEI,IAAmBC,EAAgBF,CAAW,GAC9CG,IAAkBD,EAAgBJ,CAAU,GAC5CM,IAAoBF,EAAgBH,CAAY,GAEhDM,IAAiBC;AAAA,IACrB,MAAMN,KAAA,gBAAAA,EAAa,OAAO,OAAQO,EAAK,cAAc,SAASb;AAAA,IAC9D,CAACM,CAAW;AAAA,EAAA,GAERQ,IAAiBL,KAAmBF,KAAoBG,GAExD,EAAE,eAAeK,EAAA,KAAiBJ,KAAA,gBAAAA,EAAiB,OAAM,IACzD,EAAE,MAAMK,GAAmB,MAAAC,EAAK,IAAIF,KAAgB,CAAA,GAEpD,EAAE,MAAMG,EAAA,KAAuBb,KAAA,gBAAAA,EAAe,OAAM,IACpD,EAAE,WAAWc,GAAe,MAAMC,OAAkBhB,KAAA,gBAAAA,EAAa,OAAM,IACvEiB,IAAmBJ,MAASjB,KAAcsB,EAAeN,KAAqB,EAAE,GAEhFO,IAAqBX;AAAA,IACzB,MACE;AAAA,MACE;AAAA,QACE,eAAeF;AAAA,QACf,KAAK;AAAA,QACL,WAAWc,EAAON,KAAsB,OAAO;AAAA,QAC/C,WAAWA;AAAA,MACb;AAAA,MACA;AAAA,QACE,eAAeT;AAAA,QACf,KAAK;AAAA,QACL,WAAWU,KAAiB;AAAA,QAC5B,WAAWC;AAAA,MACb;AAAA,MACA;AAAA,QACE,eAAeb;AAAA,QACf,KAAK;AAAA,QACL,WAAWc,KAAoB;AAAA,QAC/B,WAAWL;AAAA,MACb;AAAA,IACA,EAAA,OAAO,CAAQH,MAAAA,EAAK,aAAa;AAAA,IACrC;AAAA,MACEM;AAAA,MACAV;AAAA,MACAF;AAAA,MACAG;AAAA,MACAM;AAAA,MACAK;AAAA,MACAH;AAAA,MACAE;AAAA,IACF;AAAA,EAAA;AAGE,SAACN,IAGH,gBAAAW,EAACC,GAAA,EAAmB,gBAAe,OAAM,SAAS,IAAI,UAAU,SAC9D,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,SAAS,OAAO,gBAAe,eAAc,UAAU,MAC9D,UAAmBL,EAAA,IAAI,CAAaM,MAAA;AACnC,YAAM,EAAE,eAAAC,GAAe,KAAAC,GAAK,WAAWC,GAAU,WAAWC,EAAa,IAAAJ;AAGvE,aAAA,gBAAAF;AAAA,QAACO;AAAAA,QAAA;AAAA,UAEC,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,aAAaJ,IAAgB,UAAU;AAAA,UACvC,UAAUA;AAAA,UAET,UAAAA,uBAAkBK,GAAA,EAAoB,KAAKH,GAAU,KAAKC,GAAU;AAAA,QAAA;AAAA,QANhEF;AAAA,MAAA;AAAA,IASV,CAAA,GACH;AAAA,IAEA,gBAAAN;AAAA,MAACW;AAAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAT;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,MAAMC;AAAA,cACN,MAAK;AAAA,cACL,UAAS;AAAA,cACT,gBAAe;AAAA,cACf,eAAc;AAAA,cACd,SAASpC;AAAA,YAAA;AAAA,UACX;AAAA,UACC,gBAAAyB,EAAAY,GAAA,EAAK,WAAU,OAAM,UAAQ,YAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAChC;AAAA,EACF,EAAA,CAAA,IAvC0B;AAyC9B;"}
+{"version":3,"file":"wins-preview.js","sources":["../../../../src/features/student-details/wins-preview/wins-preview.tsx"],"sourcesContent":["import { useMemo, type FC } from 'react';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport NextIcon from '../../../assets/line-icons/icons/next';\nimport { rewardBadgeUrl } from '../../sheets/sheets-list/sheet-item/reward-n-actions/reward-n-actions-utils';\nimport IconButton from '../../ui/buttons/icon-button/icon-button';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { isNonEmptyArray } from '../../utils/utils';\nimport * as Styled from './wins-preview-styled';\nimport type { IWinsPreviewProps } from './wins-preview-types';\n\nconst coinsBadge = 'coins_badge';\n\nconst WinsPreview: FC<IWinsPreviewProps> = ({ onWinsClick, rewardsHome }) => {\n  const {\n    user_badges: userBadges,\n    user_stickers: userStickers,\n    user_rewards: userRewards,\n  } = rewardsHome;\n\n  const doesRewardsExist = isNonEmptyArray(userRewards);\n  const doesBadgesExist = isNonEmptyArray(userBadges);\n  const doesStickersExist = isNonEmptyArray(userStickers);\n\n  const rewardElements = useMemo(\n    () => userRewards?.filter(item => item.aggregate_for.type === coinsBadge),\n    [userRewards],\n  );\n  const showRewardInfo = doesBadgesExist || doesRewardsExist || doesStickersExist;\n\n  const { aggregate_for: aggregateFor } = rewardElements?.[0] || {};\n  const { name: rewardElementName, type } = aggregateFor || {};\n\n  const { name: stickerElementName } = userStickers?.[0] || {};\n  const { image_url: badgeImageUrl, name: userBadgeName } = userBadges?.[0] || {};\n  const rewardElementUrl = type === coinsBadge && rewardBadgeUrl(rewardElementName ?? '');\n\n  const badgesDataToRender = useMemo(\n    () =>\n      [\n        {\n          renderElement: doesStickersExist,\n          key: 'sticker-elements',\n          image_src: IMAGES[stickerElementName ?? 'KUDOS'],\n          image_alt: stickerElementName,\n        },\n        {\n          renderElement: doesBadgesExist,\n          key: 'badge-elements',\n          image_src: badgeImageUrl ?? '',\n          image_alt: userBadgeName,\n        },\n        {\n          renderElement: doesRewardsExist,\n          key: 'reward-elements',\n          image_src: rewardElementUrl || '',\n          image_alt: rewardElementName,\n        },\n      ].filter(item => item.renderElement),\n    [\n      badgeImageUrl,\n      doesBadgesExist,\n      doesRewardsExist,\n      doesStickersExist,\n      rewardElementName,\n      rewardElementUrl,\n      stickerElementName,\n      userBadgeName,\n    ],\n  );\n\n  if (!showRewardInfo) return null;\n\n  return (\n    <Styled.WinsWrapper $flexDirection=\"row\" $widthX={15} $heightX={3.71875}>\n      <FlexView $widthX={11.25} $flexDirection=\"row-reverse\" $heightX={3.75}>\n        {badgesDataToRender.map(badgeData => {\n          const { renderElement, key, image_src: imageSrc, image_alt: imageAlt } = badgeData;\n\n          return (\n            <Styled.WinsCardWrapper\n              key={key}\n              $alignItems=\"center\"\n              $justifyContent=\"end\"\n              $background={renderElement ? 'WHITE' : 'TRANSPARENT'}\n              $display={renderElement}\n            >\n              {renderElement && <Styled.ImageWrapper src={imageSrc} alt={imageAlt} />}\n            </Styled.WinsCardWrapper>\n          );\n        })}\n      </FlexView>\n\n      <Styled.AllWinsWrapper\n        $alignItems=\"center\"\n        $justifyContent=\"flex-end\"\n        $flexGap={2}\n        $widthX={3.75}\n        $background=\"WHITE\"\n      >\n        <IconButton\n          Icon={NextIcon}\n          size=\"xsmall\"\n          renderAs=\"secondary\"\n          analyticsLabel=\"All wins\"\n          customBgColor=\"TRANSPARENT\"\n          onClick={onWinsClick}\n        />\n        <Text $renderAs=\"ub4\">All wins</Text>\n      </Styled.AllWinsWrapper>\n    </Styled.WinsWrapper>\n  );\n};\n\nexport default WinsPreview;\n"],"names":["coinsBadge","WinsPreview","onWinsClick","rewardsHome","userBadges","userStickers","userRewards","doesRewardsExist","isNonEmptyArray","doesBadgesExist","doesStickersExist","rewardElements","useMemo","item","showRewardInfo","aggregateFor","rewardElementName","type","stickerElementName","badgeImageUrl","userBadgeName","rewardElementUrl","rewardBadgeUrl","badgesDataToRender","IMAGES","jsxs","Styled.WinsWrapper","jsx","FlexView","badgeData","renderElement","key","imageSrc","imageAlt","Styled.WinsCardWrapper","Styled.ImageWrapper","Styled.AllWinsWrapper","IconButton","NextIcon","Text"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAa,eAEbC,IAAqC,CAAC,EAAE,aAAAC,GAAa,aAAAC,QAAkB;AACrE,QAAA;AAAA,IACJ,aAAaC;AAAA,IACb,eAAeC;AAAA,IACf,cAAcC;AAAA,EACZ,IAAAH,GAEEI,IAAmBC,EAAgBF,CAAW,GAC9CG,IAAkBD,EAAgBJ,CAAU,GAC5CM,IAAoBF,EAAgBH,CAAY,GAEhDM,IAAiBC;AAAA,IACrB,MAAMN,KAAA,gBAAAA,EAAa,OAAO,OAAQO,EAAK,cAAc,SAASb;AAAA,IAC9D,CAACM,CAAW;AAAA,EAAA,GAERQ,IAAiBL,KAAmBF,KAAoBG,GAExD,EAAE,eAAeK,EAAA,KAAiBJ,KAAA,gBAAAA,EAAiB,OAAM,IACzD,EAAE,MAAMK,GAAmB,MAAAC,EAAK,IAAIF,KAAgB,CAAA,GAEpD,EAAE,MAAMG,EAAA,KAAuBb,KAAA,gBAAAA,EAAe,OAAM,IACpD,EAAE,WAAWc,GAAe,MAAMC,OAAkBhB,KAAA,gBAAAA,EAAa,OAAM,IACvEiB,IAAmBJ,MAASjB,KAAcsB,EAAeN,KAAqB,EAAE,GAEhFO,IAAqBX;AAAA,IACzB,MACE;AAAA,MACE;AAAA,QACE,eAAeF;AAAA,QACf,KAAK;AAAA,QACL,WAAWc,EAAON,KAAsB,OAAO;AAAA,QAC/C,WAAWA;AAAA,MACb;AAAA,MACA;AAAA,QACE,eAAeT;AAAA,QACf,KAAK;AAAA,QACL,WAAWU,KAAiB;AAAA,QAC5B,WAAWC;AAAA,MACb;AAAA,MACA;AAAA,QACE,eAAeb;AAAA,QACf,KAAK;AAAA,QACL,WAAWc,KAAoB;AAAA,QAC/B,WAAWL;AAAA,MACb;AAAA,IACA,EAAA,OAAO,CAAQH,MAAAA,EAAK,aAAa;AAAA,IACrC;AAAA,MACEM;AAAA,MACAV;AAAA,MACAF;AAAA,MACAG;AAAA,MACAM;AAAA,MACAK;AAAA,MACAH;AAAA,MACAE;AAAA,IACF;AAAA,EAAA;AAGE,SAACN,IAGH,gBAAAW,EAACC,GAAA,EAAmB,gBAAe,OAAM,SAAS,IAAI,UAAU,SAC9D,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAS,SAAS,OAAO,gBAAe,eAAc,UAAU,MAC9D,UAAmBL,EAAA,IAAI,CAAaM,MAAA;AACnC,YAAM,EAAE,eAAAC,GAAe,KAAAC,GAAK,WAAWC,GAAU,WAAWC,EAAa,IAAAJ;AAGvE,aAAA,gBAAAF;AAAA,QAACO;AAAAA,QAAA;AAAA,UAEC,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAChB,aAAaJ,IAAgB,UAAU;AAAA,UACvC,UAAUA;AAAA,UAET,UAAAA,uBAAkBK,GAAA,EAAoB,KAAKH,GAAU,KAAKC,GAAU;AAAA,QAAA;AAAA,QANhEF;AAAA,MAAA;AAAA,IASV,CAAA,GACH;AAAA,IAEA,gBAAAN;AAAA,MAACW;AAAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAT;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,MAAMC;AAAA,cACN,MAAK;AAAA,cACL,UAAS;AAAA,cACT,gBAAe;AAAA,cACf,eAAc;AAAA,cACd,SAASpC;AAAA,YAAA;AAAA,UACX;AAAA,UACC,gBAAAyB,EAAAY,GAAA,EAAK,WAAU,OAAM,UAAQ,YAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAChC;AAAA,EACF,EAAA,CAAA,IAvC0B;AAyC9B;"}

package/dist/features/talk-meter/talk-meter-view/talk-meter-view.js

@@ -29,15 +29,15 @@ const p = {
       $borderColor: "GREY_2",
       $borderRadius: 12,
       children: [
-        /* @__PURE__ */ e(o, { $renderAs: "ub3-bold", $align: "center", children: "50:50 TALK METER" }),
+        /* @__PURE__ */ e(o, { $renderAs: "ub4-bold", $align: "center", children: "50:50 TALK METER" }),
         /* @__PURE__ */ e(T, { height: 8 }),
         /* @__PURE__ */ r(t, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
           /* @__PURE__ */ r(t, { $flexDirection: "row", $justifyContent: "center", $alignItems: "center", $flexGap: 4, children: [
             /* @__PURE__ */ e($, { src: a.ALIEN_4, width: 20, height: 20, withLoader: !0 }),
-            /* @__PURE__ */ e(o, { $renderAs: "ub3-bold", $color: "BLACK", children: d ? h : "You" })
+            /* @__PURE__ */ e(o, { $renderAs: "ub4-bold", $color: "BLACK", children: d ? h : "You" })
           ] }),
           /* @__PURE__ */ r(t, { $flexDirection: "row", $justifyContent: "center", $alignItems: "center", $flexGap: 4, children: [
-            /* @__PURE__ */ e(o, { $renderAs: "ub3-bold", $color: "BLACK", children: d ? "You" : u }),
+            /* @__PURE__ */ e(o, { $renderAs: "ub4-bold", $color: "BLACK", children: d ? "You" : u }),
             /* @__PURE__ */ e(
               $,
               {
@@ -91,7 +91,7 @@ const p = {
       $borderColor: "GREY_2",
       $alignItems: "center",
       $justifyContent: "center",
-      children: /* @__PURE__ */ e(o, { $renderAs: "ub3-bold", $color: "BLACK", children: "Oops! There was insufficient data to calculate your Talk Ratio." })
+      children: /* @__PURE__ */ e(o, { $renderAs: "ub4-bold", $color: "BLACK", children: "Oops! There was insufficient data to calculate your Talk Ratio." })
     }
   );
 });

package/dist/features/talk-meter/talk-meter-view/talk-meter-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"talk-meter-view.js","sources":["../../../../src/features/talk-meter/talk-meter-view/talk-meter-view.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\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 type { TUserTypes } from '../../ui/types';\nimport { getMeterColor } from '../helper';\nimport * as Styled from './talk-meter-view-styled';\n\nconst GENDER = {\n  MALE: 'MALE',\n  FEMALE: 'FEMALE',\n  OTHER: 'OTHER',\n};\n\ninterface ITalkMeterView {\n  stdName?: string;\n  tchName?: string;\n  stdRatio: number;\n  tchRatio: number;\n  tchGender: keyof typeof GENDER;\n  userType: TUserTypes;\n}\n\nconst TalkMeterView: FC<ITalkMeterView> = memo(function TalkMeterView(props) {\n  const {\n    stdName = 'Student',\n    tchName = 'Teacher',\n    stdRatio,\n    tchRatio,\n    tchGender,\n    userType,\n  } = props;\n  const colors = getMeterColor(stdRatio);\n  const diff = Math.abs(tchRatio - stdRatio);\n  const isValid = tchRatio > 0 && stdRatio > 0 && diff < 95;\n  const isTeacher = userType === 'TEACHER';\n\n  if (!isValid) {\n    return (\n      <Styled.MeterWrapper\n        $gap={12}\n        $gutter={12}\n        $borderRadius={12}\n        $background=\"WHITE\"\n        $borderColor=\"GREY_2\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n      >\n        <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n          Oops! There was insufficient data to calculate your Talk Ratio.\n        </Text>\n      </Styled.MeterWrapper>\n    );\n  }\n\n  return (\n    <Styled.MeterWrapper\n      $gap={12}\n      $gutter={12}\n      $background=\"WHITE\"\n      $borderColor=\"GREY_2\"\n      $borderRadius={12}\n    >\n      <Text $renderAs=\"ub3-bold\" $align=\"center\">\n        50:50 TALK METER\n      </Text>\n\n      <Separator height={8} />\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\" $flexGap={4}>\n          <Image src={ILLUSTRATIONS.ALIEN_4} width={20} height={20} withLoader />\n          <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n            {isTeacher ? stdName : 'You'}\n          </Text>\n        </FlexView>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\" $flexGap={4}>\n          <Text $renderAs=\"ub3-bold\" $color=\"BLACK\">\n            {isTeacher ? 'You' : tchName}\n          </Text>\n          <Image\n            src={\n              tchGender === GENDER.MALE ? ILLUSTRATIONS.MALE_AVATAR : ILLUSTRATIONS.FEMALE_AVATAR\n            }\n            width={20}\n            height={20}\n            withLoader\n          />\n        </FlexView>\n      </FlexView>\n      <FlexView $flexDirection=\"row\" $gap={4}>\n        <FlexView\n          $height={8}\n          $width={`${stdRatio}%`}\n          $borderRadius={4}\n          $background={colors.STUDENT}\n        />\n        <FlexView\n          $height={8}\n          $width={`${tchRatio}%`}\n          $borderRadius={4}\n          $background={colors.TEACHER}\n        />\n      </FlexView>\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <Text $renderAs=\"ab2-black\" $color={colors.STUDENT}>\n          {stdRatio} %\n        </Text>\n        <Text $renderAs=\"ab2-black\" $color={colors.TEACHER}>\n          {tchRatio} %\n        </Text>\n      </FlexView>\n    </Styled.MeterWrapper>\n  );\n});\n\nexport default TalkMeterView;\n"],"names":["GENDER","TalkMeterView","memo","props","stdName","tchName","stdRatio","tchRatio","tchGender","userType","colors","getMeterColor","diff","isValid","isTeacher","jsxs","Styled.MeterWrapper","jsx","Text","Separator","FlexView","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAS;AAAA,EACb,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,GAWMC,IAAoCC,EAAK,SAAuBC,GAAO;AACrE,QAAA;AAAA,IACJ,SAAAC,IAAU;AAAA,IACV,SAAAC,IAAU;AAAA,IACV,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAN,GACEO,IAASC,EAAcL,CAAQ,GAC/BM,IAAO,KAAK,IAAIL,IAAWD,CAAQ,GACnCO,IAAUN,IAAW,KAAKD,IAAW,KAAKM,IAAO,IACjDE,IAAYL,MAAa;AAE/B,SAAKI,IAmBH,gBAAAE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,eAAe;AAAA,MAEf,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,YAAW,QAAO,UAAS,UAE3C,oBAAA;AAAA,QAEA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,0BACrBC,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA;AAAA,UAAC,gBAAAL,EAAAK,GAAA,EAAS,gBAAe,OAAM,iBAAgB,UAAS,aAAY,UAAS,UAAU,GACrF,UAAA;AAAA,YAAC,gBAAAH,EAAAI,GAAA,EAAM,KAAKC,EAAc,SAAS,OAAO,IAAI,QAAQ,IAAI,YAAU,GAAC,CAAA;AAAA,YACrE,gBAAAL,EAACC,KAAK,WAAU,YAAW,QAAO,SAC/B,UAAAJ,IAAYV,IAAU,MACzB,CAAA;AAAA,UAAA,GACF;AAAA,UACA,gBAAAW,EAACK,KAAS,gBAAe,OAAM,iBAAgB,UAAS,aAAY,UAAS,UAAU,GACrF,UAAA;AAAA,YAAA,gBAAAH,EAACC,KAAK,WAAU,YAAW,QAAO,SAC/B,UAAAJ,IAAY,QAAQT,EACvB,CAAA;AAAA,YACA,gBAAAY;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,KACEb,MAAcR,EAAO,OAAOsB,EAAc,cAAcA,EAAc;AAAA,gBAExE,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,YAAU;AAAA,cAAA;AAAA,YACZ;AAAA,UAAA,GACF;AAAA,QAAA,GACF;AAAA,QACC,gBAAAP,EAAAK,GAAA,EAAS,gBAAe,OAAM,MAAM,GACnC,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,QAAQ,GAAGd,CAAQ;AAAA,cACnB,eAAe;AAAA,cACf,aAAaI,EAAO;AAAA,YAAA;AAAA,UACtB;AAAA,UACA,gBAAAO;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,QAAQ,GAAGb,CAAQ;AAAA,cACnB,eAAe;AAAA,cACf,aAAaG,EAAO;AAAA,YAAA;AAAA,UACtB;AAAA,QAAA,GACF;AAAA,0BACCU,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA;AAAA,UAAA,gBAAAL,EAACG,GAAK,EAAA,WAAU,aAAY,QAAQR,EAAO,SACxC,UAAA;AAAA,YAAAJ;AAAA,YAAS;AAAA,UAAA,GACZ;AAAA,4BACCY,GAAK,EAAA,WAAU,aAAY,QAAQR,EAAO,SACxC,UAAA;AAAA,YAAAH;AAAA,YAAS;AAAA,UAAA,GACZ;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAvEA,gBAAAU;AAAA,IAACD;AAAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,aAAY;AAAA,MACZ,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAEhB,4BAACE,GAAK,EAAA,WAAU,YAAW,QAAO,SAAQ,UAE1C,mEAAA;AAAA,IAAA;AAAA,EAAA;AA+DR,CAAC;"}
+{"version":3,"file":"talk-meter-view.js","sources":["../../../../src/features/talk-meter/talk-meter-view/talk-meter-view.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\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 type { TUserTypes } from '../../ui/types';\nimport { getMeterColor } from '../helper';\nimport * as Styled from './talk-meter-view-styled';\n\nconst GENDER = {\n  MALE: 'MALE',\n  FEMALE: 'FEMALE',\n  OTHER: 'OTHER',\n};\n\ninterface ITalkMeterView {\n  stdName?: string;\n  tchName?: string;\n  stdRatio: number;\n  tchRatio: number;\n  tchGender: keyof typeof GENDER;\n  userType: TUserTypes;\n}\n\nconst TalkMeterView: FC<ITalkMeterView> = memo(function TalkMeterView(props) {\n  const {\n    stdName = 'Student',\n    tchName = 'Teacher',\n    stdRatio,\n    tchRatio,\n    tchGender,\n    userType,\n  } = props;\n  const colors = getMeterColor(stdRatio);\n  const diff = Math.abs(tchRatio - stdRatio);\n  const isValid = tchRatio > 0 && stdRatio > 0 && diff < 95;\n  const isTeacher = userType === 'TEACHER';\n\n  if (!isValid) {\n    return (\n      <Styled.MeterWrapper\n        $gap={12}\n        $gutter={12}\n        $borderRadius={12}\n        $background=\"WHITE\"\n        $borderColor=\"GREY_2\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n      >\n        <Text $renderAs=\"ub4-bold\" $color=\"BLACK\">\n          Oops! There was insufficient data to calculate your Talk Ratio.\n        </Text>\n      </Styled.MeterWrapper>\n    );\n  }\n\n  return (\n    <Styled.MeterWrapper\n      $gap={12}\n      $gutter={12}\n      $background=\"WHITE\"\n      $borderColor=\"GREY_2\"\n      $borderRadius={12}\n    >\n      <Text $renderAs=\"ub4-bold\" $align=\"center\">\n        50:50 TALK METER\n      </Text>\n\n      <Separator height={8} />\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\" $flexGap={4}>\n          <Image src={ILLUSTRATIONS.ALIEN_4} width={20} height={20} withLoader />\n          <Text $renderAs=\"ub4-bold\" $color=\"BLACK\">\n            {isTeacher ? stdName : 'You'}\n          </Text>\n        </FlexView>\n        <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\" $flexGap={4}>\n          <Text $renderAs=\"ub4-bold\" $color=\"BLACK\">\n            {isTeacher ? 'You' : tchName}\n          </Text>\n          <Image\n            src={\n              tchGender === GENDER.MALE ? ILLUSTRATIONS.MALE_AVATAR : ILLUSTRATIONS.FEMALE_AVATAR\n            }\n            width={20}\n            height={20}\n            withLoader\n          />\n        </FlexView>\n      </FlexView>\n      <FlexView $flexDirection=\"row\" $gap={4}>\n        <FlexView\n          $height={8}\n          $width={`${stdRatio}%`}\n          $borderRadius={4}\n          $background={colors.STUDENT}\n        />\n        <FlexView\n          $height={8}\n          $width={`${tchRatio}%`}\n          $borderRadius={4}\n          $background={colors.TEACHER}\n        />\n      </FlexView>\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <Text $renderAs=\"ab2-black\" $color={colors.STUDENT}>\n          {stdRatio} %\n        </Text>\n        <Text $renderAs=\"ab2-black\" $color={colors.TEACHER}>\n          {tchRatio} %\n        </Text>\n      </FlexView>\n    </Styled.MeterWrapper>\n  );\n});\n\nexport default TalkMeterView;\n"],"names":["GENDER","TalkMeterView","memo","props","stdName","tchName","stdRatio","tchRatio","tchGender","userType","colors","getMeterColor","diff","isValid","isTeacher","jsxs","Styled.MeterWrapper","jsx","Text","Separator","FlexView","Image","ILLUSTRATIONS"],"mappings":"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"}

package/dist/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal.js

@@ -16,7 +16,7 @@ const m = ({ onClose: l }) => /* @__PURE__ */ t(r, { children: [
     /* @__PURE__ */ t(r, { children: [
       /* @__PURE__ */ e(o, { $renderAs: "ab1-bold", children: "Introducing: Enhanced Progress Tracking" }),
       /* @__PURE__ */ e(n, { height: 4 }),
-      /* @__PURE__ */ e(o, { $renderAs: "ub1", children: "View your student's complete learning journey all in one place. Here’s what’s new:" })
+      /* @__PURE__ */ e(o, { $renderAs: "ub2", children: "View your student's complete learning journey all in one place. Here’s what’s new:" })
     ] }),
     /* @__PURE__ */ e(n, { heightX: 1.5 }),
     h.map((i, c) => /* @__PURE__ */ t(
@@ -28,8 +28,8 @@ const m = ({ onClose: l }) => /* @__PURE__ */ t(r, { children: [
         children: [
           /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(s, { src: i.icon, width: 32, height: 32 }) }),
           /* @__PURE__ */ t(r, { $gutter: 4, $flex: 1, children: [
-            /* @__PURE__ */ e(o, { $renderAs: "ub1-bold", children: i.title }),
-            /* @__PURE__ */ e(o, { $renderAs: "ub1", children: i.description }),
+            /* @__PURE__ */ e(o, { $renderAs: "ub2-bold", children: i.title }),
+            /* @__PURE__ */ e(o, { $renderAs: "ub2", children: i.description }),
             /* @__PURE__ */ e(n, { heightX: 1.5 })
           ] })
         ]

package/dist/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"new-progress-intro-modal.js","sources":["../../../../../src/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Image from '../../../ui/image/image';\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Text from '../../../ui/text/text';\nimport { PROGRESS_INFO } from './new-progress-intro-modal-constants';\nimport Button from '../../../ui/buttons/button/button';\n\nconst NewProgressIntroModal = ({ onClose }: { onClose: () => void }) => {\n  return (\n    <FlexView>\n      <FlexView $background=\"PURPLE_4\" $alignItems=\"center\" $justifyContent=\"center\">\n        <Separator heightX={1.5} />\n        <FlexView $gutterX={1.5} $alignItems=\"center\" $justifyContent=\"center\" $gap={50}>\n          <Image src={ILLUSTRATIONS.PROGRESS_BAR_PURPLE} />\n        </FlexView>\n      </FlexView>\n      <FlexView $gutterX={2} $gapX={1.5}>\n        <FlexView>\n          <Text $renderAs=\"ab1-bold\">Introducing: Enhanced Progress Tracking</Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ub1\">\n            View your student's complete learning journey all in one place. Here’s what’s new:\n          </Text>\n        </FlexView>\n        <Separator heightX={1.5} />\n        {PROGRESS_INFO.map((item, index) => (\n          <FlexView\n            key={`progress-info-${index}`}\n            $flexDirection=\"row\"\n            $alignItems=\"flex-start\"\n            $flexGapX={0.5}\n          >\n            <FlexView>\n              <Image src={item.icon} width={32} height={32} />\n            </FlexView>\n            <FlexView $gutter={4} $flex={1}>\n              <Text $renderAs=\"ub1-bold\">{item.title}</Text>\n              <Text $renderAs=\"ub1\">{item.description}</Text>\n              <Separator heightX={1.5} />\n            </FlexView>\n          </FlexView>\n        ))}\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\" $gapX={0.5}>\n          <Button\n            width={240}\n            label=\"View progress\"\n            renderAs=\"black\"\n            shape=\"square\"\n            onClick={onClose}\n          />\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(NewProgressIntroModal);\n"],"names":["NewProgressIntroModal","onClose","FlexView","jsxs","jsx","Separator","Image","ILLUSTRATIONS","Text","PROGRESS_INFO","item","index","Button","newProgressIntroModal","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAwB,CAAC,EAAE,SAAAC,0BAE5BC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,KAAS,aAAY,YAAW,aAAY,UAAS,iBAAgB,UACpE,UAAA;AAAA,IAAC,gBAAAE,EAAAC,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAD,EAAAF,GAAA,EAAS,UAAU,KAAK,aAAY,UAAS,iBAAgB,UAAS,MAAM,IAC3E,UAAC,gBAAAE,EAAAE,GAAA,EAAM,KAAKC,EAAc,oBAAqB,CAAA,GACjD;AAAA,EAAA,GACF;AAAA,EACC,gBAAAJ,EAAAD,GAAA,EAAS,UAAU,GAAG,OAAO,KAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAE,EAAAI,GAAA,EAAK,WAAU,YAAW,UAAuC,2CAAA;AAAA,MAClE,gBAAAJ,EAACC,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,MACrB,gBAAAD,EAAAI,GAAA,EAAK,WAAU,OAAM,UAEtB,sFAAA;AAAA,IAAA,GACF;AAAA,IACA,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxBI,EAAc,IAAI,CAACC,GAAMC,MACxB,gBAAAR;AAAA,MAACD;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,WAAW;AAAA,QAEX,UAAA;AAAA,UAAC,gBAAAE,EAAAF,GAAA,EACC,UAAC,gBAAAE,EAAAE,GAAA,EAAM,KAAKI,EAAK,MAAM,OAAO,IAAI,QAAQ,GAAA,CAAI,EAChD,CAAA;AAAA,UACC,gBAAAP,EAAAD,GAAA,EAAS,SAAS,GAAG,OAAO,GAC3B,UAAA;AAAA,YAAA,gBAAAE,EAACI,GAAK,EAAA,WAAU,YAAY,UAAAE,EAAK,OAAM;AAAA,YACtC,gBAAAN,EAAAI,GAAA,EAAK,WAAU,OAAO,YAAK,aAAY;AAAA,YACxC,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,UAAA,GAC3B;AAAA,QAAA;AAAA,MAAA;AAAA,MAZK,iBAAiBM,CAAK;AAAA,IAAA,CAc9B;AAAA,sBACAT,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,OAAO,KAC7D,UAAA,gBAAAE;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASX;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,EAAA,GACF;AACF,EAAA,CAAA,GAIWY,IAAAC,EAAKd,CAAqB;"}
+{"version":3,"file":"new-progress-intro-modal.js","sources":["../../../../../src/features/timeline/comps/new-progress-intro-modal/new-progress-intro-modal.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Image from '../../../ui/image/image';\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Text from '../../../ui/text/text';\nimport { PROGRESS_INFO } from './new-progress-intro-modal-constants';\nimport Button from '../../../ui/buttons/button/button';\n\nconst NewProgressIntroModal = ({ onClose }: { onClose: () => void }) => {\n  return (\n    <FlexView>\n      <FlexView $background=\"PURPLE_4\" $alignItems=\"center\" $justifyContent=\"center\">\n        <Separator heightX={1.5} />\n        <FlexView $gutterX={1.5} $alignItems=\"center\" $justifyContent=\"center\" $gap={50}>\n          <Image src={ILLUSTRATIONS.PROGRESS_BAR_PURPLE} />\n        </FlexView>\n      </FlexView>\n      <FlexView $gutterX={2} $gapX={1.5}>\n        <FlexView>\n          <Text $renderAs=\"ab1-bold\">Introducing: Enhanced Progress Tracking</Text>\n          <Separator height={4} />\n          <Text $renderAs=\"ub2\">\n            View your student's complete learning journey all in one place. Here’s what’s new:\n          </Text>\n        </FlexView>\n        <Separator heightX={1.5} />\n        {PROGRESS_INFO.map((item, index) => (\n          <FlexView\n            key={`progress-info-${index}`}\n            $flexDirection=\"row\"\n            $alignItems=\"flex-start\"\n            $flexGapX={0.5}\n          >\n            <FlexView>\n              <Image src={item.icon} width={32} height={32} />\n            </FlexView>\n            <FlexView $gutter={4} $flex={1}>\n              <Text $renderAs=\"ub2-bold\">{item.title}</Text>\n              <Text $renderAs=\"ub2\">{item.description}</Text>\n              <Separator heightX={1.5} />\n            </FlexView>\n          </FlexView>\n        ))}\n        <FlexView $alignItems=\"center\" $justifyContent=\"center\" $gapX={0.5}>\n          <Button\n            width={240}\n            label=\"View progress\"\n            renderAs=\"black\"\n            shape=\"square\"\n            onClick={onClose}\n          />\n        </FlexView>\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(NewProgressIntroModal);\n"],"names":["NewProgressIntroModal","onClose","FlexView","jsxs","jsx","Separator","Image","ILLUSTRATIONS","Text","PROGRESS_INFO","item","index","Button","newProgressIntroModal","memo"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAwB,CAAC,EAAE,SAAAC,0BAE5BC,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAACD,KAAS,aAAY,YAAW,aAAY,UAAS,iBAAgB,UACpE,UAAA;AAAA,IAAC,gBAAAE,EAAAC,GAAA,EAAU,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAD,EAAAF,GAAA,EAAS,UAAU,KAAK,aAAY,UAAS,iBAAgB,UAAS,MAAM,IAC3E,UAAC,gBAAAE,EAAAE,GAAA,EAAM,KAAKC,EAAc,oBAAqB,CAAA,GACjD;AAAA,EAAA,GACF;AAAA,EACC,gBAAAJ,EAAAD,GAAA,EAAS,UAAU,GAAG,OAAO,KAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAE,EAAAI,GAAA,EAAK,WAAU,YAAW,UAAuC,2CAAA;AAAA,MAClE,gBAAAJ,EAACC,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,MACrB,gBAAAD,EAAAI,GAAA,EAAK,WAAU,OAAM,UAEtB,sFAAA;AAAA,IAAA,GACF;AAAA,IACA,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxBI,EAAc,IAAI,CAACC,GAAMC,MACxB,gBAAAR;AAAA,MAACD;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,WAAW;AAAA,QAEX,UAAA;AAAA,UAAC,gBAAAE,EAAAF,GAAA,EACC,UAAC,gBAAAE,EAAAE,GAAA,EAAM,KAAKI,EAAK,MAAM,OAAO,IAAI,QAAQ,GAAA,CAAI,EAChD,CAAA;AAAA,UACC,gBAAAP,EAAAD,GAAA,EAAS,SAAS,GAAG,OAAO,GAC3B,UAAA;AAAA,YAAA,gBAAAE,EAACI,GAAK,EAAA,WAAU,YAAY,UAAAE,EAAK,OAAM;AAAA,YACtC,gBAAAN,EAAAI,GAAA,EAAK,WAAU,OAAO,YAAK,aAAY;AAAA,YACxC,gBAAAJ,EAACC,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,UAAA,GAC3B;AAAA,QAAA;AAAA,MAAA;AAAA,MAZK,iBAAiBM,CAAK;AAAA,IAAA,CAc9B;AAAA,sBACAT,GAAS,EAAA,aAAY,UAAS,iBAAgB,UAAS,OAAO,KAC7D,UAAA,gBAAAE;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAM;AAAA,QACN,UAAS;AAAA,QACT,OAAM;AAAA,QACN,SAASX;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,EAAA,GACF;AACF,EAAA,CAAA,GAIWY,IAAAC,EAAKd,CAAqB;"}

package/dist/features/timeline/daily-timeline/comps/accordion-item/accordion-item.js

@@ -29,8 +29,8 @@ const X = M(
     return /* @__PURE__ */ t(i, { $flexDirection: "row", $flexGapX: 1.5, children: [
       /* @__PURE__ */ o(i, { $justifyContent: "flex-end", $height: 18, $background: "WHITE", children: /* @__PURE__ */ o(i, { $background: L, $borderColor: "BLACK_1", $borderRadiusX: 0.8, children: $ && /* @__PURE__ */ o($, { width: 14, height: 14, color: S }) }) }),
       /* @__PURE__ */ t(i, { $flexRowGapX: 0.25, children: [
-        /* @__PURE__ */ t(s, { $renderAs: "ub2", $color: "BLACK_1", children: [
-          /* @__PURE__ */ t(s, { $renderAs: "ub2-bold", $inline: !0, $color: "BLACK_1", children: [
+        /* @__PURE__ */ t(s, { $renderAs: "ub3", $color: "BLACK_1", children: [
+          /* @__PURE__ */ t(s, { $renderAs: "ub3-bold", $inline: !0, $color: "BLACK_1", children: [
             x,
             ":"
           ] }),
@@ -45,8 +45,8 @@ const X = M(
             color: "BLACK_T_60",
             onClick: g
           }
-        ) : /* @__PURE__ */ o(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: a }) : /* @__PURE__ */ t(i, { $flexDirection: "row", $flexGapX: 0.75, $alignItems: "center", children: [
-          a && /* @__PURE__ */ o(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: a }),
+        ) : /* @__PURE__ */ o(s, { $renderAs: "ub4", $color: "BLACK_T_60", children: a }) : /* @__PURE__ */ t(i, { $flexDirection: "row", $flexGapX: 0.75, $alignItems: "center", children: [
+          a && /* @__PURE__ */ o(s, { $renderAs: "ub4", $color: "BLACK_T_60", children: a }),
           D && /* @__PURE__ */ o(
             p,
             {

package/dist/features/timeline/daily-timeline/comps/accordion-item/accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.js","sources":["../../../../../../src/features/timeline/daily-timeline/comps/accordion-item/accordion-item.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, type FC } from 'react';\n\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport type { IAccordionItemProps } from './accordion-item-types';\nimport { getStateConf } from '../utils';\nimport { BLOCK_TYPE } from '../../../../chapters-v2/constants/block-constants';\nimport { type TColorNames } from '../../../../ui/types';\nimport { CARD_TYPE, NODE_STATE, USER_TYPE } from '../../daily-timeline-types';\nimport { NODE_TYPES } from '../../../../../types/models/worksheet';\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../constants/app-config';\n\nconst AccordionItem: FC<IAccordionItemProps> = memo(\n  ({ type, userType, card, onPuzzleClick, onReviewClick }) => {\n    const {\n      label,\n      title,\n      state,\n      subtext,\n      user_node_id: userNodeId,\n      block_type: blockType,\n      user_block_id: userBlockId,\n      node_type: nodeType,\n      card_type: cardType,\n      mathfit_test_id: mathfitTestId,\n    } = card;\n    const isSatMockTestBlock = blockType === BLOCK_TYPE.SAT_MOCK_TEST;\n    const isPuzzleCard = nodeType === NODE_TYPES.PUZZLE_CARD;\n    const [Icon, bgColor, color] = getStateConf(state) as [\n      FC<React.SVGProps<SVGSVGElement>>,\n      TColorNames,\n      TColorNames,\n    ];\n    const isCompleted = state === NODE_STATE.COMPLETED;\n    const isMathFitNode = cardType === CARD_TYPE.MATHFIT_NODE;\n\n    const shouldShowReview = useMemo(() => {\n      if (isMathFitNode && IS_APP_RUNNING_IN_RN && isCompleted) return true;\n\n      if (type === CARD_TYPE.CIRCLE || IS_APP_RUNNING_IN_RN) return false;\n\n      if (userType === USER_TYPE.TEACHER) {\n        if (isMathFitNode && !isCompleted) return false;\n\n        return !isSatMockTestBlock || isCompleted;\n      }\n\n      if (userType === USER_TYPE.STUDENT) return isCompleted;\n\n      return false;\n    }, [type, userType, isCompleted, isMathFitNode, isSatMockTestBlock]);\n\n    const canReviewPuzzle =\n      (isCompleted && (userType === USER_TYPE.STUDENT || IS_APP_RUNNING_IN_RN)) ||\n      userType === USER_TYPE.TEACHER;\n\n    const handlePuzzleClick = useCallback(() => {\n      onPuzzleClick?.(card);\n    }, [onPuzzleClick, card]);\n\n    const handleReviewClick = useCallback(() => {\n      if (onReviewClick && userNodeId) {\n        onReviewClick(userNodeId, isSatMockTestBlock, userBlockId, mathfitTestId);\n      }\n    }, [mathfitTestId, isSatMockTestBlock, onReviewClick, userBlockId, userNodeId]);\n\n    return (\n      <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n        <FlexView $justifyContent=\"flex-end\" $height={18} $background=\"WHITE\">\n          <FlexView $background={bgColor} $borderColor=\"BLACK_1\" $borderRadiusX={0.8}>\n            {Icon && <Icon width={14} height={14} color={color} />}\n          </FlexView>\n        </FlexView>\n        <FlexView $flexRowGapX={0.25}>\n          <Text $renderAs=\"ub2\" $color=\"BLACK_1\">\n            <Text $renderAs=\"ub2-bold\" $inline $color=\"BLACK_1\">\n              {label}:\n            </Text>{' '}\n            {title}\n          </Text>\n          {isPuzzleCard ? (\n            canReviewPuzzle ? (\n              <TextButton\n                label={isCompleted ? 'View reviewed puzzle' : 'View assigned puzzle'}\n                size=\"small\"\n                color=\"BLACK_T_60\"\n                onClick={handlePuzzleClick}\n              />\n            ) : (\n              <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                {subtext}\n              </Text>\n            )\n          ) : (\n            <FlexView $flexDirection=\"row\" $flexGapX={0.75} $alignItems=\"center\">\n              {subtext && (\n                <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                  {subtext}\n                </Text>\n              )}\n              {shouldShowReview && (\n                <TextButton\n                  label=\"Review\"\n                  size=\"small\"\n                  color=\"BLACK_T_60\"\n                  onClick={handleReviewClick}\n                />\n              )}\n            </FlexView>\n          )}\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n\nexport default AccordionItem;\n"],"names":["AccordionItem","memo","type","userType","card","onPuzzleClick","onReviewClick","label","title","state","subtext","userNodeId","blockType","userBlockId","nodeType","cardType","mathfitTestId","isSatMockTestBlock","BLOCK_TYPE","isPuzzleCard","NODE_TYPES","Icon","bgColor","color","getStateConf","isCompleted","NODE_STATE","isMathFitNode","CARD_TYPE","shouldShowReview","useMemo","IS_APP_RUNNING_IN_RN","USER_TYPE","canReviewPuzzle","handlePuzzleClick","useCallback","handleReviewClick","jsxs","FlexView","jsx","Text","TextButton"],"mappings":"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"}
+{"version":3,"file":"accordion-item.js","sources":["../../../../../../src/features/timeline/daily-timeline/comps/accordion-item/accordion-item.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, type FC } from 'react';\n\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport type { IAccordionItemProps } from './accordion-item-types';\nimport { getStateConf } from '../utils';\nimport { BLOCK_TYPE } from '../../../../chapters-v2/constants/block-constants';\nimport { type TColorNames } from '../../../../ui/types';\nimport { CARD_TYPE, NODE_STATE, USER_TYPE } from '../../daily-timeline-types';\nimport { NODE_TYPES } from '../../../../../types/models/worksheet';\nimport { IS_APP_RUNNING_IN_RN } from '../../../../../constants/app-config';\n\nconst AccordionItem: FC<IAccordionItemProps> = memo(\n  ({ type, userType, card, onPuzzleClick, onReviewClick }) => {\n    const {\n      label,\n      title,\n      state,\n      subtext,\n      user_node_id: userNodeId,\n      block_type: blockType,\n      user_block_id: userBlockId,\n      node_type: nodeType,\n      card_type: cardType,\n      mathfit_test_id: mathfitTestId,\n    } = card;\n    const isSatMockTestBlock = blockType === BLOCK_TYPE.SAT_MOCK_TEST;\n    const isPuzzleCard = nodeType === NODE_TYPES.PUZZLE_CARD;\n    const [Icon, bgColor, color] = getStateConf(state) as [\n      FC<React.SVGProps<SVGSVGElement>>,\n      TColorNames,\n      TColorNames,\n    ];\n    const isCompleted = state === NODE_STATE.COMPLETED;\n    const isMathFitNode = cardType === CARD_TYPE.MATHFIT_NODE;\n\n    const shouldShowReview = useMemo(() => {\n      if (isMathFitNode && IS_APP_RUNNING_IN_RN && isCompleted) return true;\n\n      if (type === CARD_TYPE.CIRCLE || IS_APP_RUNNING_IN_RN) return false;\n\n      if (userType === USER_TYPE.TEACHER) {\n        if (isMathFitNode && !isCompleted) return false;\n\n        return !isSatMockTestBlock || isCompleted;\n      }\n\n      if (userType === USER_TYPE.STUDENT) return isCompleted;\n\n      return false;\n    }, [type, userType, isCompleted, isMathFitNode, isSatMockTestBlock]);\n\n    const canReviewPuzzle =\n      (isCompleted && (userType === USER_TYPE.STUDENT || IS_APP_RUNNING_IN_RN)) ||\n      userType === USER_TYPE.TEACHER;\n\n    const handlePuzzleClick = useCallback(() => {\n      onPuzzleClick?.(card);\n    }, [onPuzzleClick, card]);\n\n    const handleReviewClick = useCallback(() => {\n      if (onReviewClick && userNodeId) {\n        onReviewClick(userNodeId, isSatMockTestBlock, userBlockId, mathfitTestId);\n      }\n    }, [mathfitTestId, isSatMockTestBlock, onReviewClick, userBlockId, userNodeId]);\n\n    return (\n      <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n        <FlexView $justifyContent=\"flex-end\" $height={18} $background=\"WHITE\">\n          <FlexView $background={bgColor} $borderColor=\"BLACK_1\" $borderRadiusX={0.8}>\n            {Icon && <Icon width={14} height={14} color={color} />}\n          </FlexView>\n        </FlexView>\n        <FlexView $flexRowGapX={0.25}>\n          <Text $renderAs=\"ub3\" $color=\"BLACK_1\">\n            <Text $renderAs=\"ub3-bold\" $inline $color=\"BLACK_1\">\n              {label}:\n            </Text>{' '}\n            {title}\n          </Text>\n          {isPuzzleCard ? (\n            canReviewPuzzle ? (\n              <TextButton\n                label={isCompleted ? 'View reviewed puzzle' : 'View assigned puzzle'}\n                size=\"small\"\n                color=\"BLACK_T_60\"\n                onClick={handlePuzzleClick}\n              />\n            ) : (\n              <Text $renderAs=\"ub4\" $color=\"BLACK_T_60\">\n                {subtext}\n              </Text>\n            )\n          ) : (\n            <FlexView $flexDirection=\"row\" $flexGapX={0.75} $alignItems=\"center\">\n              {subtext && (\n                <Text $renderAs=\"ub4\" $color=\"BLACK_T_60\">\n                  {subtext}\n                </Text>\n              )}\n              {shouldShowReview && (\n                <TextButton\n                  label=\"Review\"\n                  size=\"small\"\n                  color=\"BLACK_T_60\"\n                  onClick={handleReviewClick}\n                />\n              )}\n            </FlexView>\n          )}\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n\nexport default AccordionItem;\n"],"names":["AccordionItem","memo","type","userType","card","onPuzzleClick","onReviewClick","label","title","state","subtext","userNodeId","blockType","userBlockId","nodeType","cardType","mathfitTestId","isSatMockTestBlock","BLOCK_TYPE","isPuzzleCard","NODE_TYPES","Icon","bgColor","color","getStateConf","isCompleted","NODE_STATE","isMathFitNode","CARD_TYPE","shouldShowReview","useMemo","IS_APP_RUNNING_IN_RN","USER_TYPE","canReviewPuzzle","handlePuzzleClick","useCallback","handleReviewClick","jsxs","FlexView","jsx","Text","TextButton"],"mappings":"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"}

package/dist/features/timeline/monthly-timeline/comps/monthly-card/monthly-card.js

@@ -41,7 +41,7 @@ const X = ({
       $heightX: 4.5,
       children: [
         /* @__PURE__ */ l(u, { src: L.NO_REPORT, alt: "report icon", withLoader: !0, width: 32, height: 32 }),
-        /* @__PURE__ */ l(_, { $renderAs: "ub2", $color: "BLACK_1", children: "Report unavailable - no activity this month." })
+        /* @__PURE__ */ l(_, { $renderAs: "ub3", $color: "BLACK_1", children: "Report unavailable - no activity this month." })
       ]
     }
   ) : /* @__PURE__ */ l(
@@ -71,7 +71,7 @@ const X = ({
             children: [
               /* @__PURE__ */ a(t, { $flexDirection: "row", $alignItems: "center", $flexGapX: 0.5, $gutterX: 1, children: [
                 /* @__PURE__ */ l(u, { src: n.icon, alt: "report icon", withLoader: !0, width: 32, height: 32 }),
-                /* @__PURE__ */ l(_, { $renderAs: "ub2-bold", $color: "WHITE", children: n.label })
+                /* @__PURE__ */ l(_, { $renderAs: "ub3-bold", $color: "WHITE", children: n.label })
               ] }),
               /* @__PURE__ */ l(t, { $gutterX: 0.75, children: /* @__PURE__ */ l(E, { width: 24, height: 24, color: "WHITE" }) })
             ]