@cuemath/leap 4.0.2 → 4.0.3

package/dist/features/parent-dashboard/comps/billing-information/billing-information.js.map

@@ -1 +1 @@
-{"version":3,"file":"billing-information.js","sources":["../../../../../src/features/parent-dashboard/comps/billing-information/billing-information.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport ContextMenu from '../../../ui/context-menu/context-menu';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './billing-information-styled';\nimport { type IBillingInformationProps } from './billing-information-types';\n\nconst BillingInformation: FC<IBillingInformationProps> = memo(function BillingInformation({\n  billingDetails,\n  onViewPaymentMethod,\n  onCancelSubscription,\n}) {\n  const { amount, cycle_frequency: cycleFrequency, next_due_date: nextDueDate } = billingDetails;\n\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        Billing Information\n      </Text>\n      <Separator height={20} />\n      <FlexView\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n        $gap={isMobile ? 16 : 24}\n        $gutter={isMobile ? 16 : 24}\n        $background=\"BLACK_2\"\n        $borderColor={isMobile ? 'WHITE' : 'BLACK_5'}\n        onClick={isMobile ? onViewPaymentMethod : undefined}\n      >\n        <FlexView $flexGap={12}>\n          <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"PURPLE_4\">\n            {cycleFrequency} PLAN\n          </Text>\n          <Text $renderAs={isMobile ? 'ub3' : 'ub2'} $color=\"WHITE\">\n            ${amount} payment due on {nextDueDate}\n          </Text>\n        </FlexView>\n\n        {isMobile ? null : (\n          <ContextMenu\n            menuWidth={180}\n            targetElement={<Styled.StyledVerticalMenu height={24} width={24} />}\n            menuElement={\n              <FlexView\n                $position=\"absolute\"\n                $background=\"BLACK_4\"\n                $borderColor=\"BLACK_5\"\n                $gapX={1}\n                $gutterX={1}\n                $flexGap={12}\n              >\n                <Clickable onClick={onViewPaymentMethod} label=\"View Payment Method\">\n                  <Text $renderAs=\"ub3\" $cursor=\"pointer\" $color=\"WHITE\">\n                    View Payment Method\n                  </Text>\n                </Clickable>\n                <Clickable onClick={onCancelSubscription} label=\"Cancel Subscription\">\n                  <Text $renderAs=\"ub3\" $cursor=\"pointer\" $color=\"ORANGE_5\">\n                    Cancel Subscription\n                  </Text>\n                </Clickable>\n              </FlexView>\n            }\n            menuOffset={-24}\n            menuZIndex={1}\n          />\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default BillingInformation;\n"],"names":["BillingInformation","memo","billingDetails","onViewPaymentMethod","onCancelSubscription","amount","cycleFrequency","nextDueDate","device","useTheme","isMobile","EDeviceType","FlexView","jsx","Text","Separator","jsxs","ContextMenu","Styled.StyledVerticalMenu","Clickable"],"mappings":";;;;;;;;;;AAYM,MAAAA,IAAmDC,EAAK,SAA4B;AAAA,EACxF,gBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,sBAAAC;AACF,GAAG;AACD,QAAM,EAAE,QAAAC,GAAQ,iBAAiBC,GAAgB,eAAeC,EAAgB,IAAAL,GAE1E,EAAE,QAAAM,MAAWC,KACbC,IAAWF,KAAUG,EAAY;AAEvC,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,sBAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAC;AAAA,MAACJ;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,MAAMF,IAAW,KAAK;AAAA,QACtB,SAASA,IAAW,KAAK;AAAA,QACzB,aAAY;AAAA,QACZ,cAAcA,IAAW,UAAU;AAAA,QACnC,SAASA,IAAWP,IAAsB;AAAA,QAE1C,UAAA;AAAA,UAAC,gBAAAa,EAAAJ,GAAA,EAAS,UAAU,IAClB,UAAA;AAAA,YAAA,gBAAAI,EAACF,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,YAC9D,UAAA;AAAA,cAAAR;AAAA,cAAe;AAAA,YAAA,GAClB;AAAA,8BACCQ,GAAK,EAAA,WAAWJ,IAAW,QAAQ,OAAO,QAAO,SAAQ,UAAA;AAAA,cAAA;AAAA,cACtDL;AAAA,cAAO;AAAA,cAAiBE;AAAA,YAAA,GAC5B;AAAA,UAAA,GACF;AAAA,UAECG,IAAW,OACV,gBAAAG;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,iCAAgBC,GAAA,EAA0B,QAAQ,IAAI,OAAO,IAAI;AAAA,cACjE,aACE,gBAAAF;AAAA,gBAACJ;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,OAAO;AAAA,kBACP,UAAU;AAAA,kBACV,UAAU;AAAA,kBAEV,UAAA;AAAA,oBAAA,gBAAAC,EAACM,GAAU,EAAA,SAAShB,GAAqB,OAAM,uBAC7C,UAAC,gBAAAU,EAAAC,GAAA,EAAK,WAAU,OAAM,SAAQ,WAAU,QAAO,SAAQ,gCAEvD,CAAA,GACF;AAAA,oBACC,gBAAAD,EAAAM,GAAA,EAAU,SAASf,GAAsB,OAAM,uBAC9C,UAAA,gBAAAS,EAACC,GAAK,EAAA,WAAU,OAAM,SAAQ,WAAU,QAAO,YAAW,gCAE1D,CAAA,GACF;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF;AAAA,cAEF,YAAY;AAAA,cACZ,YAAY;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"billing-information.js","sources":["../../../../../src/features/parent-dashboard/comps/billing-information/billing-information.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport ContextMenu from '../../../ui/context-menu/context-menu';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './billing-information-styled';\nimport { type IBillingInformationProps } from './billing-information-types';\n\nconst BillingInformation: FC<IBillingInformationProps> = memo(function BillingInformation({\n  billingDetails,\n  onViewPaymentMethod,\n  onCancelSubscription,\n}) {\n  const { amount, cycle_frequency: cycleFrequency, next_due_date: nextDueDate } = billingDetails;\n\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        Billing Information\n      </Text>\n      <Separator height={20} />\n      <FlexView\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n        $gap={isMobile ? 16 : 24}\n        $gutter={isMobile ? 16 : 24}\n        $background=\"BLACK_2\"\n        $borderColor={isMobile ? 'WHITE' : 'BLACK_5'}\n        onClick={isMobile ? onViewPaymentMethod : undefined}\n      >\n        <FlexView $flexGap={12}>\n          <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"PURPLE_4\">\n            {cycleFrequency} PLAN\n          </Text>\n          <Text $renderAs={isMobile ? 'ub4' : 'ub3'} $color=\"WHITE\">\n            ${amount} payment due on {nextDueDate}\n          </Text>\n        </FlexView>\n\n        {isMobile ? null : (\n          <ContextMenu\n            menuWidth={180}\n            targetElement={<Styled.StyledVerticalMenu height={24} width={24} />}\n            menuElement={\n              <FlexView\n                $position=\"absolute\"\n                $background=\"BLACK_4\"\n                $borderColor=\"BLACK_5\"\n                $gapX={1}\n                $gutterX={1}\n                $flexGap={12}\n              >\n                <Clickable onClick={onViewPaymentMethod} label=\"View Payment Method\">\n                  <Text $renderAs=\"ub4\" $cursor=\"pointer\" $color=\"WHITE\">\n                    View Payment Method\n                  </Text>\n                </Clickable>\n                <Clickable onClick={onCancelSubscription} label=\"Cancel Subscription\">\n                  <Text $renderAs=\"ub4\" $cursor=\"pointer\" $color=\"ORANGE_5\">\n                    Cancel Subscription\n                  </Text>\n                </Clickable>\n              </FlexView>\n            }\n            menuOffset={-24}\n            menuZIndex={1}\n          />\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default BillingInformation;\n"],"names":["BillingInformation","memo","billingDetails","onViewPaymentMethod","onCancelSubscription","amount","cycleFrequency","nextDueDate","device","useTheme","isMobile","EDeviceType","FlexView","jsx","Text","Separator","jsxs","ContextMenu","Styled.StyledVerticalMenu","Clickable"],"mappings":";;;;;;;;;;AAYM,MAAAA,IAAmDC,EAAK,SAA4B;AAAA,EACxF,gBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,sBAAAC;AACF,GAAG;AACD,QAAM,EAAE,QAAAC,GAAQ,iBAAiBC,GAAgB,eAAeC,EAAgB,IAAAL,GAE1E,EAAE,QAAAM,MAAWC,KACbC,IAAWF,KAAUG,EAAY;AAEvC,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,sBAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAC;AAAA,MAACJ;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,MAAMF,IAAW,KAAK;AAAA,QACtB,SAASA,IAAW,KAAK;AAAA,QACzB,aAAY;AAAA,QACZ,cAAcA,IAAW,UAAU;AAAA,QACnC,SAASA,IAAWP,IAAsB;AAAA,QAE1C,UAAA;AAAA,UAAC,gBAAAa,EAAAJ,GAAA,EAAS,UAAU,IAClB,UAAA;AAAA,YAAA,gBAAAI,EAACF,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,YAC9D,UAAA;AAAA,cAAAR;AAAA,cAAe;AAAA,YAAA,GAClB;AAAA,8BACCQ,GAAK,EAAA,WAAWJ,IAAW,QAAQ,OAAO,QAAO,SAAQ,UAAA;AAAA,cAAA;AAAA,cACtDL;AAAA,cAAO;AAAA,cAAiBE;AAAA,YAAA,GAC5B;AAAA,UAAA,GACF;AAAA,UAECG,IAAW,OACV,gBAAAG;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,iCAAgBC,GAAA,EAA0B,QAAQ,IAAI,OAAO,IAAI;AAAA,cACjE,aACE,gBAAAF;AAAA,gBAACJ;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,aAAY;AAAA,kBACZ,cAAa;AAAA,kBACb,OAAO;AAAA,kBACP,UAAU;AAAA,kBACV,UAAU;AAAA,kBAEV,UAAA;AAAA,oBAAA,gBAAAC,EAACM,GAAU,EAAA,SAAShB,GAAqB,OAAM,uBAC7C,UAAC,gBAAAU,EAAAC,GAAA,EAAK,WAAU,OAAM,SAAQ,WAAU,QAAO,SAAQ,gCAEvD,CAAA,GACF;AAAA,oBACC,gBAAAD,EAAAM,GAAA,EAAU,SAASf,GAAsB,OAAM,uBAC9C,UAAA,gBAAAS,EAACC,GAAK,EAAA,WAAU,OAAM,SAAQ,WAAU,QAAO,YAAW,gCAE1D,CAAA,GACF;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF;AAAA,cAEF,YAAY;AAAA,cACZ,YAAY;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/parent-dashboard/comps/cuemath-app-features/cuemath-app-features.js

@@ -23,7 +23,7 @@ const C = () => {
         !r && /* @__PURE__ */ t(s, { children: [
           /* @__PURE__ */ e(a, { height: 4 }),
           /* @__PURE__ */ t(o, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.25, children: [
-            /* @__PURE__ */ e(n, { $renderAs: "ub1", $color: "WHITE_T_60", children: "Scan QR to download the app" }),
+            /* @__PURE__ */ e(n, { $renderAs: "ub2", $color: "WHITE_T_60", children: "Scan QR to download the app" }),
             /* @__PURE__ */ e(g, { height: 24, width: 24, color: l.colors.WHITE_T_60 })
           ] })
         ] })
@@ -64,7 +64,7 @@ const C = () => {
               $width: "100%",
               children: [
                 /* @__PURE__ */ e(n, { $renderAs: "ac3-black", $color: "WHITE", $renderOnMobileAs: "ac4-black", children: i }),
-                /* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "WHITE", children: p })
+                /* @__PURE__ */ e(n, { $renderAs: "ub4", $color: "WHITE", children: p })
               ]
             }
           )

package/dist/features/parent-dashboard/comps/cuemath-app-features/cuemath-app-features.js.map

@@ -1 +1 @@
-{"version":3,"file":"cuemath-app-features.js","sources":["../../../../../src/features/parent-dashboard/comps/cuemath-app-features/cuemath-app-features.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport { CUEMATH_APP_URL } from '../../../../constants/config';\nimport Button from '../../../ui/buttons/button/button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { benefits } from './cuemath-app-features-constants';\nimport * as Styled from './cuemath-app-features-styled';\n\nconst CuemathAppFeatures: FC = () => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const handleOpenApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  return (\n    <FlexView>\n      <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $alignItems=\"center\">\n        <FlexView>\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Do more with the Cuemath app\n          </Text>\n          {!isMobile && (\n            <>\n              <Separator height={4} />\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.25}>\n                <Text $renderAs=\"ub1\" $color=\"WHITE_T_60\">\n                  Scan QR to download the app\n                </Text>\n                <Next2Icon height={24} width={24} color={theme.colors.WHITE_T_60} />\n              </FlexView>\n            </>\n          )}\n        </FlexView>\n        {!isMobile && (\n          <FlexView $background=\"WHITE\">\n            <Image src={ILLUSTRATIONS.CUEMATH_APP_QR_CODE} width={60} height={60} />\n          </FlexView>\n        )}\n      </FlexView>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $flexGapX={1} $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {benefits.map(({ icon, title, description, bgColor }) => (\n          <FlexView\n            key={title}\n            $flex={1}\n            $flexDirection={isMobile ? 'row' : 'column'}\n            $alignItems={isMobile ? 'normal' : 'center'}\n          >\n            <Styled.ImageWrapper\n              $height={isMobile ? 'auto' : '100%'}\n              $width={isMobile ? 'auto' : '100%'}\n            >\n              <Image\n                src={icon}\n                height={isMobile ? 'auto' : 250}\n                width={isMobile ? 84 : '100%'}\n                alt={title}\n              />\n            </Styled.ImageWrapper>\n            <FlexView\n              $background={bgColor}\n              $gutterX={isMobile ? 1 : 1.5}\n              $gapX={isMobile ? 1 : 1.5}\n              $flex={1}\n              $width=\"100%\"\n            >\n              <Text $renderAs=\"ac3-black\" $color=\"WHITE\" $renderOnMobileAs=\"ac4-black\">\n                {title}\n              </Text>\n              <Text $renderAs=\"ub3\" $color=\"WHITE\">\n                {description}\n              </Text>\n            </FlexView>\n          </FlexView>\n        ))}\n      </FlexView>\n      {isMobile && (\n        <FlexView $gapX={1}>\n          <Button\n            label=\"Download the app\"\n            renderAs=\"secondary\"\n            size=\"small\"\n            shape=\"square\"\n            onClick={handleOpenApp}\n          />\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(CuemathAppFeatures);\n"],"names":["CuemathAppFeatures","theme","useTheme","isMobile","EDeviceType","handleOpenApp","useCallback","CUEMATH_APP_URL","FlexView","jsxs","jsx","Text","Fragment","Separator","Next2Icon","Image","ILLUSTRATIONS","benefits","icon","title","description","bgColor","Styled.ImageWrapper","Button","CuemathAppFeatures$1","memo"],"mappings":";;;;;;;;;;;;;;AAeA,MAAMA,IAAyB,MAAM;AACnC,QAAMC,IAAQC,KACRC,IAAWF,EAAM,UAAUG,EAAY,QAEvCC,IAAgBC,EAAY,MAAM;AAC/B,WAAA,KAAKC,GAAiB,QAAQ;AAAA,EACvC,GAAG,CAAE,CAAA;AAEL,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACD,KAAS,gBAAe,OAAM,iBAAgB,iBAAgB,aAAY,UACzE,UAAA;AAAA,MAAA,gBAAAC,EAACD,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAE,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,+BAAA,CAAA;AAAA,QACC,CAACR,KAEE,gBAAAM,EAAAG,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAF,EAAAG,GAAA,EAAU,QAAQ,EAAG,CAAA;AAAA,4BACrBL,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAiB,MACnE,UAAA;AAAA,YAAA,gBAAAE,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,+BAAA;AAAA,YACA,gBAAAD,EAACI,KAAU,QAAQ,IAAI,OAAO,IAAI,OAAOb,EAAM,OAAO,WAAY,CAAA;AAAA,UAAA,GACpE;AAAA,QAAA,GACF;AAAA,MAAA,GAEJ;AAAA,MACC,CAACE,KACC,gBAAAO,EAAAF,GAAA,EAAS,aAAY,SACpB,UAAA,gBAAAE,EAACK,GAAM,EAAA,KAAKC,EAAc,qBAAqB,OAAO,IAAI,QAAQ,GAAI,CAAA,GACxE;AAAA,IAAA,GAEJ;AAAA,IACC,gBAAAN,EAAAG,GAAA,EAAU,QAAQV,IAAW,KAAK,IAAI;AAAA,sBACtCK,GAAS,EAAA,WAAW,GAAG,iBAAgB,UAAS,gBAAgBL,IAAW,WAAW,OACpF,UAAAc,EAAS,IAAI,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,aAAAC,GAAa,SAAAC,QACzC,gBAAAZ;AAAA,MAACD;AAAA,MAAA;AAAA,QAEC,OAAO;AAAA,QACP,gBAAgBL,IAAW,QAAQ;AAAA,QACnC,aAAaA,IAAW,WAAW;AAAA,QAEnC,UAAA;AAAA,UAAA,gBAAAO;AAAA,YAACY;AAAAA,YAAA;AAAA,cACC,SAASnB,IAAW,SAAS;AAAA,cAC7B,QAAQA,IAAW,SAAS;AAAA,cAE5B,UAAA,gBAAAO;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,KAAKG;AAAA,kBACL,QAAQf,IAAW,SAAS;AAAA,kBAC5B,OAAOA,IAAW,KAAK;AAAA,kBACvB,KAAKgB;AAAA,gBAAA;AAAA,cACP;AAAA,YAAA;AAAA,UACF;AAAA,UACA,gBAAAV;AAAA,YAACD;AAAA,YAAA;AAAA,cACC,aAAaa;AAAA,cACb,UAAUlB,IAAW,IAAI;AAAA,cACzB,OAAOA,IAAW,IAAI;AAAA,cACtB,OAAO;AAAA,cACP,QAAO;AAAA,cAEP,UAAA;AAAA,gBAAA,gBAAAO,EAACC,KAAK,WAAU,aAAY,QAAO,SAAQ,mBAAkB,aAC1D,UACHQ,EAAA,CAAA;AAAA,kCACCR,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHS,GAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,MA7BKD;AAAA,IA+BR,CAAA,GACH;AAAA,IACChB,KACC,gBAAAO,EAACF,GAAS,EAAA,OAAO,GACf,UAAA,gBAAAE;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASlB;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEemB,IAAAC,EAAKzB,CAAkB;"}
+{"version":3,"file":"cuemath-app-features.js","sources":["../../../../../src/features/parent-dashboard/comps/cuemath-app-features/cuemath-app-features.tsx"],"sourcesContent":["import { memo, useCallback, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport { CUEMATH_APP_URL } from '../../../../constants/config';\nimport Button from '../../../ui/buttons/button/button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { benefits } from './cuemath-app-features-constants';\nimport * as Styled from './cuemath-app-features-styled';\n\nconst CuemathAppFeatures: FC = () => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const handleOpenApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  return (\n    <FlexView>\n      <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $alignItems=\"center\">\n        <FlexView>\n          <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n            Do more with the Cuemath app\n          </Text>\n          {!isMobile && (\n            <>\n              <Separator height={4} />\n              <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.25}>\n                <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n                  Scan QR to download the app\n                </Text>\n                <Next2Icon height={24} width={24} color={theme.colors.WHITE_T_60} />\n              </FlexView>\n            </>\n          )}\n        </FlexView>\n        {!isMobile && (\n          <FlexView $background=\"WHITE\">\n            <Image src={ILLUSTRATIONS.CUEMATH_APP_QR_CODE} width={60} height={60} />\n          </FlexView>\n        )}\n      </FlexView>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $flexGapX={1} $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {benefits.map(({ icon, title, description, bgColor }) => (\n          <FlexView\n            key={title}\n            $flex={1}\n            $flexDirection={isMobile ? 'row' : 'column'}\n            $alignItems={isMobile ? 'normal' : 'center'}\n          >\n            <Styled.ImageWrapper\n              $height={isMobile ? 'auto' : '100%'}\n              $width={isMobile ? 'auto' : '100%'}\n            >\n              <Image\n                src={icon}\n                height={isMobile ? 'auto' : 250}\n                width={isMobile ? 84 : '100%'}\n                alt={title}\n              />\n            </Styled.ImageWrapper>\n            <FlexView\n              $background={bgColor}\n              $gutterX={isMobile ? 1 : 1.5}\n              $gapX={isMobile ? 1 : 1.5}\n              $flex={1}\n              $width=\"100%\"\n            >\n              <Text $renderAs=\"ac3-black\" $color=\"WHITE\" $renderOnMobileAs=\"ac4-black\">\n                {title}\n              </Text>\n              <Text $renderAs=\"ub4\" $color=\"WHITE\">\n                {description}\n              </Text>\n            </FlexView>\n          </FlexView>\n        ))}\n      </FlexView>\n      {isMobile && (\n        <FlexView $gapX={1}>\n          <Button\n            label=\"Download the app\"\n            renderAs=\"secondary\"\n            size=\"small\"\n            shape=\"square\"\n            onClick={handleOpenApp}\n          />\n        </FlexView>\n      )}\n    </FlexView>\n  );\n};\n\nexport default memo(CuemathAppFeatures);\n"],"names":["CuemathAppFeatures","theme","useTheme","isMobile","EDeviceType","handleOpenApp","useCallback","CUEMATH_APP_URL","FlexView","jsxs","jsx","Text","Fragment","Separator","Next2Icon","Image","ILLUSTRATIONS","benefits","icon","title","description","bgColor","Styled.ImageWrapper","Button","CuemathAppFeatures$1","memo"],"mappings":";;;;;;;;;;;;;;AAeA,MAAMA,IAAyB,MAAM;AACnC,QAAMC,IAAQC,KACRC,IAAWF,EAAM,UAAUG,EAAY,QAEvCC,IAAgBC,EAAY,MAAM;AAC/B,WAAA,KAAKC,GAAiB,QAAQ;AAAA,EACvC,GAAG,CAAE,CAAA;AAEL,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACD,KAAS,gBAAe,OAAM,iBAAgB,iBAAgB,aAAY,UACzE,UAAA;AAAA,MAAA,gBAAAC,EAACD,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAE,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,+BAAA,CAAA;AAAA,QACC,CAACR,KAEE,gBAAAM,EAAAG,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAF,EAAAG,GAAA,EAAU,QAAQ,EAAG,CAAA;AAAA,4BACrBL,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAiB,MACnE,UAAA;AAAA,YAAA,gBAAAE,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,+BAAA;AAAA,YACA,gBAAAD,EAACI,KAAU,QAAQ,IAAI,OAAO,IAAI,OAAOb,EAAM,OAAO,WAAY,CAAA;AAAA,UAAA,GACpE;AAAA,QAAA,GACF;AAAA,MAAA,GAEJ;AAAA,MACC,CAACE,KACC,gBAAAO,EAAAF,GAAA,EAAS,aAAY,SACpB,UAAA,gBAAAE,EAACK,GAAM,EAAA,KAAKC,EAAc,qBAAqB,OAAO,IAAI,QAAQ,GAAI,CAAA,GACxE;AAAA,IAAA,GAEJ;AAAA,IACC,gBAAAN,EAAAG,GAAA,EAAU,QAAQV,IAAW,KAAK,IAAI;AAAA,sBACtCK,GAAS,EAAA,WAAW,GAAG,iBAAgB,UAAS,gBAAgBL,IAAW,WAAW,OACpF,UAAAc,EAAS,IAAI,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,aAAAC,GAAa,SAAAC,QACzC,gBAAAZ;AAAA,MAACD;AAAA,MAAA;AAAA,QAEC,OAAO;AAAA,QACP,gBAAgBL,IAAW,QAAQ;AAAA,QACnC,aAAaA,IAAW,WAAW;AAAA,QAEnC,UAAA;AAAA,UAAA,gBAAAO;AAAA,YAACY;AAAAA,YAAA;AAAA,cACC,SAASnB,IAAW,SAAS;AAAA,cAC7B,QAAQA,IAAW,SAAS;AAAA,cAE5B,UAAA,gBAAAO;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,KAAKG;AAAA,kBACL,QAAQf,IAAW,SAAS;AAAA,kBAC5B,OAAOA,IAAW,KAAK;AAAA,kBACvB,KAAKgB;AAAA,gBAAA;AAAA,cACP;AAAA,YAAA;AAAA,UACF;AAAA,UACA,gBAAAV;AAAA,YAACD;AAAA,YAAA;AAAA,cACC,aAAaa;AAAA,cACb,UAAUlB,IAAW,IAAI;AAAA,cACzB,OAAOA,IAAW,IAAI;AAAA,cACtB,OAAO;AAAA,cACP,QAAO;AAAA,cAEP,UAAA;AAAA,gBAAA,gBAAAO,EAACC,KAAK,WAAU,aAAY,QAAO,SAAQ,mBAAkB,aAC1D,UACHQ,EAAA,CAAA;AAAA,kCACCR,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHS,GAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,MA7BKD;AAAA,IA+BR,CAAA,GACH;AAAA,IACChB,KACC,gBAAAO,EAACF,GAAS,EAAA,OAAO,GACf,UAAA,gBAAAE;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,UAAS;AAAA,QACT,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAASlB;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEemB,IAAAC,EAAKzB,CAAkB;"}

package/dist/features/parent-dashboard/comps/next-steps/next-steps.js

@@ -35,7 +35,7 @@ const b = () => {
           /* @__PURE__ */ t(x, { $flex: 1, $gapX: e ? 1 : 0, $justifyContent: "space-between", children: [
             /* @__PURE__ */ r(n, { $renderAs: "ac3-black", $renderOnMobileAs: "ac4-black", $color: s, children: i }),
             /* @__PURE__ */ r(o, { height: e ? 10 : 12 }),
-            /* @__PURE__ */ r(n, { $renderAs: "ub1", $renderOnMobileAs: "ub2", $color: "WHITE", children: l })
+            /* @__PURE__ */ r(n, { $renderAs: "ub2", $renderOnMobileAs: "ub3", $color: "WHITE", children: l })
           ] })
         ]
       },

package/dist/features/parent-dashboard/comps/next-steps/next-steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-steps.js","sources":["../../../../../src/features/parent-dashboard/comps/next-steps/next-steps.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { nextStepsData } from './next-steps-constants';\nimport * as Styled from './next-steps-styled';\n\nconst NextSteps: FC = () => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        What happens next?\n      </Text>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {nextStepsData.map(({ title, description, image, textColor }) => (\n          <Styled.ListItem\n            key={title}\n            $flexDirection={isMobile ? 'row' : 'column'}\n            $flex={1}\n            $gutterX={isMobile ? 0 : 1}\n            $flexColumnGapX={isMobile ? 0.75 : 0}\n            $alignItems={isMobile ? 'center' : 'normal'}\n          >\n            <Image\n              src={image}\n              width={isMobile ? 72 : 80}\n              height={isMobile ? 72 : 80}\n              withLoader={false}\n            />\n            {!isMobile && <Separator heightX={0.75} />}\n            <Styled.TextContent $flex={1} $gapX={isMobile ? 1 : 0} $justifyContent=\"space-between\">\n              <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color={textColor}>\n                {title}\n              </Text>\n              <Separator height={isMobile ? 10 : 12} />\n              <Text $renderAs=\"ub1\" $renderOnMobileAs=\"ub2\" $color=\"WHITE\">\n                {description}\n              </Text>\n            </Styled.TextContent>\n          </Styled.ListItem>\n        ))}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(NextSteps);\n"],"names":["NextSteps","isMobile","useTheme","EDeviceType","FlexView","jsx","Text","Separator","nextStepsData","title","description","image","textColor","jsxs","Styled.ListItem","Image","Styled.TextContent","NextSteps$1","memo"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAgB,MAAM;AAEpB,QAAAC,IADQC,IACS,UAAUC,EAAY;AAE7C,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,qBAAA,CAAA;AAAA,IACC,gBAAAD,EAAAE,GAAA,EAAU,QAAQN,IAAW,KAAK,IAAI;AAAA,sBACtCG,GAAS,EAAA,iBAAgB,UAAS,gBAAgBH,IAAW,WAAW,OACtE,UAAcO,EAAA,IAAI,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,WAAAC,QAC/C,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,gBAAgBb,IAAW,QAAQ;AAAA,QACnC,OAAO;AAAA,QACP,UAAUA,IAAW,IAAI;AAAA,QACzB,iBAAiBA,IAAW,OAAO;AAAA,QACnC,aAAaA,IAAW,WAAW;AAAA,QAEnC,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,KAAKJ;AAAA,cACL,OAAOV,IAAW,KAAK;AAAA,cACvB,QAAQA,IAAW,KAAK;AAAA,cACxB,YAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACC,CAACA,KAAa,gBAAAI,EAAAE,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,UACxC,gBAAAM,EAACG,GAAA,EAAmB,OAAO,GAAG,OAAOf,IAAW,IAAI,GAAG,iBAAgB,iBACrE,UAAA;AAAA,YAAA,gBAAAI,EAACC,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAQM,GAC/D,UACHH,EAAA,CAAA;AAAA,YACC,gBAAAJ,EAAAE,GAAA,EAAU,QAAQN,IAAW,KAAK,IAAI;AAAA,YACvC,gBAAAI,EAACC,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAClD,UACHI,EAAA,CAAA;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAtBKD;AAAA,IAwBR,CAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeQ,IAAAC,EAAKlB,CAAS;"}
+{"version":3,"file":"next-steps.js","sources":["../../../../../src/features/parent-dashboard/comps/next-steps/next-steps.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { nextStepsData } from './next-steps-constants';\nimport * as Styled from './next-steps-styled';\n\nconst NextSteps: FC = () => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        What happens next?\n      </Text>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {nextStepsData.map(({ title, description, image, textColor }) => (\n          <Styled.ListItem\n            key={title}\n            $flexDirection={isMobile ? 'row' : 'column'}\n            $flex={1}\n            $gutterX={isMobile ? 0 : 1}\n            $flexColumnGapX={isMobile ? 0.75 : 0}\n            $alignItems={isMobile ? 'center' : 'normal'}\n          >\n            <Image\n              src={image}\n              width={isMobile ? 72 : 80}\n              height={isMobile ? 72 : 80}\n              withLoader={false}\n            />\n            {!isMobile && <Separator heightX={0.75} />}\n            <Styled.TextContent $flex={1} $gapX={isMobile ? 1 : 0} $justifyContent=\"space-between\">\n              <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color={textColor}>\n                {title}\n              </Text>\n              <Separator height={isMobile ? 10 : 12} />\n              <Text $renderAs=\"ub2\" $renderOnMobileAs=\"ub3\" $color=\"WHITE\">\n                {description}\n              </Text>\n            </Styled.TextContent>\n          </Styled.ListItem>\n        ))}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(NextSteps);\n"],"names":["NextSteps","isMobile","useTheme","EDeviceType","FlexView","jsx","Text","Separator","nextStepsData","title","description","image","textColor","jsxs","Styled.ListItem","Image","Styled.TextContent","NextSteps$1","memo"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAgB,MAAM;AAEpB,QAAAC,IADQC,IACS,UAAUC,EAAY;AAE7C,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,qBAAA,CAAA;AAAA,IACC,gBAAAD,EAAAE,GAAA,EAAU,QAAQN,IAAW,KAAK,IAAI;AAAA,sBACtCG,GAAS,EAAA,iBAAgB,UAAS,gBAAgBH,IAAW,WAAW,OACtE,UAAcO,EAAA,IAAI,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,WAAAC,QAC/C,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,gBAAgBb,IAAW,QAAQ;AAAA,QACnC,OAAO;AAAA,QACP,UAAUA,IAAW,IAAI;AAAA,QACzB,iBAAiBA,IAAW,OAAO;AAAA,QACnC,aAAaA,IAAW,WAAW;AAAA,QAEnC,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,KAAKJ;AAAA,cACL,OAAOV,IAAW,KAAK;AAAA,cACvB,QAAQA,IAAW,KAAK;AAAA,cACxB,YAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACC,CAACA,KAAa,gBAAAI,EAAAE,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,UACxC,gBAAAM,EAACG,GAAA,EAAmB,OAAO,GAAG,OAAOf,IAAW,IAAI,GAAG,iBAAgB,iBACrE,UAAA;AAAA,YAAA,gBAAAI,EAACC,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAQM,GAC/D,UACHH,EAAA,CAAA;AAAA,YACC,gBAAAJ,EAAAE,GAAA,EAAU,QAAQN,IAAW,KAAK,IAAI;AAAA,YACvC,gBAAAI,EAACC,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAClD,UACHI,EAAA,CAAA;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAtBKD;AAAA,IAwBR,CAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeQ,IAAAC,EAAKlB,CAAS;"}

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

@@ -7,10 +7,10 @@ const T = 1e3, O = {
   TITLE_MOBILE: "ac4",
   SUBTITLE_DESKTOP: "ab1",
   SUBTITLE_MOBILE: "ab2",
-  BODY_DESKTOP: "ub1",
-  BODY_MOBILE: "ub2",
-  COUNTDOWN_DESKTOP: "ub2",
-  COUNTDOWN_MOBILE: "ub3"
+  BODY_DESKTOP: "ub2",
+  BODY_MOBILE: "ub3",
+  COUNTDOWN_DESKTOP: "ub3",
+  COUNTDOWN_MOBILE: "ub4"
 };
 export {
   T as COUNTDOWN_INTERVAL,

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

@@ -1 +1 @@
-{"version":3,"file":"session-status-constants.js","sources":["../../../../../src/features/parent-dashboard/comps/session-status/session-status-constants.ts"],"sourcesContent":["export const COUNTDOWN_THRESHOLD = 48 * 3600; // 48 hours in seconds\nexport const COUNTDOWN_INTERVAL = 1000; // 1 second\n\nexport const renderSettings = {\n  autoplay: true,\n  loop: true,\n  renderer: 'svg',\n};\n\nexport const TEXT_STYLES = {\n  TITLE_DESKTOP: 'ac3' as const,\n  TITLE_MOBILE: 'ac4' as const,\n  SUBTITLE_DESKTOP: 'ab1' as const,\n  SUBTITLE_MOBILE: 'ab2' as const,\n  BODY_DESKTOP: 'ub1' as const,\n  BODY_MOBILE: 'ub2' as const,\n  COUNTDOWN_DESKTOP: 'ub2' as const,\n  COUNTDOWN_MOBILE: 'ub3' as const,\n} as const;\n"],"names":["COUNTDOWN_INTERVAL","renderSettings","TEXT_STYLES"],"mappings":"AACO,MAAMA,IAAqB,KAErBC,IAAiB;AAAA,EAC5B,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AACZ,GAEaC,IAAc;AAAA,EACzB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,kBAAkB;AACpB;"}
+{"version":3,"file":"session-status-constants.js","sources":["../../../../../src/features/parent-dashboard/comps/session-status/session-status-constants.ts"],"sourcesContent":["export const COUNTDOWN_THRESHOLD = 48 * 3600; // 48 hours in seconds\nexport const COUNTDOWN_INTERVAL = 1000; // 1 second\n\nexport const renderSettings = {\n  autoplay: true,\n  loop: true,\n  renderer: 'svg',\n};\n\nexport const TEXT_STYLES = {\n  TITLE_DESKTOP: 'ac3' as const,\n  TITLE_MOBILE: 'ac4' as const,\n  SUBTITLE_DESKTOP: 'ab1' as const,\n  SUBTITLE_MOBILE: 'ab2' as const,\n  BODY_DESKTOP: 'ub2' as const,\n  BODY_MOBILE: 'ub3' as const,\n  COUNTDOWN_DESKTOP: 'ub3' as const,\n  COUNTDOWN_MOBILE: 'ub4' as const,\n} as const;\n"],"names":["COUNTDOWN_INTERVAL","renderSettings","TEXT_STYLES"],"mappings":"AACO,MAAMA,IAAqB,KAErBC,IAAiB;AAAA,EAC5B,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AACZ,GAEaC,IAAc;AAAA,EACzB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,kBAAkB;AACpB;"}

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

@@ -76,8 +76,8 @@ const a = 64, y = 75, k = ({
         /* @__PURE__ */ t(
           u,
           {
-            $renderAs: "ub2",
-            $renderOnMobileAs: "ub3",
+            $renderAs: "ub3",
+            $renderOnMobileAs: "ub4",
             $color: e.descriptionColor ?? "WHITE_T_60",
             children: e.description
           }

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

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

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

@@ -37,7 +37,7 @@ const H = I(
         /* @__PURE__ */ n(c, { $gap: 12, $gutter: 16, $background: o, $flex: 1, children: [
           /* @__PURE__ */ r(d, { $renderAs: "ac3-black", $renderOnMobileAs: "ac4-black", $color: "WHITE", children: a }),
           /* @__PURE__ */ r(A, { height: l ? 8 : 12 }),
-          /* @__PURE__ */ r(d, { $renderAs: "ub3", $color: "WHITE", children: s })
+          /* @__PURE__ */ r(d, { $renderAs: "ub4", $color: "WHITE", children: s })
         ] })
       ] }, a),
       [a, o, l, h, t, s]

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

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

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

@@ -39,7 +39,7 @@ const P = ({ sessions: c = [] }) => {
       /* @__PURE__ */ e(i, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: "Upcoming sessions" }),
       /* @__PURE__ */ e(p, { height: 4 }),
       /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "center", $flexColumnGapX: 0.25, children: [
-        /* @__PURE__ */ e(i, { $renderAs: "ub1", $color: "WHITE_T_60", children: "For more details," }),
+        /* @__PURE__ */ e(i, { $renderAs: "ub2", $color: "WHITE_T_60", children: "For more details," }),
         /* @__PURE__ */ e(D, { label: "download the Cuemath app", onClick: E, color: "WHITE" })
       ] })
     ] }),

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

@@ -1 +1 @@
-{"version":3,"file":"upcoming-sessions.js","sources":["../../../../../src/features/parent-dashboard/comps/upcoming-sessions/upcoming-sessions.tsx"],"sourcesContent":["import { format, isToday, addDays } from 'date-fns';\nimport { useCallback, memo, useMemo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport { CUEMATH_APP_URL } from '../../../../constants/config';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport type { TColorNames } from '../../../ui/types';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from '../../parent-dashboard-constants';\nimport type { ISpacingConfig } from '../../parent-dashboard-types';\nimport { DAYS_TO_SHOW } from './upcoming-sessions-constants';\nimport * as Styled from './upcoming-sessions-styled';\nimport { ESessionStatus, type IUpcomingSessionsProps } from './upcoming-sessions-types';\n\nconst UpcomingSessions: FC<IUpcomingSessionsProps> = ({ sessions = [] }) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const today = useMemo(() => new Date(), []);\n  const sessionsMap = useMemo(\n    () =>\n      new Map(\n        sessions.map(session => [\n          format(new Date(session.session_start * 1000), 'yyyy-MM-dd'),\n          session,\n        ]),\n      ),\n    [sessions],\n  );\n\n  const days = useMemo(\n    () => Array.from({ length: DAYS_TO_SHOW }, (_, i) => addDays(today, i)),\n    [today],\n  );\n\n  const spacing: ISpacingConfig = useMemo(\n    () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n    [isMobile],\n  );\n\n  const handleOpenApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  if (sessions.length === 0) return null;\n\n  return (\n    <FlexView>\n      <Separator height={spacing.separator.extraLarge} />\n      <FlexView>\n        <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n          Upcoming sessions\n        </Text>\n        <Separator height={4} />\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.25}>\n          <Text $renderAs=\"ub1\" $color=\"WHITE_T_60\">\n            For more details,\n          </Text>\n          <TextButton label=\"download the Cuemath app\" onClick={handleOpenApp} color=\"WHITE\" />\n        </FlexView>\n      </FlexView>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $borderColor=\"BLACK_5\">\n        {days.map(day => {\n          const dateKey = format(day, 'yyyy-MM-dd');\n          const session = sessionsMap.get(dateKey);\n          const isTodayFlag = isToday(day);\n          const isSessionCompleted = session?.session_status === ESessionStatus.COMPLETED;\n          const defaultTimecellBg =\n            session?.session_status === ESessionStatus.IN_FUTURE ? 'GREEN_6' : 'BLACK_1';\n          const timeCellBg = isSessionCompleted ? 'WHITE_T_10' : defaultTimecellBg;\n\n          return (\n            <Styled.SessionRow key={dateKey} $flex={1} $flexDirection=\"row\">\n              <Styled.DayLabel\n                $width={80}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $flexColumnGapX={0.25}\n                $gutterX={1}\n                $gapX={0.5}\n              >\n                <Text $renderAs=\"ac4-black\" $color=\"WHITE_1\">\n                  {format(day, 'EEE').toUpperCase()}\n                </Text>\n                <Styled.DateWrapper\n                  $background={isTodayFlag ? 'WHITE' : 'TRANSPARENT'}\n                  $width={22}\n                  $height={22}\n                  $alignItems=\"center\"\n                  $justifyContent=\"center\"\n                  $borderRadius={11}\n                  $gutter={1}\n                  $gap={2}\n                >\n                  <Text $renderAs=\"ab3-bold\" $color={isTodayFlag ? 'BLACK_1' : 'WHITE_1'}>\n                    {format(day, 'd')}\n                  </Text>\n                </Styled.DateWrapper>\n              </Styled.DayLabel>\n              <FlexView\n                $flex={1}\n                $gutterX={1}\n                $gap={14}\n                $background={timeCellBg as TColorNames}\n                $flexDirection=\"row\"\n                $justifyContent=\"space-between\"\n                $alignItems=\"center\"\n              >\n                {session ? (\n                  <Text $renderAs=\"ab2\" $color={isSessionCompleted ? 'WHITE_T_38' : 'WHITE'}>\n                    {format(new Date(session.session_start * 1000), 'p')}\n                  </Text>\n                ) : null}\n                {isSessionCompleted && <Check2Icon color={theme.colors.WHITE_T_38} />}\n              </FlexView>\n            </Styled.SessionRow>\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(UpcomingSessions);\n"],"names":["UpcomingSessions","sessions","theme","useTheme","isMobile","EDeviceType","today","useMemo","sessionsMap","session","format","days","DAYS_TO_SHOW","_","i","addDays","spacing","MOBILE_SPACING","DESKTOP_SPACING","handleOpenApp","useCallback","CUEMATH_APP_URL","FlexView","jsx","Separator","Text","TextButton","day","dateKey","isTodayFlag","isToday","isSessionCompleted","ESessionStatus","defaultTimecellBg","timeCellBg","Styled.SessionRow","jsxs","Styled.DayLabel","Styled.DateWrapper","Check2Icon","UpcomingSessions$1","memo"],"mappings":"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"}
+{"version":3,"file":"upcoming-sessions.js","sources":["../../../../../src/features/parent-dashboard/comps/upcoming-sessions/upcoming-sessions.tsx"],"sourcesContent":["import { format, isToday, addDays } from 'date-fns';\nimport { useCallback, memo, useMemo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Check2Icon from '../../../../assets/line-icons/icons/check2';\nimport { CUEMATH_APP_URL } from '../../../../constants/config';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport type { TColorNames } from '../../../ui/types';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from '../../parent-dashboard-constants';\nimport type { ISpacingConfig } from '../../parent-dashboard-types';\nimport { DAYS_TO_SHOW } from './upcoming-sessions-constants';\nimport * as Styled from './upcoming-sessions-styled';\nimport { ESessionStatus, type IUpcomingSessionsProps } from './upcoming-sessions-types';\n\nconst UpcomingSessions: FC<IUpcomingSessionsProps> = ({ sessions = [] }) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const today = useMemo(() => new Date(), []);\n  const sessionsMap = useMemo(\n    () =>\n      new Map(\n        sessions.map(session => [\n          format(new Date(session.session_start * 1000), 'yyyy-MM-dd'),\n          session,\n        ]),\n      ),\n    [sessions],\n  );\n\n  const days = useMemo(\n    () => Array.from({ length: DAYS_TO_SHOW }, (_, i) => addDays(today, i)),\n    [today],\n  );\n\n  const spacing: ISpacingConfig = useMemo(\n    () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n    [isMobile],\n  );\n\n  const handleOpenApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  if (sessions.length === 0) return null;\n\n  return (\n    <FlexView>\n      <Separator height={spacing.separator.extraLarge} />\n      <FlexView>\n        <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n          Upcoming sessions\n        </Text>\n        <Separator height={4} />\n        <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexColumnGapX={0.25}>\n          <Text $renderAs=\"ub2\" $color=\"WHITE_T_60\">\n            For more details,\n          </Text>\n          <TextButton label=\"download the Cuemath app\" onClick={handleOpenApp} color=\"WHITE\" />\n        </FlexView>\n      </FlexView>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $borderColor=\"BLACK_5\">\n        {days.map(day => {\n          const dateKey = format(day, 'yyyy-MM-dd');\n          const session = sessionsMap.get(dateKey);\n          const isTodayFlag = isToday(day);\n          const isSessionCompleted = session?.session_status === ESessionStatus.COMPLETED;\n          const defaultTimecellBg =\n            session?.session_status === ESessionStatus.IN_FUTURE ? 'GREEN_6' : 'BLACK_1';\n          const timeCellBg = isSessionCompleted ? 'WHITE_T_10' : defaultTimecellBg;\n\n          return (\n            <Styled.SessionRow key={dateKey} $flex={1} $flexDirection=\"row\">\n              <Styled.DayLabel\n                $width={80}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $flexColumnGapX={0.25}\n                $gutterX={1}\n                $gapX={0.5}\n              >\n                <Text $renderAs=\"ac4-black\" $color=\"WHITE_1\">\n                  {format(day, 'EEE').toUpperCase()}\n                </Text>\n                <Styled.DateWrapper\n                  $background={isTodayFlag ? 'WHITE' : 'TRANSPARENT'}\n                  $width={22}\n                  $height={22}\n                  $alignItems=\"center\"\n                  $justifyContent=\"center\"\n                  $borderRadius={11}\n                  $gutter={1}\n                  $gap={2}\n                >\n                  <Text $renderAs=\"ab3-bold\" $color={isTodayFlag ? 'BLACK_1' : 'WHITE_1'}>\n                    {format(day, 'd')}\n                  </Text>\n                </Styled.DateWrapper>\n              </Styled.DayLabel>\n              <FlexView\n                $flex={1}\n                $gutterX={1}\n                $gap={14}\n                $background={timeCellBg as TColorNames}\n                $flexDirection=\"row\"\n                $justifyContent=\"space-between\"\n                $alignItems=\"center\"\n              >\n                {session ? (\n                  <Text $renderAs=\"ab2\" $color={isSessionCompleted ? 'WHITE_T_38' : 'WHITE'}>\n                    {format(new Date(session.session_start * 1000), 'p')}\n                  </Text>\n                ) : null}\n                {isSessionCompleted && <Check2Icon color={theme.colors.WHITE_T_38} />}\n              </FlexView>\n            </Styled.SessionRow>\n          );\n        })}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(UpcomingSessions);\n"],"names":["UpcomingSessions","sessions","theme","useTheme","isMobile","EDeviceType","today","useMemo","sessionsMap","session","format","days","DAYS_TO_SHOW","_","i","addDays","spacing","MOBILE_SPACING","DESKTOP_SPACING","handleOpenApp","useCallback","CUEMATH_APP_URL","FlexView","jsx","Separator","Text","TextButton","day","dateKey","isTodayFlag","isToday","isSessionCompleted","ESessionStatus","defaultTimecellBg","timeCellBg","Styled.SessionRow","jsxs","Styled.DayLabel","Styled.DateWrapper","Check2Icon","UpcomingSessions$1","memo"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAA+C,CAAC,EAAE,UAAAC,IAAW,CAAA,QAAS;AAC1E,QAAMC,IAAQC,KACRC,IAAWF,EAAM,UAAUG,EAAY,QACvCC,IAAQC,EAAQ,0BAAU,KAAK,GAAG,CAAE,CAAA,GACpCC,IAAcD;AAAA,IAClB,MACE,IAAI;AAAA,MACFN,EAAS,IAAI,CAAWQ,MAAA;AAAA,QACtBC,EAAO,IAAI,KAAKD,EAAQ,gBAAgB,GAAI,GAAG,YAAY;AAAA,QAC3DA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACF,CAACR,CAAQ;AAAA,EAAA,GAGLU,IAAOJ;AAAA,IACX,MAAM,MAAM,KAAK,EAAE,QAAQK,EAAgB,GAAA,CAACC,GAAGC,MAAMC,EAAQT,GAAOQ,CAAC,CAAC;AAAA,IACtE,CAACR,CAAK;AAAA,EAAA,GAGFU,IAA0BT;AAAA,IAC9B,MAAOH,IAAWa,IAAiBC;AAAA,IACnC,CAACd,CAAQ;AAAA,EAAA,GAGLe,IAAgBC,EAAY,MAAM;AAC/B,WAAA,KAAKC,GAAiB,QAAQ;AAAA,EACvC,GAAG,CAAE,CAAA;AAED,SAAApB,EAAS,WAAW,IAAU,yBAG/BqB,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAU,EAAA,QAAQR,EAAQ,UAAU,YAAY;AAAA,sBAChDM,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,oBAAA,CAAA;AAAA,MACA,gBAAAF,EAACC,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,wBACrBF,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAiB,MACnE,UAAA;AAAA,QAAA,gBAAAC,EAACE,GAAK,EAAA,WAAU,OAAM,QAAO,cAAa,UAE1C,qBAAA;AAAA,0BACCC,GAAW,EAAA,OAAM,4BAA2B,SAASP,GAAe,OAAM,SAAQ;AAAA,MAAA,GACrF;AAAA,IAAA,GACF;AAAA,IACC,gBAAAI,EAAAC,GAAA,EAAU,QAAQpB,IAAW,KAAK,IAAI;AAAA,sBACtCkB,GAAS,EAAA,cAAa,WACpB,UAAAX,EAAK,IAAI,CAAOgB,MAAA;AACT,YAAAC,IAAUlB,EAAOiB,GAAK,YAAY,GAClClB,IAAUD,EAAY,IAAIoB,CAAO,GACjCC,IAAcC,EAAQH,CAAG,GACzBI,KAAqBtB,KAAA,gBAAAA,EAAS,oBAAmBuB,EAAe,WAChEC,KACJxB,KAAA,gBAAAA,EAAS,oBAAmBuB,EAAe,YAAY,YAAY,WAC/DE,IAAaH,IAAqB,eAAeE;AAEvD,+BACGE,GAAA,EAAgC,OAAO,GAAG,gBAAe,OACxD,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,gBAAe;AAAA,YACf,aAAY;AAAA,YACZ,iBAAiB;AAAA,YACjB,UAAU;AAAA,YACV,OAAO;AAAA,YAEP,UAAA;AAAA,cAAC,gBAAAd,EAAAE,GAAA,EAAK,WAAU,aAAY,QAAO,WAChC,YAAOE,GAAK,KAAK,EAAE,YACtB,EAAA,CAAA;AAAA,cACA,gBAAAJ;AAAA,gBAACe;AAAAA,gBAAA;AAAA,kBACC,aAAaT,IAAc,UAAU;AAAA,kBACrC,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,aAAY;AAAA,kBACZ,iBAAgB;AAAA,kBAChB,eAAe;AAAA,kBACf,SAAS;AAAA,kBACT,MAAM;AAAA,kBAEN,UAAA,gBAAAN,EAACE,GAAK,EAAA,WAAU,YAAW,QAAQI,IAAc,YAAY,WAC1D,UAAAnB,EAAOiB,GAAK,GAAG,EAClB,CAAA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAS;AAAA,UAACd;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,MAAM;AAAA,YACN,aAAaY;AAAA,YACb,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,aAAY;AAAA,YAEX,UAAA;AAAA,cAAAzB,sBACEgB,GAAK,EAAA,WAAU,OAAM,QAAQM,IAAqB,eAAe,SAC/D,UAAOrB,EAAA,IAAI,KAAKD,EAAQ,gBAAgB,GAAI,GAAG,GAAG,EACrD,CAAA,IACE;AAAA,cACHsB,KAAuB,gBAAAR,EAAAgB,GAAA,EAAW,OAAOrC,EAAM,OAAO,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACrE;AAAA,MAAA,EAAA,GA1CsB0B,CA2CxB;AAAA,IAEH,CAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeY,KAAAC,EAAKzC,CAAgB;"}

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

@@ -14,14 +14,14 @@ const E = g(function() {
   return h ? /* @__PURE__ */ r(o, { $gapX: t ? 1.5 : 2.5, $gutterX: t ? 1 : 2.5, $background: "BLACK_2", children: [
     /* @__PURE__ */ e(i, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: "Before you cancel - is this about the tutor?" }),
     /* @__PURE__ */ e(n, { heightX: 0.75 }),
-    /* @__PURE__ */ r(i, { $renderAs: "ub2", $renderOnMobileAs: "ub3", $color: "WHITE", children: [
+    /* @__PURE__ */ r(i, { $renderAs: "ub3", $renderOnMobileAs: "ub4", $color: "WHITE", children: [
       "This is exactly why we offer a tutor match guarantee. It's completely okay if the first tutor wasn't the right fit - with our extensive network, we're confident we can find",
       " ",
       u,
       "'s ideal tutor."
     ] }),
     /* @__PURE__ */ e(n, { heightX: 0.75 }),
-    /* @__PURE__ */ e(i, { $renderAs: "ub2", $renderOnMobileAs: "ub3", $color: "WHITE", children: "Do you want to try a session with another tutor? We won’t charge you for it." }),
+    /* @__PURE__ */ e(i, { $renderAs: "ub3", $renderOnMobileAs: "ub4", $color: "WHITE", children: "Do you want to try a session with another tutor? We won’t charge you for it." }),
     /* @__PURE__ */ e(n, { heightX: 2.5 }),
     /* @__PURE__ */ r(o, { $flexDirection: "row", $flexGapX: 1.5, children: [
       /* @__PURE__ */ e(
@@ -47,7 +47,7 @@ const E = g(function() {
     /* @__PURE__ */ e(i, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: m }),
     /* @__PURE__ */ e(n, { heightX: 0.75 }),
     /* @__PURE__ */ r(o, { $flexGapX: 0.75, children: [
-      /* @__PURE__ */ e(i, { $renderAs: "ub3", $color: "WHITE", children: "If you decide to cancel:" }),
+      /* @__PURE__ */ e(i, { $renderAs: "ub4", $color: "WHITE", children: "If you decide to cancel:" }),
       p.map((s) => /* @__PURE__ */ r(o, { $flexDirection: "row", $flexGapX: 0.5, children: [
         /* @__PURE__ */ e(
           o,
@@ -61,7 +61,7 @@ const E = g(function() {
             children: /* @__PURE__ */ e(T, {})
           }
         ),
-        /* @__PURE__ */ e(i, { $renderAs: "ub3", $color: "WHITE", children: s })
+        /* @__PURE__ */ e(i, { $renderAs: "ub4", $color: "WHITE", children: s })
       ] }, s))
     ] }),
     /* @__PURE__ */ e(n, { heightX: 2.5 }),

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

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

package/dist/features/parent-dashboard/modals/cancellation-confirmation/cancellation-confirmation.js

@@ -12,7 +12,7 @@ const p = s(function() {
   return /* @__PURE__ */ c(m, { $gapX: e ? 1.5 : 2.5, $gutterX: e ? 1 : 2.5, $background: "BLACK_2", children: [
     /* @__PURE__ */ o(i, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "ORANGE_4", children: "Your subscription has been cancelled" }),
     /* @__PURE__ */ o(r, { heightX: 0.75 }),
-    /* @__PURE__ */ o(i, { $renderAs: "ub3", $color: "WHITE", children: "We won't charge your card. If you change your mind, you can always restart the signup process by visiting our website." }),
+    /* @__PURE__ */ o(i, { $renderAs: "ub4", $color: "WHITE", children: "We won't charge your card. If you change your mind, you can always restart the signup process by visiting our website." }),
     /* @__PURE__ */ o(r, { heightX: 2.5 }),
     /* @__PURE__ */ o(l, { size: "regular", label: "Close", color: "WHITE", onClick: t })
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"cancellation-confirmation.js","sources":["../../../../../src/features/parent-dashboard/modals/cancellation-confirmation/cancellation-confirmation.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 useModalActions from '../../../ui/modals/use-modal-actions';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\nconst CancelConfirmation = memo(function CancelConfirmation() {\n  const { closeModal } = useModalActions();\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView $gapX={isMobile ? 1.5 : 2.5} $gutterX={isMobile ? 1 : 2.5} $background=\"BLACK_2\">\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"ORANGE_4\">\n        Your subscription has been cancelled\n      </Text>\n      <Separator heightX={0.75} />\n      <Text $renderAs=\"ub3\" $color=\"WHITE\">\n        We won't charge your card. If you change your mind, you can always restart the signup\n        process by visiting our website.\n      </Text>\n      <Separator heightX={2.5} />\n      <TextButton size=\"regular\" label=\"Close\" color=\"WHITE\" onClick={closeModal} />\n    </FlexView>\n  );\n});\n\nexport default CancelConfirmation;\n"],"names":["CancelConfirmation","memo","closeModal","useModalActions","device","useTheme","isMobile","EDeviceType","jsxs","FlexView","jsx","Text","Separator","TextButton","CancelConfirmation$1"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAqBC,EAAK,WAA8B;AACtD,QAAA,EAAE,YAAAC,MAAeC,KACjB,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,EAAY;AAGrC,SAAA,gBAAAC,EAACC,GAAS,EAAA,OAAOH,IAAW,MAAM,KAAK,UAAUA,IAAW,IAAI,KAAK,aAAY,WAC/E,UAAA;AAAA,IAAA,gBAAAI,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,YAAW,UAE1E,uCAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,sBACzBD,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAGrC,0HAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACG,KAAW,MAAK,WAAU,OAAM,SAAQ,OAAM,SAAQ,SAASX,EAAY,CAAA;AAAA,EAC9E,EAAA,CAAA;AAEJ,CAAC,GAEDY,IAAed;"}
+{"version":3,"file":"cancellation-confirmation.js","sources":["../../../../../src/features/parent-dashboard/modals/cancellation-confirmation/cancellation-confirmation.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 useModalActions from '../../../ui/modals/use-modal-actions';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\nconst CancelConfirmation = memo(function CancelConfirmation() {\n  const { closeModal } = useModalActions();\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView $gapX={isMobile ? 1.5 : 2.5} $gutterX={isMobile ? 1 : 2.5} $background=\"BLACK_2\">\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"ORANGE_4\">\n        Your subscription has been cancelled\n      </Text>\n      <Separator heightX={0.75} />\n      <Text $renderAs=\"ub4\" $color=\"WHITE\">\n        We won't charge your card. If you change your mind, you can always restart the signup\n        process by visiting our website.\n      </Text>\n      <Separator heightX={2.5} />\n      <TextButton size=\"regular\" label=\"Close\" color=\"WHITE\" onClick={closeModal} />\n    </FlexView>\n  );\n});\n\nexport default CancelConfirmation;\n"],"names":["CancelConfirmation","memo","closeModal","useModalActions","device","useTheme","isMobile","EDeviceType","jsxs","FlexView","jsx","Text","Separator","TextButton","CancelConfirmation$1"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAqBC,EAAK,WAA8B;AACtD,QAAA,EAAE,YAAAC,MAAeC,KACjB,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,EAAY;AAGrC,SAAA,gBAAAC,EAACC,GAAS,EAAA,OAAOH,IAAW,MAAM,KAAK,UAAUA,IAAW,IAAI,KAAK,aAAY,WAC/E,UAAA;AAAA,IAAA,gBAAAI,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,YAAW,UAE1E,uCAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,sBACzBD,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAGrC,0HAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACG,KAAW,MAAK,WAAU,OAAM,SAAQ,OAAM,SAAQ,SAASX,EAAY,CAAA;AAAA,EAC9E,EAAA,CAAA;AAEJ,CAAC,GAEDY,IAAed;"}

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

@@ -50,7 +50,7 @@ const le = k(function() {
         /* @__PURE__ */ r(S, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: L }),
         A ? /* @__PURE__ */ a(M, { children: [
           /* @__PURE__ */ r(Y, { heightX: 0.25 }),
-          /* @__PURE__ */ r(S, { $renderAs: "ub2", $renderOnMobileAs: "ub3", $color: "WHITE", children: A })
+          /* @__PURE__ */ r(S, { $renderAs: "ub3", $renderOnMobileAs: "ub4", $color: "WHITE", children: A })
         ] }) : null
       ] }),
       /* @__PURE__ */ a(
@@ -97,7 +97,7 @@ const le = k(function() {
         $flexDirection: "row",
         $flexColumnGapX: 1.5,
         children: [
-          x ? /* @__PURE__ */ r(ae, { $renderAs: "ub3", $color: "ORANGE_4", $align: "left", children: "Something went wrong. Please try again." }) : null,
+          x ? /* @__PURE__ */ r(ae, { $renderAs: "ub4", $color: "ORANGE_4", $align: "left", children: "Something went wrong. Please try again." }) : null,
           /* @__PURE__ */ r(
             E,
             {

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

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

package/dist/features/parent-dashboard/modals/help-and-support/help-and-support.js

@@ -26,8 +26,8 @@ const A = () => {
         /* @__PURE__ */ o(r, { heightX: 1 }),
         /* @__PURE__ */ o(t, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "GREEN_4", children: "Have questions?" }),
         /* @__PURE__ */ o(r, { heightX: 1 }),
-        /* @__PURE__ */ o(t, { $renderAs: "ub1", $renderOnMobileAs: "ub2", $color: "WHITE_1", children: "Please reach out to our admissions team at" }),
-        /* @__PURE__ */ o("a", { href: "mailto:admissions@cuemath.com", children: /* @__PURE__ */ o(t, { $renderAs: "ub1-bold", $inline: !0, $color: "WHITE_1", $textDecoration: "underline", children: "admissions@cuemath.com" }) }),
+        /* @__PURE__ */ o(t, { $renderAs: "ub2", $renderOnMobileAs: "ub3", $color: "WHITE_1", children: "Please reach out to our admissions team at" }),
+        /* @__PURE__ */ o("a", { href: "mailto:admissions@cuemath.com", children: /* @__PURE__ */ o(t, { $renderAs: "ub2-bold", $inline: !0, $color: "WHITE_1", $textDecoration: "underline", children: "admissions@cuemath.com" }) }),
         /* @__PURE__ */ o(r, { heightX: 2.5 }),
         /* @__PURE__ */ o(h, { label: "Got it", color: "WHITE", onClick: n, size: "medium" })
       ]

package/dist/features/parent-dashboard/modals/help-and-support/help-and-support.js.map

@@ -1 +1 @@
-{"version":3,"file":"help-and-support.js","sources":["../../../../../src/features/parent-dashboard/modals/help-and-support/help-and-support.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalActions from '../../../ui/modals/use-modal-actions';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\nconst PLAHelpAndSupport = () => {\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n  const { closeModal } = useModalActions();\n\n  const handleClick = useCallback(() => {\n    closeModal();\n  }, [closeModal]);\n\n  return (\n    <FlexView\n      $gutterX={isMobile ? 1.5 : 2.5}\n      $gapX={isMobile ? 1.5 : 2.5}\n      $width={isMobile ? '100%' : 560}\n      $background=\"BLACK_2\"\n      $borderColor=\"BLACK_5\"\n    >\n      <Image src={ILLUSTRATIONS.HANDSHAKE_GREEN} width={64} height={64} />\n      <Separator heightX={1} />\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"GREEN_4\">\n        Have questions?\n      </Text>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub1\" $renderOnMobileAs=\"ub2\" $color=\"WHITE_1\">\n        Please reach out to our admissions team at\n      </Text>\n      <a href=\"mailto:admissions@cuemath.com\">\n        <Text $renderAs=\"ub1-bold\" $inline $color=\"WHITE_1\" $textDecoration=\"underline\">\n          admissions@cuemath.com\n        </Text>\n      </a>\n      <Separator heightX={2.5} />\n      <TextButton label=\"Got it\" color=\"WHITE\" onClick={handleClick} size=\"medium\" />\n    </FlexView>\n  );\n};\n\nexport default memo(PLAHelpAndSupport);\n"],"names":["PLAHelpAndSupport","device","useTheme","isMobile","EDeviceType","closeModal","useModalActions","handleClick","useCallback","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","TextButton","helpAndSupport","memo"],"mappings":";;;;;;;;;;;AAYA,MAAMA,IAAoB,MAAM;AACxB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QACjC,EAAE,YAAAC,MAAeC,KAEjBC,IAAcC,EAAY,MAAM;AACzB,IAAAH;EAAA,GACV,CAACA,CAAU,CAAC;AAGb,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUP,IAAW,MAAM;AAAA,MAC3B,OAAOA,IAAW,MAAM;AAAA,MACxB,QAAQA,IAAW,SAAS;AAAA,MAC5B,aAAY;AAAA,MACZ,cAAa;AAAA,MAEb,UAAA;AAAA,QAAA,gBAAAQ,EAACC,KAAM,KAAKC,EAAc,iBAAiB,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClE,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAH,EAACI,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,WAAU,UAEzE,kBAAA,CAAA;AAAA,QACA,gBAAAJ,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAH,EAACI,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,WAAU,UAE/D,6CAAA,CAAA;AAAA,QACC,gBAAAJ,EAAA,KAAA,EAAE,MAAK,iCACN,4BAACI,GAAK,EAAA,WAAU,YAAW,SAAO,IAAC,QAAO,WAAU,iBAAgB,aAAY,mCAEhF,CAAA,GACF;AAAA,QACA,gBAAAJ,EAACG,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,QACzB,gBAAAH,EAACK,KAAW,OAAM,UAAS,OAAM,SAAQ,SAAST,GAAa,MAAK,SAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnF,GAEeU,IAAAC,EAAKlB,CAAiB;"}
+{"version":3,"file":"help-and-support.js","sources":["../../../../../src/features/parent-dashboard/modals/help-and-support/help-and-support.tsx"],"sourcesContent":["import { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalActions from '../../../ui/modals/use-modal-actions';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\nconst PLAHelpAndSupport = () => {\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n  const { closeModal } = useModalActions();\n\n  const handleClick = useCallback(() => {\n    closeModal();\n  }, [closeModal]);\n\n  return (\n    <FlexView\n      $gutterX={isMobile ? 1.5 : 2.5}\n      $gapX={isMobile ? 1.5 : 2.5}\n      $width={isMobile ? '100%' : 560}\n      $background=\"BLACK_2\"\n      $borderColor=\"BLACK_5\"\n    >\n      <Image src={ILLUSTRATIONS.HANDSHAKE_GREEN} width={64} height={64} />\n      <Separator heightX={1} />\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"GREEN_4\">\n        Have questions?\n      </Text>\n      <Separator heightX={1} />\n      <Text $renderAs=\"ub2\" $renderOnMobileAs=\"ub3\" $color=\"WHITE_1\">\n        Please reach out to our admissions team at\n      </Text>\n      <a href=\"mailto:admissions@cuemath.com\">\n        <Text $renderAs=\"ub2-bold\" $inline $color=\"WHITE_1\" $textDecoration=\"underline\">\n          admissions@cuemath.com\n        </Text>\n      </a>\n      <Separator heightX={2.5} />\n      <TextButton label=\"Got it\" color=\"WHITE\" onClick={handleClick} size=\"medium\" />\n    </FlexView>\n  );\n};\n\nexport default memo(PLAHelpAndSupport);\n"],"names":["PLAHelpAndSupport","device","useTheme","isMobile","EDeviceType","closeModal","useModalActions","handleClick","useCallback","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","TextButton","helpAndSupport","memo"],"mappings":";;;;;;;;;;;AAYA,MAAMA,IAAoB,MAAM;AACxB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QACjC,EAAE,YAAAC,MAAeC,KAEjBC,IAAcC,EAAY,MAAM;AACzB,IAAAH;EAAA,GACV,CAACA,CAAU,CAAC;AAGb,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUP,IAAW,MAAM;AAAA,MAC3B,OAAOA,IAAW,MAAM;AAAA,MACxB,QAAQA,IAAW,SAAS;AAAA,MAC5B,aAAY;AAAA,MACZ,cAAa;AAAA,MAEb,UAAA;AAAA,QAAA,gBAAAQ,EAACC,KAAM,KAAKC,EAAc,iBAAiB,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClE,gBAAAF,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAH,EAACI,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,WAAU,UAEzE,kBAAA,CAAA;AAAA,QACA,gBAAAJ,EAACG,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,QACvB,gBAAAH,EAACI,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,WAAU,UAE/D,6CAAA,CAAA;AAAA,QACC,gBAAAJ,EAAA,KAAA,EAAE,MAAK,iCACN,4BAACI,GAAK,EAAA,WAAU,YAAW,SAAO,IAAC,QAAO,WAAU,iBAAgB,aAAY,mCAEhF,CAAA,GACF;AAAA,QACA,gBAAAJ,EAACG,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,QACzB,gBAAAH,EAACK,KAAW,OAAM,UAAS,OAAM,SAAQ,SAAST,GAAa,MAAK,SAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnF,GAEeU,IAAAC,EAAKlB,CAAiB;"}

package/dist/features/parent-dashboard/modals/student-login-info/student-login-info.js

@@ -23,13 +23,13 @@ const g = () => {
       children: [
         /* @__PURE__ */ o(e, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE_1", children: "Student login created" }),
         /* @__PURE__ */ o(l, { heightX: 0.75 }),
-        /* @__PURE__ */ i(e, { $renderAs: "ub1", $color: "WHITE_1", children: [
+        /* @__PURE__ */ i(e, { $renderAs: "ub2", $color: "WHITE_1", children: [
           "Your child can directly login to",
           " ",
-          /* @__PURE__ */ o(e, { $renderAs: "ub1-bold", $color: "WHITE_1", $inline: !0, children: "leap.cuemath.com" }),
+          /* @__PURE__ */ o(e, { $renderAs: "ub2-bold", $color: "WHITE_1", $inline: !0, children: "leap.cuemath.com" }),
           " ",
           "using “",
-          /* @__PURE__ */ o(e, { $renderAs: "ub1", $inline: !0, $color: "GREEN_4", children: `${c}` }),
+          /* @__PURE__ */ o(e, { $renderAs: "ub2", $inline: !0, $color: "GREEN_4", children: `${c}` }),
           "” as both username and password."
         ] }),
         /* @__PURE__ */ o(l, { heightX: 2.5 }),

package/dist/features/parent-dashboard/modals/student-login-info/student-login-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-login-info.js","sources":["../../../../../src/features/parent-dashboard/modals/student-login-info/student-login-info.tsx"],"sourcesContent":["import { memo, useCallback } 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 useModalActions from '../../../ui/modals/use-modal-actions';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\nconst StudentLoginInfoModal = () => {\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n  const { closeModal } = useModalActions();\n  const { username, onAcknowledge } = useModalParams<{\n    username: string;\n    onAcknowledge: () => void;\n  }>();\n\n  const handleClick = useCallback(() => {\n    closeModal();\n    onAcknowledge();\n  }, [closeModal, onAcknowledge]);\n\n  return (\n    <FlexView\n      $gutterX={isMobile ? 1.5 : 2.5}\n      $gapX={isMobile ? 1.5 : 2.5}\n      $width={isMobile ? '100%' : 570}\n      $background=\"BLACK_2\"\n      $borderColor=\"BLACK_5\"\n    >\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE_1\">\n        Student login created\n      </Text>\n      <Separator heightX={0.75} />\n      <Text $renderAs=\"ub1\" $color=\"WHITE_1\">\n        Your child can directly login to{' '}\n        <Text $renderAs=\"ub1-bold\" $color=\"WHITE_1\" $inline>\n          leap.cuemath.com\n        </Text>{' '}\n        using “<Text $renderAs=\"ub1\" $inline $color=\"GREEN_4\">{`${username}`}</Text>” as both\n        username and password.\n      </Text>\n      <Separator heightX={2.5} />\n      <TextButton label=\"Got it\" color=\"WHITE\" onClick={handleClick} size=\"medium\" />\n    </FlexView>\n  );\n};\n\nexport default memo(StudentLoginInfoModal);\n"],"names":["StudentLoginInfoModal","device","useTheme","isMobile","EDeviceType","closeModal","useModalActions","username","onAcknowledge","useModalParams","handleClick","useCallback","jsxs","FlexView","jsx","Text","Separator","TextButton","studentLoginInfo","memo"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAwB,MAAM;AAC5B,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QACjC,EAAE,YAAAC,MAAeC,KACjB,EAAE,UAAAC,GAAU,eAAAC,EAAc,IAAIC,EAGjC,GAEGC,IAAcC,EAAY,MAAM;AACzB,IAAAN,KACGG;EAAA,GACb,CAACH,GAAYG,CAAa,CAAC;AAG5B,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUV,IAAW,MAAM;AAAA,MAC3B,OAAOA,IAAW,MAAM;AAAA,MACxB,QAAQA,IAAW,SAAS;AAAA,MAC5B,aAAY;AAAA,MACZ,cAAa;AAAA,MAEb,UAAA;AAAA,QAAA,gBAAAW,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,WAAU,UAEzE,wBAAA,CAAA;AAAA,QACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QACzB,gBAAAJ,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,WAAU,UAAA;AAAA,UAAA;AAAA,UACJ;AAAA,UACjC,gBAAAD,EAACC,KAAK,WAAU,YAAW,QAAO,WAAU,SAAO,IAAC,UAEpD,mBAAA,CAAA;AAAA,UAAQ;AAAA,UAAI;AAAA,UACL,gBAAAD,EAACC,GAAK,EAAA,WAAU,OAAM,SAAO,IAAC,QAAO,WAAW,UAAG,GAAAR,CAAQ,GAAG,CAAA;AAAA,UAAO;AAAA,QAAA,GAE9E;AAAA,QACA,gBAAAO,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,QACzB,gBAAAF,EAACG,KAAW,OAAM,UAAS,OAAM,SAAQ,SAASP,GAAa,MAAK,SAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnF,GAEeQ,IAAAC,EAAKnB,CAAqB;"}
+{"version":3,"file":"student-login-info.js","sources":["../../../../../src/features/parent-dashboard/modals/student-login-info/student-login-info.tsx"],"sourcesContent":["import { memo, useCallback } 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 useModalActions from '../../../ui/modals/use-modal-actions';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\nconst StudentLoginInfoModal = () => {\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n  const { closeModal } = useModalActions();\n  const { username, onAcknowledge } = useModalParams<{\n    username: string;\n    onAcknowledge: () => void;\n  }>();\n\n  const handleClick = useCallback(() => {\n    closeModal();\n    onAcknowledge();\n  }, [closeModal, onAcknowledge]);\n\n  return (\n    <FlexView\n      $gutterX={isMobile ? 1.5 : 2.5}\n      $gapX={isMobile ? 1.5 : 2.5}\n      $width={isMobile ? '100%' : 570}\n      $background=\"BLACK_2\"\n      $borderColor=\"BLACK_5\"\n    >\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE_1\">\n        Student login created\n      </Text>\n      <Separator heightX={0.75} />\n      <Text $renderAs=\"ub2\" $color=\"WHITE_1\">\n        Your child can directly login to{' '}\n        <Text $renderAs=\"ub2-bold\" $color=\"WHITE_1\" $inline>\n          leap.cuemath.com\n        </Text>{' '}\n        using “<Text $renderAs=\"ub2\" $inline $color=\"GREEN_4\">{`${username}`}</Text>” as both\n        username and password.\n      </Text>\n      <Separator heightX={2.5} />\n      <TextButton label=\"Got it\" color=\"WHITE\" onClick={handleClick} size=\"medium\" />\n    </FlexView>\n  );\n};\n\nexport default memo(StudentLoginInfoModal);\n"],"names":["StudentLoginInfoModal","device","useTheme","isMobile","EDeviceType","closeModal","useModalActions","username","onAcknowledge","useModalParams","handleClick","useCallback","jsxs","FlexView","jsx","Text","Separator","TextButton","studentLoginInfo","memo"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAwB,MAAM;AAC5B,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QACjC,EAAE,YAAAC,MAAeC,KACjB,EAAE,UAAAC,GAAU,eAAAC,EAAc,IAAIC,EAGjC,GAEGC,IAAcC,EAAY,MAAM;AACzB,IAAAN,KACGG;EAAA,GACb,CAACH,GAAYG,CAAa,CAAC;AAG5B,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUV,IAAW,MAAM;AAAA,MAC3B,OAAOA,IAAW,MAAM;AAAA,MACxB,QAAQA,IAAW,SAAS;AAAA,MAC5B,aAAY;AAAA,MACZ,cAAa;AAAA,MAEb,UAAA;AAAA,QAAA,gBAAAW,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,WAAU,UAEzE,wBAAA,CAAA;AAAA,QACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,QACzB,gBAAAJ,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,WAAU,UAAA;AAAA,UAAA;AAAA,UACJ;AAAA,UACjC,gBAAAD,EAACC,KAAK,WAAU,YAAW,QAAO,WAAU,SAAO,IAAC,UAEpD,mBAAA,CAAA;AAAA,UAAQ;AAAA,UAAI;AAAA,UACL,gBAAAD,EAACC,GAAK,EAAA,WAAU,OAAM,SAAO,IAAC,QAAO,WAAW,UAAG,GAAAR,CAAQ,GAAG,CAAA;AAAA,UAAO;AAAA,QAAA,GAE9E;AAAA,QACA,gBAAAO,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,QACzB,gBAAAF,EAACG,KAAW,OAAM,UAAS,OAAM,SAAQ,SAASP,GAAa,MAAK,SAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnF,GAEeQ,IAAAC,EAAKnB,CAAqB;"}

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

@@ -42,10 +42,10 @@ const l = p(() => {
               "•••• ",
               m
             ] }),
-            /* @__PURE__ */ e(i, { $renderAs: "ub3-bold", $color: "WHITE", children: [
+            /* @__PURE__ */ e(i, { $renderAs: "ub4-bold", $color: "WHITE", children: [
               "Card",
               " ",
-              /* @__PURE__ */ e(i, { $renderAs: "ub3", $color: "WHITE", $inline: !0, children: [
+              /* @__PURE__ */ e(i, { $renderAs: "ub4", $color: "WHITE", $inline: !0, children: [
                 "Exp: ",
                 d,
                 "/",