@cuemath/leap 3.3.23-link.0 → 3.3.24-link.0

package/dist/features/auth/pla-signup/pla-analytics-events.js

@@ -1,5 +1,5 @@
 import { PLUGINS as _ } from "../../../node_modules/@cuemath/analytics-v2/dist/constants.js";
-var s = /* @__PURE__ */ ((e) => (e.START_SIGNUP_CTA_CLICKED = "start_signup_cta_clicked", e.ECNA_STEP_VIEWED = "ecna_step_viewed", e.ECNA_RESPONSE_RECORDED_DEBUG = "ecna_response_recorded_debug", e.PARENT_SIGNUP_CTA_CLICKED = "parent_signup_cta_clicked", e.PARENT_SIGNUP_SUCCESSFUL = "parent_signup_successful", e.PARENT_SIGNUP_FAILED = "parent_signup_failed", e.STUDENT_SIGNUP_SUCCESSFUL = "signup_successful", e.STUDENT_SIGNUP_FAILED = "signup_failed", e.SIGNUP_OTP_ENTERED = "signup_otp_entered", e.SIGNUP_OTP_VERIFIED = "signup_otp_verified", e.SIGNUP_OTP_FAILED = "signup_otp_failed", e.SLOTS_SHOWN = "slots_shown", e.SLOT_DATE_SELECTED = "slot_date_selected", e.SLOT_TIME_SELECTED = "slot_time_selected", e.TUTOR_CHANGE_REASON_SELECTED = "tutor_change_reason_selected", e))(s || {});
+var t = /* @__PURE__ */ ((e) => (e.START_SIGNUP_CTA_CLICKED = "start_signup_cta_clicked", e.ECNA_STEP_VIEWED = "ecna_step_viewed", e.ECNA_RESPONSE_RECORDED_DEBUG = "ecna_response_recorded_debug", e.PARENT_SIGNUP_CTA_CLICKED = "parent_signup_cta_clicked", e.PARENT_SIGNUP_SUCCESSFUL = "parent_signup_successful", e.PARENT_SIGNUP_FAILED = "parent_signup_failed", e.STUDENT_SIGNUP_SUCCESSFUL = "signup_successful", e.STUDENT_SIGNUP_FAILED = "signup_failed", e.SIGNUP_OTP_ENTERED = "signup_otp_entered", e.SIGNUP_OTP_VERIFIED = "signup_otp_verified", e.SIGNUP_OTP_FAILED = "signup_otp_failed", e.SLOTS_SHOWN = "slots_shown", e.SLOT_DATE_SELECTED = "slot_date_selected", e.SLOT_TIME_SELECTED = "slot_time_selected", e.TUTOR_CHANGE_REASON_SELECTED = "tutor_change_reason_selected", e.SUBSCRIPTION_INTENT_FAILED = "subscription_intent_failed", e.SUBSCRIPTION_INTENT_CREATED = "subscription_intent_created", e.STRIPE_PAYMENT_ELEMENT_READY = "stripe_payment_element_ready", e.STRIPE_PAYMENT_FAILED = "stripe_payment_failed", e.STRIPE_PAYMENT_SUCCESS = "stripe_payment_success", e.PAYMENT_PLAN_SELECTED = "payment_plan_selected", e))(t || {});
 const n = {
   start_signup_cta_clicked: [_.MIXPANEL],
   ecna_step_viewed: [_.MIXPANEL],
@@ -15,10 +15,16 @@ const n = {
   slots_shown: [_.MIXPANEL],
   slot_date_selected: [_.MIXPANEL],
   slot_time_selected: [_.MIXPANEL],
-  tutor_change_reason_selected: [_.MIXPANEL]
+  tutor_change_reason_selected: [_.MIXPANEL],
+  subscription_intent_failed: [_.MIXPANEL],
+  subscription_intent_created: [_.MIXPANEL],
+  stripe_payment_element_ready: [_.MIXPANEL],
+  stripe_payment_failed: [_.MIXPANEL],
+  stripe_payment_success: [_.MIXPANEL],
+  payment_plan_selected: [_.MIXPANEL]
 };
 export {
-  s as PLA_ANALYTICS_EVENTS,
+  t as PLA_ANALYTICS_EVENTS,
   n as PLA_ANALYTICS_WHITELIST_EVENTS
 };
 //# sourceMappingURL=pla-analytics-events.js.map

package/dist/features/auth/pla-signup/pla-analytics-events.js.map

@@ -1 +1 @@
-{"version":3,"file":"pla-analytics-events.js","sources":["../../../../src/features/auth/pla-signup/pla-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum PLA_ANALYTICS_EVENTS {\n  START_SIGNUP_CTA_CLICKED = 'start_signup_cta_clicked',\n  ECNA_STEP_VIEWED = 'ecna_step_viewed',\n  ECNA_RESPONSE_RECORDED_DEBUG = 'ecna_response_recorded_debug',\n  PARENT_SIGNUP_CTA_CLICKED = 'parent_signup_cta_clicked',\n  PARENT_SIGNUP_SUCCESSFUL = 'parent_signup_successful',\n  PARENT_SIGNUP_FAILED = 'parent_signup_failed',\n  STUDENT_SIGNUP_SUCCESSFUL = 'signup_successful',\n  STUDENT_SIGNUP_FAILED = 'signup_failed',\n  SIGNUP_OTP_ENTERED = 'signup_otp_entered',\n  SIGNUP_OTP_VERIFIED = 'signup_otp_verified',\n  SIGNUP_OTP_FAILED = 'signup_otp_failed',\n  SLOTS_SHOWN = 'slots_shown',\n  SLOT_DATE_SELECTED = 'slot_date_selected',\n  SLOT_TIME_SELECTED = 'slot_time_selected',\n  TUTOR_CHANGE_REASON_SELECTED = 'tutor_change_reason_selected',\n}\n\nexport const PLA_ANALYTICS_WHITELIST_EVENTS = {\n  [PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.ECNA_STEP_VIEWED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.ECNA_RESPONSE_RECORDED_DEBUG]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_CTA_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_SUCCESSFUL]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STUDENT_SIGNUP_SUCCESSFUL]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STUDENT_SIGNUP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_ENTERED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_VERIFIED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOTS_SHOWN]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOT_DATE_SELECTED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOT_TIME_SELECTED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.TUTOR_CHANGE_REASON_SELECTED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLA_ANALYTICS_EVENTS","PLA_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,2BAA2B,4BAC3BA,EAAA,mBAAmB,oBACnBA,EAAA,+BAA+B,gCAC/BA,EAAA,4BAA4B,6BAC5BA,EAAA,2BAA2B,4BAC3BA,EAAA,uBAAuB,wBACvBA,EAAA,4BAA4B,qBAC5BA,EAAA,wBAAwB,iBACxBA,EAAA,qBAAqB,sBACrBA,EAAA,sBAAsB,uBACtBA,EAAA,oBAAoB,qBACpBA,EAAA,cAAc,eACdA,EAAA,qBAAqB,sBACrBA,EAAA,qBAAqB,sBACrBA,EAAA,+BAA+B,gCAfrBA,IAAAA,KAAA,CAAA,CAAA;AAkBL,MAAMC,IAAiC;AAAA,EAC3C,0BAAgD,CAACC,EAAQ,QAAQ;AAAA,EACjE,kBAAwC,CAACA,EAAQ,QAAQ;AAAA,EACzD,8BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,2BAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,0BAAgD,CAACA,EAAQ,QAAQ;AAAA,EACjE,sBAA4C,CAACA,EAAQ,QAAQ;AAAA,EAC7D,mBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,eAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,qBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,mBAAyC,CAACA,EAAQ,QAAQ;AAAA,EAC1D,aAAmC,CAACA,EAAQ,QAAQ;AAAA,EACpD,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,8BAAoD,CAACA,EAAQ,QAAQ;AACxE;"}
+{"version":3,"file":"pla-analytics-events.js","sources":["../../../../src/features/auth/pla-signup/pla-analytics-events.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum PLA_ANALYTICS_EVENTS {\n  START_SIGNUP_CTA_CLICKED = 'start_signup_cta_clicked',\n  ECNA_STEP_VIEWED = 'ecna_step_viewed',\n  ECNA_RESPONSE_RECORDED_DEBUG = 'ecna_response_recorded_debug',\n  PARENT_SIGNUP_CTA_CLICKED = 'parent_signup_cta_clicked',\n  PARENT_SIGNUP_SUCCESSFUL = 'parent_signup_successful',\n  PARENT_SIGNUP_FAILED = 'parent_signup_failed',\n  STUDENT_SIGNUP_SUCCESSFUL = 'signup_successful',\n  STUDENT_SIGNUP_FAILED = 'signup_failed',\n  SIGNUP_OTP_ENTERED = 'signup_otp_entered',\n  SIGNUP_OTP_VERIFIED = 'signup_otp_verified',\n  SIGNUP_OTP_FAILED = 'signup_otp_failed',\n  SLOTS_SHOWN = 'slots_shown',\n  SLOT_DATE_SELECTED = 'slot_date_selected',\n  SLOT_TIME_SELECTED = 'slot_time_selected',\n  TUTOR_CHANGE_REASON_SELECTED = 'tutor_change_reason_selected',\n  SUBSCRIPTION_INTENT_FAILED = 'subscription_intent_failed',\n  SUBSCRIPTION_INTENT_CREATED = 'subscription_intent_created',\n  STRIPE_PAYMENT_ELEMENT_READY = 'stripe_payment_element_ready',\n  STRIPE_PAYMENT_FAILED = 'stripe_payment_failed',\n  STRIPE_PAYMENT_SUCCESS = 'stripe_payment_success',\n  PAYMENT_PLAN_SELECTED = 'payment_plan_selected',\n}\n\nexport const PLA_ANALYTICS_WHITELIST_EVENTS = {\n  [PLA_ANALYTICS_EVENTS.START_SIGNUP_CTA_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.ECNA_STEP_VIEWED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.ECNA_RESPONSE_RECORDED_DEBUG]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_CTA_CLICKED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_SUCCESSFUL]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PARENT_SIGNUP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STUDENT_SIGNUP_SUCCESSFUL]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STUDENT_SIGNUP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_ENTERED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_VERIFIED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SIGNUP_OTP_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOTS_SHOWN]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOT_DATE_SELECTED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SLOT_TIME_SELECTED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.TUTOR_CHANGE_REASON_SELECTED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SUBSCRIPTION_INTENT_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.SUBSCRIPTION_INTENT_CREATED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STRIPE_PAYMENT_ELEMENT_READY]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STRIPE_PAYMENT_FAILED]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.STRIPE_PAYMENT_SUCCESS]: [PLUGINS.MIXPANEL],\n  [PLA_ANALYTICS_EVENTS.PAYMENT_PLAN_SELECTED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLA_ANALYTICS_EVENTS","PLA_ANALYTICS_WHITELIST_EVENTS","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,2BAA2B,4BAC3BA,EAAA,mBAAmB,oBACnBA,EAAA,+BAA+B,gCAC/BA,EAAA,4BAA4B,6BAC5BA,EAAA,2BAA2B,4BAC3BA,EAAA,uBAAuB,wBACvBA,EAAA,4BAA4B,qBAC5BA,EAAA,wBAAwB,iBACxBA,EAAA,qBAAqB,sBACrBA,EAAA,sBAAsB,uBACtBA,EAAA,oBAAoB,qBACpBA,EAAA,cAAc,eACdA,EAAA,qBAAqB,sBACrBA,EAAA,qBAAqB,sBACrBA,EAAA,+BAA+B,gCAC/BA,EAAA,6BAA6B,8BAC7BA,EAAA,8BAA8B,+BAC9BA,EAAA,+BAA+B,gCAC/BA,EAAA,wBAAwB,yBACxBA,EAAA,yBAAyB,0BACzBA,EAAA,wBAAwB,yBArBdA,IAAAA,KAAA,CAAA,CAAA;AAwBL,MAAMC,IAAiC;AAAA,EAC3C,0BAAgD,CAACC,EAAQ,QAAQ;AAAA,EACjE,kBAAwC,CAACA,EAAQ,QAAQ;AAAA,EACzD,8BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,2BAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,0BAAgD,CAACA,EAAQ,QAAQ;AAAA,EACjE,sBAA4C,CAACA,EAAQ,QAAQ;AAAA,EAC7D,mBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,eAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,qBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,mBAAyC,CAACA,EAAQ,QAAQ;AAAA,EAC1D,aAAmC,CAACA,EAAQ,QAAQ;AAAA,EACpD,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,oBAA0C,CAACA,EAAQ,QAAQ;AAAA,EAC3D,8BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,4BAAkD,CAACA,EAAQ,QAAQ;AAAA,EACnE,6BAAmD,CAACA,EAAQ,QAAQ;AAAA,EACpE,8BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,uBAA6C,CAACA,EAAQ,QAAQ;AAAA,EAC9D,wBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,uBAA6C,CAACA,EAAQ,QAAQ;AACjE;"}

package/dist/features/auth/signup/circular-step-wrapper/circular-step-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular-step-wrapper.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { ICircularStepRef, ICircularStepWrapperProps } from './circular-step-wrapper-types';\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  memo,\n  type Ref,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport AnimatedArc from '../../../ui/animated-arc/animated-arc';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\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 { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './circular-step-wrapper-styled';\n\nconst animationSettings = {\n  autoplay: false,\n  loop: false,\n  renderer: 'canvas',\n  rendererSettings: {\n    preserveAspectRatio: 'xMidYMin slice',\n  },\n};\n\nconst CircularStepWrapper = forwardRef<ICircularStepRef, ICircularStepWrapperProps>(\n  (\n    {\n      children,\n      onGoBack,\n      onNext,\n      label,\n      showNext,\n      showPrevious,\n      animation,\n      introFrames,\n      outroFrames,\n      isNextLoading,\n      progressAngle,\n      footerElement,\n      isNextDisabled,\n      animationSrcMobile,\n    },\n    ref: Ref<ICircularStepRef>,\n  ) => {\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerHeight, setContainerHeight] = useState<number | undefined>();\n    const [showContent, setShowContent] = useState(false);\n    const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const onLottieRender = useCallback(() => {\n      if (animation && animationRef.current) {\n        animationRef.current.playSegments(introFrames, true);\n        setShowContent(true);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [animation]);\n\n    useEffect(() => {\n      return () => {\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n        }\n      };\n    }, [animation]);\n\n    useImperativeHandle(ref, () => ({\n      playOutroAndFadeOut: async () => {\n        return new Promise<void>(resolve => {\n          const handleComplete = () => {\n            resolve();\n            animationRef.current?.removeEventListener('complete', handleComplete);\n          };\n\n          animationRef.current?.playSegments(outroFrames, true);\n          timeoutRef.current = setTimeout(() => setShowContent(false), 400);\n          animationRef.current?.addEventListener('complete', handleComplete);\n        });\n      },\n    }));\n\n    useLayoutEffect(() => {\n      if (containerRef.current) {\n        setContainerHeight(containerRef.current.offsetHeight);\n      }\n    }, []);\n\n    return (\n      <Styled.Container\n        $flex={1}\n        $flexDirection=\"column\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $width=\"100%\"\n        $height=\"100%\"\n        ref={containerRef}\n      >\n        {containerHeight && (\n          <LottieAnimation\n            width={1280}\n            height={containerHeight}\n            src={isMobile ? animationSrcMobile ?? animation : animation}\n            ref={animationRef}\n            onRender={onLottieRender}\n            settings={animationSettings}\n          />\n        )}\n        <Styled.CircularStepContainer\n          $width={isMobile ? 290 : 400}\n          $height={isMobile ? 290 : 400}\n          $background=\"REAL_BLACK\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          {progressAngle && (\n            <AnimatedArc\n              radius={isMobile ? 145 : 200}\n              strokeWidth={2}\n              color=\"WHITE\"\n              targetAngle={progressAngle}\n              mode=\"fade\"\n              duration={1}\n            />\n          )}\n          <Styled.ContentWrapper $isVisible={showContent} $width=\"100%\">\n            {label && (\n              <FlexView $gutterX={isMobile ? 1.5 : 3.5}>\n                <Text $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n                  {label}\n                </Text>\n                <Separator heightX={1} />\n              </FlexView>\n            )}\n            <Styled.InputContainer>{children}</Styled.InputContainer>\n          </Styled.ContentWrapper>\n        </Styled.CircularStepContainer>\n        {footerElement && (\n          <Styled.FooterWrapper $alignItems=\"center\" $justifyContent=\"center\">\n            {footerElement}\n          </Styled.FooterWrapper>\n        )}\n        {showPrevious && (\n          <Styled.PrevButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"black-dark\"\n              analyticsLabel=\"Prev\"\n              onClick={onGoBack}\n              disabled={isNextLoading}\n              size=\"small\"\n            />\n          </Styled.PrevButtonWrapper>\n        )}\n        {showNext && (\n          <Styled.NextButtonWrapper>\n            <IconButton\n              size=\"small\"\n              Icon={Next2Icon}\n              renderAs=\"secondary-dark\"\n              analyticsLabel=\"Next\"\n              onClick={onNext}\n              busy={isNextLoading}\n              disabled={isNextLoading || isNextDisabled}\n            />\n          </Styled.NextButtonWrapper>\n        )}\n      </Styled.Container>\n    );\n  },\n);\n\nexport default memo(CircularStepWrapper);\n"],"names":["animationSettings","CircularStepWrapper","forwardRef","children","onGoBack","onNext","label","showNext","showPrevious","animation","introFrames","outroFrames","isNextLoading","progressAngle","footerElement","isNextDisabled","animationSrcMobile","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","timeoutRef","device","useTheme","isMobile","EDeviceType","onLottieRender","useCallback","useEffect","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","AnimatedArc","Styled.ContentWrapper","FlexView","Text","Separator","Styled.InputContainer","Styled.FooterWrapper","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","circularStepWrapper","memo"],"mappings":"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"}
+{"version":3,"file":"circular-step-wrapper.js","sources":["../../../../../src/features/auth/signup/circular-step-wrapper/circular-step-wrapper.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport type { ICircularStepRef, ICircularStepWrapperProps } from './circular-step-wrapper-types';\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  memo,\n  type Ref,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Back2Icon from '../../../../assets/line-icons/icons/back2';\nimport Next2Icon from '../../../../assets/line-icons/icons/next2';\nimport AnimatedArc from '../../../ui/animated-arc/animated-arc';\nimport IconButton from '../../../ui/buttons/icon-button/icon-button';\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 { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './circular-step-wrapper-styled';\n\nconst animationSettings = {\n  autoplay: false,\n  loop: false,\n  renderer: 'canvas',\n  rendererSettings: {\n    preserveAspectRatio: 'xMidYMin slice',\n  },\n};\n\nconst CircularStepWrapper = forwardRef<ICircularStepRef, ICircularStepWrapperProps>(\n  (\n    {\n      children,\n      onGoBack,\n      onNext,\n      label,\n      showNext,\n      showPrevious,\n      animation,\n      introFrames,\n      outroFrames,\n      isNextLoading,\n      progressAngle,\n      footerElement,\n      isNextDisabled,\n      animationSrcMobile,\n    },\n    ref: Ref<ICircularStepRef>,\n  ) => {\n    const animationRef = useRef<ILottieAnimationRef | null>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [containerHeight, setContainerHeight] = useState<number | undefined>();\n    const [showContent, setShowContent] = useState(false);\n    const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    const onLottieRender = useCallback(() => {\n      if (animation && animationRef.current) {\n        animationRef.current.playSegments(introFrames, true);\n        setShowContent(true);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [animation]);\n\n    useEffect(() => {\n      return () => {\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n        }\n      };\n    }, [animation]);\n\n    useImperativeHandle(ref, () => ({\n      playOutroAndFadeOut: async () => {\n        return new Promise<void>(resolve => {\n          const handleComplete = () => {\n            resolve();\n            animationRef.current?.removeEventListener('complete', handleComplete);\n          };\n\n          animationRef.current?.playSegments(outroFrames, true);\n          timeoutRef.current = setTimeout(() => setShowContent(false), 400);\n          animationRef.current?.addEventListener('complete', handleComplete);\n        });\n      },\n    }));\n\n    useLayoutEffect(() => {\n      if (containerRef.current) {\n        setContainerHeight(containerRef.current.offsetHeight);\n      }\n    }, []);\n\n    return (\n      <Styled.Container\n        $flex={1}\n        $flexDirection=\"column\"\n        $alignItems=\"center\"\n        $justifyContent=\"center\"\n        $width=\"100%\"\n        $height=\"100%\"\n        ref={containerRef}\n      >\n        {containerHeight && (\n          <LottieAnimation\n            width={1280}\n            height={containerHeight}\n            src={isMobile ? animationSrcMobile ?? animation : animation}\n            ref={animationRef}\n            onRender={onLottieRender}\n            settings={animationSettings}\n          />\n        )}\n        <Styled.CircularStepContainer\n          $width={isMobile ? 290 : 400}\n          $height={isMobile ? 290 : 400}\n          $background=\"REAL_BLACK\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n        >\n          {progressAngle && (\n            <AnimatedArc\n              radius={isMobile ? 145 : 200}\n              strokeWidth={2}\n              color=\"WHITE\"\n              targetAngle={progressAngle}\n              mode=\"fade\"\n              duration={1}\n            />\n          )}\n          <Styled.ContentWrapper $isVisible={showContent} $width=\"100%\">\n            {label && (\n              <FlexView $gutterX={isMobile ? 1.5 : 3.5}>\n                <Text $renderAs=\"ab2\" $color=\"WHITE\" $align=\"center\">\n                  {label}\n                </Text>\n                <Separator heightX={1} />\n              </FlexView>\n            )}\n            <Styled.InputContainer>{children}</Styled.InputContainer>\n          </Styled.ContentWrapper>\n        </Styled.CircularStepContainer>\n        {footerElement && (\n          <Styled.FooterWrapper $alignItems=\"center\" $justifyContent=\"center\">\n            {footerElement}\n          </Styled.FooterWrapper>\n        )}\n        {showPrevious && (\n          <Styled.PrevButtonWrapper>\n            <IconButton\n              Icon={Back2Icon}\n              renderAs=\"black-dark\"\n              analyticsLabel=\"Prev\"\n              onClick={onGoBack}\n              disabled={isNextLoading}\n              size=\"small\"\n            />\n          </Styled.PrevButtonWrapper>\n        )}\n        {showNext && (\n          <Styled.NextButtonWrapper>\n            <IconButton\n              size=\"small\"\n              Icon={Next2Icon}\n              renderAs=\"secondary-dark\"\n              analyticsLabel=\"Next\"\n              onClick={onNext}\n              busy={isNextLoading}\n              disabled={isNextLoading || isNextDisabled}\n            />\n          </Styled.NextButtonWrapper>\n        )}\n      </Styled.Container>\n    );\n  },\n);\n\nexport default memo(CircularStepWrapper);\n"],"names":["animationSettings","CircularStepWrapper","forwardRef","children","onGoBack","onNext","label","showNext","showPrevious","animation","introFrames","outroFrames","isNextLoading","progressAngle","footerElement","isNextDisabled","animationSrcMobile","ref","animationRef","useRef","containerRef","containerHeight","setContainerHeight","useState","showContent","setShowContent","timeoutRef","device","useTheme","isMobile","EDeviceType","onLottieRender","useCallback","useEffect","useImperativeHandle","resolve","handleComplete","_a","_b","useLayoutEffect","jsxs","Styled.Container","jsx","LottieAnimation","Styled.CircularStepContainer","AnimatedArc","Styled.ContentWrapper","FlexView","Text","Separator","Styled.InputContainer","Styled.FooterWrapper","Styled.PrevButtonWrapper","IconButton","Back2Icon","Styled.NextButtonWrapper","Next2Icon","CircularStepWrapper$1","memo"],"mappings":";;;;;;;;;;;;;AA2BA,MAAMA,KAAoB;AAAA,EACxB,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,IAChB,qBAAqB;AAAA,EACvB;AACF,GAEMC,KAAsBC;AAAA,EAC1B,CACE;AAAA,IACE,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IAAeC,EAAmC,IAAI,GACtDC,IAAeD,EAAuB,IAAI,GAC1C,CAACE,GAAiBC,CAAkB,IAAIC,EAA6B,GACrE,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAK,GAC9CG,IAAaP,EAA8B,IAAI,GAC/C,EAAE,QAAAQ,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QAEjCC,IAAiBC,EAAY,MAAM;AACnC,MAAAvB,KAAaS,EAAa,YACfA,EAAA,QAAQ,aAAaR,GAAa,EAAI,GACnDe,EAAe,EAAI;AAAA,IACrB,GAEC,CAAChB,CAAS,CAAC;AAEd,WAAAwB,EAAU,MACD,MAAM;AACX,MAAIP,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,IACjC,GAED,CAACjB,CAAS,CAAC,GAEdyB,EAAoBjB,GAAK,OAAO;AAAA,MAC9B,qBAAqB,YACZ,IAAI,QAAc,CAAWkB,MAAA;;AAClC,cAAMC,IAAiB,MAAM;;AACnB,UAAAD,MACKE,IAAAnB,EAAA,YAAA,QAAAmB,EAAS,oBAAoB,YAAYD;AAAA,QAAc;AAGzD,SAAAC,IAAAnB,EAAA,YAAA,QAAAmB,EAAS,aAAa1B,GAAa,KAChDe,EAAW,UAAU,WAAW,MAAMD,EAAe,EAAK,GAAG,GAAG,IACnDa,IAAApB,EAAA,YAAA,QAAAoB,EAAS,iBAAiB,YAAYF;AAAA,MAAc,CAClE;AAAA,IAEH,EAAA,GAEFG,EAAgB,MAAM;AACpB,MAAInB,EAAa,WACIE,EAAAF,EAAa,QAAQ,YAAY;AAAA,IAExD,GAAG,CAAE,CAAA,GAGH,gBAAAoB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,QAAO;AAAA,QACP,SAAQ;AAAA,QACR,KAAKrB;AAAA,QAEJ,UAAA;AAAA,UACCC,KAAA,gBAAAqB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,QAAQtB;AAAA,cACR,KAAKQ,IAAWb,KAAsBP,IAAYA;AAAA,cAClD,KAAKS;AAAA,cACL,UAAUa;AAAA,cACV,UAAU/B;AAAA,YAAA;AAAA,UACZ;AAAA,UAEF,gBAAAwC;AAAA,YAACI;AAAAA,YAAA;AAAA,cACC,QAAQf,IAAW,MAAM;AAAA,cACzB,SAASA,IAAW,MAAM;AAAA,cAC1B,aAAY;AAAA,cACZ,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAEf,UAAA;AAAA,gBACChB,KAAA,gBAAA6B;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,QAAQhB,IAAW,MAAM;AAAA,oBACzB,aAAa;AAAA,oBACb,OAAM;AAAA,oBACN,aAAahB;AAAA,oBACb,MAAK;AAAA,oBACL,UAAU;AAAA,kBAAA;AAAA,gBACZ;AAAA,kCAEDiC,GAAA,EAAsB,YAAYtB,GAAa,QAAO,QACpD,UAAA;AAAA,kBAAAlB,KACE,gBAAAkC,EAAAO,GAAA,EAAS,UAAUlB,IAAW,MAAM,KACnC,UAAA;AAAA,oBAAA,gBAAAa,EAACM,KAAK,WAAU,OAAM,QAAO,SAAQ,QAAO,UACzC,UACH1C,EAAA,CAAA;AAAA,oBACA,gBAAAoC,EAACO,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,kBAAA,GACzB;AAAA,kBAED,gBAAAP,EAAAQ,GAAA,EAAuB,UAAA/C,GAAS;AAAA,gBAAA,GACnC;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UACCW,uBACEqC,IAAA,EAAqB,aAAY,UAAS,iBAAgB,UACxD,UACHrC,GAAA;AAAA,UAEDN,KACC,gBAAAkC,EAACU,IAAA,EACC,UAAA,gBAAAV;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,MAAMC;AAAA,cACN,UAAS;AAAA,cACT,gBAAe;AAAA,cACf,SAASlD;AAAA,cACT,UAAUQ;AAAA,cACV,MAAK;AAAA,YAAA;AAAA,UAAA,GAET;AAAA,UAEDL,KACC,gBAAAmC,EAACa,IAAA,EACC,UAAA,gBAAAb;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAMG;AAAA,cACN,UAAS;AAAA,cACT,gBAAe;AAAA,cACf,SAASnD;AAAA,cACT,MAAMO;AAAA,cACN,UAAUA,KAAiBG;AAAA,YAAA;AAAA,UAAA,GAE/B;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF,GAEe0C,KAAAC,EAAKzD,EAAmB;"}

package/dist/features/auth/signup/custom-input-field/custom-input-field.js

@@ -13,12 +13,12 @@ const q = ({
   error: u,
   helperText: b,
   onEnter: n,
-  isLoading: D,
+  isLoading: $,
   isValid: h,
   type: t = "text",
-  placeholder: F,
-  actionElement: R,
-  maxLength: $,
+  placeholder: D,
+  actionElement: F,
+  maxLength: R,
   width: E,
   textTransform: P,
   textAlign: v = "center",
@@ -56,8 +56,8 @@ const q = ({
     X,
     {
       helperText: u || b,
-      isLoading: D,
-      actionElement: R,
+      isLoading: $,
+      actionElement: F,
       children: /* @__PURE__ */ K(
         B,
         {
@@ -75,13 +75,13 @@ const q = ({
                 value: r,
                 onChange: G,
                 autoFocus: !0,
-                placeholder: F,
+                placeholder: D,
                 color: z,
                 autoCapitalize: "none",
                 textTransform: P,
                 type: y,
                 onKeyDown: k,
-                maxLength: $,
+                maxLength: R,
                 align: v,
                 fontSize: j
               }

package/dist/features/auth/signup/custom-input-field/custom-input-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-input-field.js","sources":["../../../../../src/features/auth/signup/custom-input-field/custom-input-field.tsx"],"sourcesContent":["import type { ICustomInputFieldProps } from './custom-input-field-types';\n\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  memo,\n  type FC,\n  type KeyboardEvent,\n  type ChangeEvent,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport PhoneCountrySelector from './country-selector/country-selector';\nimport * as Styled from './custom-input-field-styled';\nimport InputWrapper from './input-wrapper/input-wrapper';\nimport PasswordToggleIcon from './password-toggle/password-toggle';\n\nconst CustomInputField: FC<ICustomInputFieldProps> = ({\n  value,\n  onChange,\n  error,\n  helperText,\n  onEnter,\n  isLoading,\n  isValid,\n  type = 'text',\n  placeholder,\n  actionElement,\n  maxLength,\n  width,\n  textTransform,\n  textAlign = 'center',\n  selectedCountry,\n  onCountryChange,\n  autoSize = false,\n}) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n  const [fontSize, setFontSize] = useState(isMobile ? 24 : 32);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  const inputType = useMemo(() => {\n    if (type === 'password') return isPasswordVisible ? 'text' : 'password';\n\n    if (type === 'phone') return 'number';\n\n    return type;\n  }, [type, isPasswordVisible]);\n\n  const inputColor = useMemo(() => {\n    if (error) return theme.colors.RED;\n\n    if (isValid) return theme.colors.GREEN_4;\n\n    return theme.colors.WHITE;\n  }, [error, isValid, theme.colors]);\n\n  const measureTextWidth = useCallback((text: string, font: string): number => {\n    if (!canvasRef.current) {\n      canvasRef.current = document.createElement('canvas');\n    }\n\n    const context = canvasRef.current.getContext('2d');\n\n    if (!context) return 0;\n\n    context.font = font;\n\n    return context.measureText(text).width;\n  }, []);\n\n  useEffect(() => {\n    if (!inputRef.current || !value || !autoSize) {\n      return;\n    }\n\n    if (isMobile) {\n      setFontSize(24);\n\n      return;\n    }\n\n    const inputWidth = inputRef.current.clientWidth;\n\n    const font32 = \"32px 'Athletics-Light'\";\n\n    const textWidth32 = measureTextWidth(value, font32);\n\n    if (textWidth32 > inputWidth) {\n      setFontSize(24);\n    } else {\n      setFontSize(32);\n    }\n  }, [value, measureTextWidth, autoSize, isMobile]);\n\n  useEffect(() => {\n    return () => {\n      canvasRef.current = null;\n    };\n  }, []);\n\n  const handleChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => onChange(event.target.value),\n    [onChange],\n  );\n\n  return (\n    <InputWrapper\n      helperText={error || helperText}\n      isLoading={isLoading}\n      actionElement={actionElement}\n    >\n      <FlexView\n        $width={width ?? '100%'}\n        $flex={1}\n        $alignItems=\"center\"\n        $flexDirection=\"row\"\n        $flexGapX={0.5}\n      >\n        {type === 'phone' && (\n          <PhoneCountrySelector onChange={onCountryChange} value={selectedCountry} />\n        )}\n        <Styled.CustomInput\n          ref={inputRef}\n          value={value}\n          onChange={handleChange}\n          autoFocus\n          placeholder={placeholder}\n          color={inputColor}\n          autoCapitalize=\"none\"\n          textTransform={textTransform}\n          type={inputType}\n          onKeyDown={handleKeyDown}\n          maxLength={maxLength}\n          align={textAlign}\n          fontSize={fontSize}\n        />\n        {type === 'password' && (\n          <PasswordToggleIcon\n            isVisible={isPasswordVisible}\n            onToggle={() => setIsPasswordVisible(prev => !prev)}\n          />\n        )}\n      </FlexView>\n    </InputWrapper>\n  );\n};\n\nexport default memo(CustomInputField);\n"],"names":["CustomInputField","value","onChange","error","helperText","onEnter","isLoading","isValid","type","placeholder","actionElement","maxLength","width","textTransform","textAlign","selectedCountry","onCountryChange","autoSize","theme","useTheme","isMobile","EDeviceType","isPasswordVisible","setIsPasswordVisible","useState","fontSize","setFontSize","inputRef","useRef","canvasRef","handleKeyDown","useCallback","event","inputType","useMemo","inputColor","measureTextWidth","text","font","context","useEffect","inputWidth","handleChange","jsx","InputWrapper","jsxs","FlexView","PhoneCountrySelector","Styled.CustomInput","PasswordToggleIcon","prev","customInputField","memo"],"mappings":"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"}
+{"version":3,"file":"custom-input-field.js","sources":["../../../../../src/features/auth/signup/custom-input-field/custom-input-field.tsx"],"sourcesContent":["import type { ICustomInputFieldProps } from './custom-input-field-types';\n\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  memo,\n  type FC,\n  type KeyboardEvent,\n  type ChangeEvent,\n} from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport PhoneCountrySelector from './country-selector/country-selector';\nimport * as Styled from './custom-input-field-styled';\nimport InputWrapper from './input-wrapper/input-wrapper';\nimport PasswordToggleIcon from './password-toggle/password-toggle';\n\nconst CustomInputField: FC<ICustomInputFieldProps> = ({\n  value,\n  onChange,\n  error,\n  helperText,\n  onEnter,\n  isLoading,\n  isValid,\n  type = 'text',\n  placeholder,\n  actionElement,\n  maxLength,\n  width,\n  textTransform,\n  textAlign = 'center',\n  selectedCountry,\n  onCountryChange,\n  autoSize = false,\n}) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n  const [isPasswordVisible, setIsPasswordVisible] = useState(false);\n  const [fontSize, setFontSize] = useState(isMobile ? 24 : 32);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const canvasRef = useRef<HTMLCanvasElement | null>(null);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        onEnter?.();\n      }\n    },\n    [onEnter],\n  );\n\n  const inputType = useMemo(() => {\n    if (type === 'password') return isPasswordVisible ? 'text' : 'password';\n\n    if (type === 'phone') return 'number';\n\n    return type;\n  }, [type, isPasswordVisible]);\n\n  const inputColor = useMemo(() => {\n    if (error) return theme.colors.RED;\n\n    if (isValid) return theme.colors.GREEN_4;\n\n    return theme.colors.WHITE;\n  }, [error, isValid, theme.colors]);\n\n  const measureTextWidth = useCallback((text: string, font: string): number => {\n    if (!canvasRef.current) {\n      canvasRef.current = document.createElement('canvas');\n    }\n\n    const context = canvasRef.current.getContext('2d');\n\n    if (!context) return 0;\n\n    context.font = font;\n\n    return context.measureText(text).width;\n  }, []);\n\n  useEffect(() => {\n    if (!inputRef.current || !value || !autoSize) {\n      return;\n    }\n\n    if (isMobile) {\n      setFontSize(24);\n\n      return;\n    }\n\n    const inputWidth = inputRef.current.clientWidth;\n\n    const font32 = \"32px 'Athletics-Light'\";\n\n    const textWidth32 = measureTextWidth(value, font32);\n\n    if (textWidth32 > inputWidth) {\n      setFontSize(24);\n    } else {\n      setFontSize(32);\n    }\n  }, [value, measureTextWidth, autoSize, isMobile]);\n\n  useEffect(() => {\n    return () => {\n      canvasRef.current = null;\n    };\n  }, []);\n\n  const handleChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => onChange(event.target.value),\n    [onChange],\n  );\n\n  return (\n    <InputWrapper\n      helperText={error || helperText}\n      isLoading={isLoading}\n      actionElement={actionElement}\n    >\n      <FlexView\n        $width={width ?? '100%'}\n        $flex={1}\n        $alignItems=\"center\"\n        $flexDirection=\"row\"\n        $flexGapX={0.5}\n      >\n        {type === 'phone' && (\n          <PhoneCountrySelector onChange={onCountryChange} value={selectedCountry} />\n        )}\n        <Styled.CustomInput\n          ref={inputRef}\n          value={value}\n          onChange={handleChange}\n          autoFocus\n          placeholder={placeholder}\n          color={inputColor}\n          autoCapitalize=\"none\"\n          textTransform={textTransform}\n          type={inputType}\n          onKeyDown={handleKeyDown}\n          maxLength={maxLength}\n          align={textAlign}\n          fontSize={fontSize}\n        />\n        {type === 'password' && (\n          <PasswordToggleIcon\n            isVisible={isPasswordVisible}\n            onToggle={() => setIsPasswordVisible(prev => !prev)}\n          />\n        )}\n      </FlexView>\n    </InputWrapper>\n  );\n};\n\nexport default memo(CustomInputField);\n"],"names":["CustomInputField","value","onChange","error","helperText","onEnter","isLoading","isValid","type","placeholder","actionElement","maxLength","width","textTransform","textAlign","selectedCountry","onCountryChange","autoSize","theme","useTheme","isMobile","EDeviceType","isPasswordVisible","setIsPasswordVisible","useState","fontSize","setFontSize","inputRef","useRef","canvasRef","handleKeyDown","useCallback","event","inputType","useMemo","inputColor","measureTextWidth","text","font","context","useEffect","inputWidth","handleChange","jsx","InputWrapper","jsxs","FlexView","PhoneCountrySelector","Styled.CustomInput","PasswordToggleIcon","prev","CustomInputField$1","memo"],"mappings":"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"}

package/dist/features/milestone/create/milestone-create-helpers.js

@@ -64,7 +64,7 @@ const F = (t, r) => {
     id: l,
     label: n
   }), r;
-}, []), O = (t) => {
+}, []), k = (t) => {
   const {
     currentGoalData: r,
     enrollmentType: e,
@@ -120,7 +120,7 @@ const F = (t, r) => {
     id: a,
     label: _
   })).sort((a, _) => a.label.toUpperCase() > _.label.toUpperCase() ? 1 : -1);
-}, k = (t) => t.grades.reduce((r, e) => (e === "-1" || e === "0" ? r.push({
+}, O = (t) => t.grades.reduce((r, e) => (e === "-1" || e === "0" ? r.push({
   id: e,
   label: e === "-1" ? "Pre-K" : "KG"
 }) : r.push({
@@ -132,14 +132,20 @@ const F = (t, r) => {
     return !(n.course_stream !== i || n.preference_category !== u || n.preference_grades.length > 0 && !n.preference_grades.includes(s) || !n.is_live);
   };
   return e == null ? void 0 : e.filter(l).map(
-    ({ preference_code: n, preference_name: s, preference_description: i }) => ({
+    ({
+      preference_code: n,
+      preference_name: s,
+      preference_description: i,
+      lottie_key: u
+    }) => ({
       id: n,
       label: s,
-      description: i
+      description: i,
+      lottie: u
     })
   );
 }, W = (t, r, e, l, n) => {
-  const { goal_curriculum_map: s } = t, i = k(t), u = ({ id: c }) => s.filter((d) => d.course_stream === e && d.is_live).some((d) => {
+  const { goal_curriculum_map: s } = t, i = O(t), u = ({ id: c }) => s.filter((d) => d.course_stream === e && d.is_live).some((d) => {
     const {
       available_grades: m,
       goal_category: a,
@@ -212,7 +218,7 @@ const F = (t, r) => {
 }, Y = (t, r, e, l, n, s, i, u, c) => {
   const { goal_curriculum_map: d } = t, m = r === "no-test", a = A(r);
   return d.find((f) => {
-    const o = O({
+    const o = k({
       currentGoalData: f,
       grade: e,
       currentCountryCode: i,
@@ -248,7 +254,7 @@ export {
   $ as getDefaultBoard,
   q as getGoalsFromConfig,
   W as getGradesBasedOnGoalAvailability,
-  k as getGradesFromConfig,
+  O as getGradesFromConfig,
   j as getMajorsFromConfigBasedOnBoardAndGrade,
   M as getPreferencesFromConfig,
   I as getRegionCodeBasedOnCountryCode,

package/dist/features/milestone/create/milestone-create-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-create-helpers.js","sources":["../../../../src/features/milestone/create/milestone-create-helpers.ts"],"sourcesContent":["import type IStudentSchool from '../../../types/models/school';\nimport type { ISectionOption } from '../../ui/section-list/section-list-types';\nimport type { TTestType } from '../types';\nimport type {\n  ICurriculumStandards,\n  IFormStep,\n  IGoalCurriculumMap,\n  IMileStoneFormFields,\n  IMilestoneConfig,\n  IMilestoneFormData,\n  IPreferencesCurriculumMap,\n  TCourseStream,\n  TCurriculumStandardOption,\n  TEnrollmentTypes,\n  TFormStepNames,\n  TGoalCategory,\n  TMilestoneFormFlow,\n  TPreferenceCategory,\n} from './milestone-create-types';\n\nimport { COUNTRY_MAP } from '../../../constants/country';\nimport {\n  getIfGoalCurriculumStandardIsAccessible,\n  getStudentEnrollmentSupported,\n} from './comps/chapters-selection-step/utils';\nimport {\n  checkEnrollmentAvailable,\n  getTestTypeBasedCategory,\n} from './comps/test-type-step/test-type-utils';\nimport { GOAL_EDIT_FLOWS } from './milestone-create-constants';\n\ninterface IGetCurrenStep {\n  (\n    formStep: IFormStep,\n    milestoneFormData: IMilestoneFormData,\n    flow: TMilestoneFormFlow,\n  ): IFormStep | undefined;\n}\n\ninterface IClearNextFields {\n  (\n    formStep: IFormStep,\n    milestoneFormData: IMilestoneFormData,\n    currentStepName: TFormStepNames | undefined,\n    shouldStartClearing: boolean,\n    fieldsToClear: (keyof IMileStoneFormFields)[],\n  ): IMilestoneFormData | undefined;\n}\n\n/**\n * Impure method that Removes specified fields from an object.\n *\n * @param obj The object from which fields are to be removed.\n * @param fieldsList An array of field names to be removed.\n */\nconst clearFields = (obj: Record<string, unknown>, fieldsList: string[]) => {\n  fieldsList.forEach(field => {\n    obj[field] = undefined;\n  });\n};\n\nconst clearNextFields: IClearNextFields = (\n  formStep,\n  milestoneFormData,\n  currentStepName,\n  startClearing,\n  fieldsToClear = [],\n) => {\n  const { isLeafNode, next, reset } = formStep;\n  const updatedFormData = { ...milestoneFormData };\n\n  if (isLeafNode) {\n    clearFields(updatedFormData, [...reset, ...fieldsToClear]);\n\n    return updatedFormData;\n  }\n\n  if (next) {\n    let shouldStartClearing = startClearing;\n    let nextStep: IFormStep | undefined;\n\n    next.every(step => {\n      let conditionFulfilled = false;\n\n      if (step.when !== undefined) {\n        conditionFulfilled = step.when.every(([field, value]) => updatedFormData[field] === value);\n      } else conditionFulfilled = true;\n\n      if (conditionFulfilled) {\n        if (shouldStartClearing) {\n          step?.reset?.forEach(field => {\n            fieldsToClear.push(field);\n          });\n        } else if (currentStepName === step?.name) {\n          shouldStartClearing = true;\n        }\n\n        nextStep = step;\n\n        return false;\n      }\n\n      return true;\n    });\n    if (nextStep) {\n      return clearNextFields(\n        nextStep,\n        updatedFormData,\n        currentStepName,\n        shouldStartClearing,\n        fieldsToClear,\n      );\n    }\n  }\n\n  return undefined;\n};\n\nconst getCurrenStep: IGetCurrenStep = (formStep, milestoneFormData, flow) => {\n  const { isLeafNode, required, next } = formStep;\n\n  if (isLeafNode) {\n    return formStep;\n  }\n\n  const requiredFieldsFilled = required.every(field => milestoneFormData[field] !== undefined);\n\n  if (GOAL_EDIT_FLOWS.includes(flow)) {\n    const requiredFieldsReviewed = required.every(\n      field => milestoneFormData.reviewed[field] === true,\n    );\n\n    if (!requiredFieldsFilled || !requiredFieldsReviewed) {\n      return {\n        ...formStep,\n        next: undefined,\n      };\n    }\n  } else {\n    const requiredFieldsCommitted = required.every(\n      field => milestoneFormData.committed[field] === true,\n    );\n\n    if (!requiredFieldsFilled || !requiredFieldsCommitted) {\n      return {\n        ...formStep,\n        next: undefined,\n      };\n    }\n  }\n\n  if (next) {\n    let nextStep: IFormStep | undefined;\n\n    next.every(step => {\n      if (step.when === undefined) {\n        nextStep = step;\n\n        return false;\n      }\n\n      const conditionFulfilled = step.when.every(\n        ([field, value]) => milestoneFormData[field] === value,\n      );\n\n      if (conditionFulfilled) {\n        nextStep = step;\n\n        return false;\n      }\n\n      return true;\n    });\n\n    if (nextStep) {\n      return getCurrenStep(nextStep, milestoneFormData, flow);\n    }\n  }\n\n  return undefined;\n};\n\ntype TOptions = {\n  id: string;\n  label: string;\n  description?: string;\n};\n\ninterface IGetSchoolTestsFromConfig {\n  (config: IMilestoneConfig): TOptions[];\n}\n\nconst getSchoolTestsFromConfig: IGetSchoolTestsFromConfig = config => {\n  return config.academic_events.reduce<TOptions[]>((acc, event) => {\n    const { id, event_name: eventName, event_type: eventType } = event;\n\n    if (eventType === 'SCHOOL_TEST') {\n      acc.push({\n        id,\n        label: eventName,\n      });\n    }\n\n    return acc;\n  }, []);\n};\n\ninterface IGetCountriesFromConfig {\n  (config: IMilestoneConfig): TOptions[];\n}\n\nconst computeCanIncludeCurrentGoal = (props: {\n  currentGoalData: IGoalCurriculumMap;\n  enrollmentType: TEnrollmentTypes;\n  currentCountryCode?: string;\n  grade?: string;\n  selectedCategory?: string;\n  isTeacherTrainingAccount?: boolean;\n}) => {\n  const {\n    currentGoalData,\n    enrollmentType,\n    currentCountryCode,\n    grade,\n    selectedCategory,\n    isTeacherTrainingAccount,\n  } = props;\n\n  const {\n    blocked_countries: blockedCountries,\n    available_countries: availableCountries,\n    available_grades: availableGrades,\n    goal_category: goalCategory,\n    available_enrollment_types: availableEnrollmentTypes,\n    blocked_enrollment_types: blockedEnrollmentTypes,\n  } = currentGoalData;\n\n  const isStudentEnrollmentTypeSupported = getStudentEnrollmentSupported(\n    blockedEnrollmentTypes,\n    availableEnrollmentTypes,\n    enrollmentType,\n  );\n  const isStudentRegionBlocked = blockedCountries.some(\n    blockedCountry => blockedCountry === currentCountryCode,\n  );\n  const isStudentRegionAvailable =\n    availableCountries.length > 0\n      ? availableCountries.some(availableCountry => availableCountry === currentCountryCode)\n      : true;\n\n  const isCurrentGradeAvailable = availableGrades.some(gradeInfo => gradeInfo === grade);\n  const isGoalCategoryAvailable = selectedCategory === goalCategory;\n\n  if (isTeacherTrainingAccount) return isGoalCategoryAvailable && isCurrentGradeAvailable;\n\n  return (\n    isStudentEnrollmentTypeSupported &&\n    !isStudentRegionBlocked &&\n    isStudentRegionAvailable &&\n    isCurrentGradeAvailable &&\n    isGoalCategoryAvailable\n  );\n};\n\ninterface IGetCurriculumStandardsFromConfig {\n  (\n    config: IMilestoneConfig,\n    options: {\n      grade: string;\n      countryCode: string;\n      goalCategory: TGoalCategory;\n      courseStream: TCourseStream;\n      enrollmentType: TEnrollmentTypes;\n      classRatio?: number;\n      flow?: TMilestoneFormFlow | null;\n      isTeacherTrainingAccount?: boolean;\n    },\n  ): TCurriculumStandardOption[];\n}\n\nconst getCurriculumStandardsFromConfig: IGetCurriculumStandardsFromConfig = (\n  config,\n  {\n    grade,\n    countryCode,\n    goalCategory,\n    courseStream,\n    classRatio,\n    enrollmentType,\n    flow,\n    isTeacherTrainingAccount,\n  },\n) => {\n  const { goal_curriculum_map: goals, curriculum_standards: curriculumStandards } = config;\n  // check if atleast one goal present for the curriculum standard\n\n  const filteredGoalCurriculumMap = goals.filter(item => {\n    const isSameCourseStream = item.course_stream === courseStream;\n\n    if (flow === 'CREATE') {\n      return isSameCourseStream && item.is_live;\n    }\n\n    return isSameCourseStream;\n  });\n\n  const hasGoalForCurriculumStandards = (standard: ICurriculumStandards) =>\n    filteredGoalCurriculumMap.some(goal => {\n      // check goal category\n      if (goal.goal_category !== goalCategory) return false;\n\n      // check grade availability\n      if (!goal.available_grades.includes(grade)) return false;\n\n      // check goal curriculum standard\n      // if goal_curriculum_standard is undefined then it's available for all standard\n      if (goal.goal_curriculum_standard && goal.goal_curriculum_standard !== standard.code)\n        return false;\n\n      if (goalCategory === 'SCHOOL_SUCCESS' && !goal.goal_curriculum_standard) return false;\n\n      if (isTeacherTrainingAccount) return true;\n\n      if (\n        classRatio &&\n        goal.available_class_ratios.length > 0 &&\n        !goal.available_class_ratios.includes(classRatio)\n      )\n        return false;\n\n      // check country availability\n      if (goal.available_countries.length > 0 && !goal.available_countries.includes(countryCode))\n        return false;\n\n      if (goal.available_countries.length === 0 && goal.blocked_countries.includes(countryCode))\n        return false;\n\n      return checkEnrollmentAvailable(goal, enrollmentType);\n    });\n\n  return curriculumStandards\n    .filter(hasGoalForCurriculumStandards)\n    .map(\n      ({\n        code,\n        name,\n        default_in_countries: defaultInCountries,\n        recommended_in_countries: recommendedInCountries,\n      }) => ({\n        id: code,\n        label: name,\n        isDefault: defaultInCountries.includes(countryCode),\n        isRecommended: recommendedInCountries.includes(countryCode),\n      }),\n    )\n    .sort((a, b) => (a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1));\n};\n\ninterface IGetGoalsFromConfig {\n  (\n    config: IMilestoneConfig,\n    options: {\n      grade: string;\n      countryCode: string;\n      goalCategory: TGoalCategory;\n      curriculumStandard?: string;\n      courseStream: TCourseStream;\n      enrollmentType: TEnrollmentTypes;\n    },\n  ): TOptions[];\n}\n\nconst getGoalsFromConfig: IGetGoalsFromConfig = (config, options) => {\n  const { goal_curriculum_map: goals } = config;\n  const { grade, countryCode, goalCategory, curriculumStandard, courseStream, enrollmentType } =\n    options;\n  const filteredGoalCurriculumMap = goals.filter(item => item.course_stream === courseStream);\n\n  const isEligibleGoal = (goal: IGoalCurriculumMap) => {\n    if (goal.goal_category !== goalCategory) return false;\n\n    if (curriculumStandard && goal.goal_curriculum_standard !== curriculumStandard) return false;\n\n    if (goal.available_countries.length > 0 && !goal.available_countries.includes(countryCode))\n      return false;\n\n    if (goal.available_countries.length === 0 && goal.blocked_countries.includes(countryCode))\n      return false;\n\n    if (!goal.available_grades.includes(grade)) return false;\n\n    if (!goal.is_live) return false;\n\n    return checkEnrollmentAvailable(goal, enrollmentType);\n  };\n\n  return filteredGoalCurriculumMap\n    ?.filter(isEligibleGoal)\n    .map(({ goal_code: id, goal_name: label }) => ({\n      id,\n      label,\n    }))\n    .sort((a, b) => (a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1));\n};\n\nconst getGradesFromConfig: IGetCountriesFromConfig = config => {\n  return config.grades.reduce<TOptions[]>((acc, grade) => {\n    if (grade === '-1' || grade === '0') {\n      acc.push({\n        id: grade,\n        label: grade === '-1' ? `Pre-K` : `KG`,\n      });\n    } else {\n      acc.push({\n        id: grade,\n        label: `Grade ${grade}`,\n      });\n    }\n\n    return acc;\n  }, []);\n};\n\ninterface IGetPreferencesFromConfig {\n  (\n    config: IMilestoneConfig,\n    options: {\n      grade: string;\n      preferenceCategory: TPreferenceCategory;\n      courseStream: TCourseStream;\n    },\n  ): TOptions[];\n}\n\nconst getPreferencesFromConfig: IGetPreferencesFromConfig = (config, options) => {\n  const { preference_config: preferenceConfig } = config;\n\n  const isEligiblePreferences = (preference: IPreferencesCurriculumMap) => {\n    const { grade, courseStream, preferenceCategory } = options;\n\n    if (preference.course_stream !== courseStream) return false;\n\n    if (preference.preference_category !== preferenceCategory) return false;\n\n    if (preference.preference_grades.length > 0 && !preference.preference_grades.includes(grade))\n      return false;\n\n    if (!preference.is_live) return false;\n\n    return true;\n  };\n\n  return preferenceConfig\n    ?.filter(isEligiblePreferences)\n    .map(\n      ({ preference_code: id, preference_name: label, preference_description: description }) => ({\n        id,\n        label,\n        description,\n      }),\n    );\n};\n\ninterface IGetGradeBasedOnGoalAvailability {\n  (\n    config: IMilestoneConfig,\n    selectedGoalCategory: string,\n    courseStream: TCourseStream,\n    enrollmentType: TEnrollmentTypes,\n    isTeacherTrainingAccount?: boolean,\n  ): TOptions[];\n}\n\n//* Grades where goals are available for selected goal category.\nconst getGradesBasedOnGoalAvailability: IGetGradeBasedOnGoalAvailability = (\n  config,\n  selectedGoalCategory,\n  courseStream,\n  enrollmentType,\n  isTeacherTrainingAccount,\n) => {\n  const { goal_curriculum_map: goals } = config;\n\n  const grades = getGradesFromConfig(config);\n\n  const gradeAvailableGoals = ({ id }: TOptions) => {\n    return goals\n      .filter(item => item.course_stream === courseStream && item.is_live)\n      .some((goalData: IGoalCurriculumMap) => {\n        const {\n          available_grades: availableGrades,\n          goal_category: goalCategory,\n          available_enrollment_types: availableEnrollmentTypes,\n          blocked_enrollment_types: blockedEnrollmentTypes,\n        } = goalData;\n\n        const isGoalCategoryAndGradeAvailable =\n          goalCategory === selectedGoalCategory && availableGrades.includes(id);\n\n        if (isTeacherTrainingAccount) return isGoalCategoryAndGradeAvailable;\n\n        // check enrollment type availability\n        if (\n          availableEnrollmentTypes.length > 0 &&\n          !availableEnrollmentTypes.includes(enrollmentType)\n        )\n          return false;\n\n        if (\n          availableEnrollmentTypes.length === 0 &&\n          blockedEnrollmentTypes.includes(enrollmentType)\n        )\n          return false;\n\n        //* Check for grade availability only for selected goal category\n        return isGoalCategoryAndGradeAvailable;\n      });\n  };\n\n  return grades.filter(gradeAvailableGoals);\n};\n\ninterface IGetMajorsFromConfigBasedOnBoardAndGrade {\n  (\n    config: IMilestoneConfig,\n    boardCode: string,\n    grade: string,\n    courseStream: TCourseStream,\n    enrollmentType: TEnrollmentTypes,\n    isTeacherTrainingAccount?: boolean,\n  ): TOptions[];\n}\n\nconst getMajorsFromConfigBasedOnBoardAndGrade: IGetMajorsFromConfigBasedOnBoardAndGrade = (\n  config,\n  boardCode,\n  grade,\n  courseStream,\n  enrollmentType,\n  isTeacherTrainingAccount,\n) => {\n  //* We have US courses for grade 7 & above\n  if (grade === 'KG' || Number(grade) < 7) return [];\n\n  const { goal_curriculum_map: goalCurriculumMap } = config;\n  const filterOnCourseStreamAndEnrollmentType = (goalData: IGoalCurriculumMap) => {\n    if (goalData.course_stream !== courseStream && goalData.is_live) return false;\n\n    return isTeacherTrainingAccount || checkEnrollmentAvailable(goalData, enrollmentType);\n  };\n\n  const majorsWithLabelId = goalCurriculumMap\n    .filter(filterOnCourseStreamAndEnrollmentType)\n    .reduce<TOptions[]>((acc, goalData) => {\n      const {\n        available_grades: availableGrades,\n        goal_curriculum_standard: goalCurriculumStandard,\n        program_name: programName,\n        program_code: programCode,\n      } = goalData;\n\n      const isGradeAvailable = availableGrades.some(availableGrade => availableGrade === grade);\n      const isBoardAvailable = goalCurriculumStandard === boardCode;\n\n      if (isGradeAvailable && isBoardAvailable) {\n        acc.push({\n          id: programCode,\n          label: programName,\n        });\n      }\n\n      return acc;\n    }, []);\n\n  return majorsWithLabelId;\n};\n\nconst getRegionCodeBasedOnCountryCode = (countryCode: string) => {\n  const regionCode = COUNTRY_MAP.find(countryInfo => countryInfo.country_code === countryCode)\n    ?.region_code;\n\n  return regionCode;\n};\n\nconst generateFormStateWithPrefilledSchoolData = (\n  schoolData: IStudentSchool | undefined,\n  board: string | undefined,\n  grade: string | undefined,\n  currentCountryCode: string | undefined,\n): IMilestoneFormData => {\n  if (schoolData && grade) {\n    const { country_code: countryCode, place_id: placeId } = schoolData;\n\n    return {\n      committed: {},\n      reviewed: {},\n      grade: grade,\n      schoolInfo: {\n        countryCode: countryCode,\n        stateCode: '',\n        id: placeId,\n      },\n      region: countryCode,\n      board: board ?? undefined,\n    };\n  }\n\n  const regionCode = currentCountryCode\n    ? getRegionCodeBasedOnCountryCode(currentCountryCode)\n    : undefined;\n\n  if (grade) {\n    return {\n      committed: {},\n      reviewed: {},\n      grade: grade,\n      region: regionCode,\n      board: board ?? undefined,\n    };\n  }\n\n  return {\n    committed: {},\n    reviewed: {},\n  };\n};\n\nconst appendSchoolDataToFormState = (\n  formData: IMilestoneFormData,\n  schoolData: IStudentSchool | undefined,\n  board: string | undefined,\n  grade: string | undefined,\n): IMilestoneFormData => {\n  if (schoolData && grade) {\n    const { country_code: countryCode, place_id: placeId } = schoolData;\n\n    return {\n      ...formData,\n      grade: grade,\n      schoolInfo: {\n        countryCode: countryCode,\n        stateCode: '',\n        id: placeId,\n      },\n      board: formData.board ?? board ?? undefined,\n    };\n  }\n\n  return formData;\n};\n\nconst appendPrimaryGoalCategoryToFormState = (\n  config: IMilestoneConfig,\n  testType: TTestType,\n  grade: string | undefined,\n  courseStream: TCourseStream,\n  enrollmentType: TEnrollmentTypes,\n  board?: string | undefined,\n  country?: string | undefined,\n  flow?: TMilestoneFormFlow | null,\n  isTeacherTrainingAccount?: boolean,\n) => {\n  const { goal_curriculum_map: goalCurriculumMap } = config;\n  const isSchoolSuccessCategory = testType === 'no-test';\n  const selectedGoalCategory = getTestTypeBasedCategory(testType);\n\n  //TODO: This needs to compensate the course selection for US curriculum grade 8 & above\n  const primaryGoalCurriculum = goalCurriculumMap.find(goalInfo => {\n    const isCurrentGoalAvailable = computeCanIncludeCurrentGoal({\n      currentGoalData: goalInfo,\n      grade,\n      currentCountryCode: country,\n      selectedCategory: selectedGoalCategory,\n      enrollmentType,\n      isTeacherTrainingAccount,\n    });\n\n    const { goal_curriculum_standard: goalCurriculumStandard, is_live: isLive } = goalInfo;\n\n    const currentBoardAvailable = getIfGoalCurriculumStandardIsAccessible({\n      goalCurriculumStandard,\n      referenceStandard: board,\n    });\n\n    const isSameCourse = goalInfo.course_stream === courseStream;\n    const canIncludeCurrentGoal = flow === 'CREATE' ? isLive : true;\n\n    const isEligiblePrimaryGoal = canIncludeCurrentGoal && isSameCourse && isCurrentGoalAvailable;\n\n    if (isTeacherTrainingAccount)\n      return isEligiblePrimaryGoal && (isSchoolSuccessCategory ? currentBoardAvailable : true);\n\n    if (isSchoolSuccessCategory) {\n      return isEligiblePrimaryGoal && currentBoardAvailable;\n    }\n\n    return isEligiblePrimaryGoal;\n  });\n\n  return primaryGoalCurriculum;\n};\n\nconst getDefaultBoard = (data: ISectionOption<TCurriculumStandardOption>[]) => {\n  let recommendedBoards: TCurriculumStandardOption[] = [];\n  let otherBoards: TCurriculumStandardOption[] = [];\n\n  // Iterate through the data categories\n  for (const category of data) {\n    if (category.title === 'recommended') {\n      recommendedBoards = category.data;\n    } else if (category.title === 'others') {\n      otherBoards = category.data;\n    }\n  }\n\n  // 1. Check if any recommended board has isDefault: true\n  const defaultBoard = recommendedBoards.find(board => board.isDefault && board.isRecommended);\n\n  if (defaultBoard) {\n    return defaultBoard.id;\n  }\n\n  // 2. If no default, return the first recommended board\n  if (recommendedBoards.length > 0) {\n    return recommendedBoards[0]?.id;\n  }\n\n  // 3. If no recommended, return the first board from others\n  if (otherBoards.length > 0) {\n    return otherBoards[0]?.id;\n  }\n\n  // 4. Return null if no boards are found\n  return undefined;\n};\n\nexport {\n  appendSchoolDataToFormState,\n  appendPrimaryGoalCategoryToFormState,\n  clearNextFields,\n  generateFormStateWithPrefilledSchoolData,\n  getCurrenStep,\n  getGradesFromConfig,\n  getCurriculumStandardsFromConfig,\n  getGoalsFromConfig,\n  getGradesBasedOnGoalAvailability,\n  getMajorsFromConfigBasedOnBoardAndGrade,\n  getSchoolTestsFromConfig,\n  getRegionCodeBasedOnCountryCode,\n  getDefaultBoard,\n  getPreferencesFromConfig,\n};\n"],"names":["clearFields","obj","fieldsList","field","clearNextFields","formStep","milestoneFormData","currentStepName","startClearing","fieldsToClear","isLeafNode","next","reset","updatedFormData","shouldStartClearing","nextStep","step","conditionFulfilled","value","_a","getCurrenStep","flow","required","requiredFieldsFilled","GOAL_EDIT_FLOWS","requiredFieldsReviewed","requiredFieldsCommitted","getSchoolTestsFromConfig","config","acc","event","id","eventName","eventType","computeCanIncludeCurrentGoal","props","currentGoalData","enrollmentType","currentCountryCode","grade","selectedCategory","isTeacherTrainingAccount","blockedCountries","availableCountries","availableGrades","goalCategory","availableEnrollmentTypes","blockedEnrollmentTypes","isStudentEnrollmentTypeSupported","getStudentEnrollmentSupported","isStudentRegionBlocked","blockedCountry","isStudentRegionAvailable","availableCountry","isCurrentGradeAvailable","gradeInfo","isGoalCategoryAvailable","getCurriculumStandardsFromConfig","countryCode","courseStream","classRatio","goals","curriculumStandards","filteredGoalCurriculumMap","item","isSameCourseStream","hasGoalForCurriculumStandards","standard","goal","checkEnrollmentAvailable","code","name","defaultInCountries","recommendedInCountries","a","b","getGoalsFromConfig","options","curriculumStandard","isEligibleGoal","label","getGradesFromConfig","getPreferencesFromConfig","preferenceConfig","isEligiblePreferences","preference","preferenceCategory","description","getGradesBasedOnGoalAvailability","selectedGoalCategory","grades","gradeAvailableGoals","goalData","isGoalCategoryAndGradeAvailable","getMajorsFromConfigBasedOnBoardAndGrade","boardCode","goalCurriculumMap","filterOnCourseStreamAndEnrollmentType","goalCurriculumStandard","programName","programCode","availableGrade","getRegionCodeBasedOnCountryCode","COUNTRY_MAP","countryInfo","generateFormStateWithPrefilledSchoolData","schoolData","board","placeId","regionCode","appendSchoolDataToFormState","formData","appendPrimaryGoalCategoryToFormState","testType","country","isSchoolSuccessCategory","getTestTypeBasedCategory","goalInfo","isCurrentGoalAvailable","isLive","currentBoardAvailable","getIfGoalCurriculumStandardIsAccessible","isSameCourse","isEligiblePrimaryGoal","getDefaultBoard","data","recommendedBoards","otherBoards","category","defaultBoard","_b"],"mappings":"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"}
+{"version":3,"file":"milestone-create-helpers.js","sources":["../../../../src/features/milestone/create/milestone-create-helpers.ts"],"sourcesContent":["import type { LOTTIE } from '../../../assets/lottie/lottie';\nimport type IStudentSchool from '../../../types/models/school';\nimport type { ISectionOption } from '../../ui/section-list/section-list-types';\nimport type { TTestType } from '../types';\nimport type {\n  ICurriculumStandards,\n  IFormStep,\n  IGoalCurriculumMap,\n  IMileStoneFormFields,\n  IMilestoneConfig,\n  IMilestoneFormData,\n  IPreferencesCurriculumMap,\n  TCourseStream,\n  TCurriculumStandardOption,\n  TEnrollmentTypes,\n  TFormStepNames,\n  TGoalCategory,\n  TMilestoneFormFlow,\n  TPreferenceCategory,\n} from './milestone-create-types';\n\nimport { COUNTRY_MAP } from '../../../constants/country';\nimport {\n  getIfGoalCurriculumStandardIsAccessible,\n  getStudentEnrollmentSupported,\n} from './comps/chapters-selection-step/utils';\nimport {\n  checkEnrollmentAvailable,\n  getTestTypeBasedCategory,\n} from './comps/test-type-step/test-type-utils';\nimport { GOAL_EDIT_FLOWS } from './milestone-create-constants';\n\ninterface IGetCurrenStep {\n  (\n    formStep: IFormStep,\n    milestoneFormData: IMilestoneFormData,\n    flow: TMilestoneFormFlow,\n  ): IFormStep | undefined;\n}\n\ninterface IClearNextFields {\n  (\n    formStep: IFormStep,\n    milestoneFormData: IMilestoneFormData,\n    currentStepName: TFormStepNames | undefined,\n    shouldStartClearing: boolean,\n    fieldsToClear: (keyof IMileStoneFormFields)[],\n  ): IMilestoneFormData | undefined;\n}\n\n/**\n * Impure method that Removes specified fields from an object.\n *\n * @param obj The object from which fields are to be removed.\n * @param fieldsList An array of field names to be removed.\n */\nconst clearFields = (obj: Record<string, unknown>, fieldsList: string[]) => {\n  fieldsList.forEach(field => {\n    obj[field] = undefined;\n  });\n};\n\nconst clearNextFields: IClearNextFields = (\n  formStep,\n  milestoneFormData,\n  currentStepName,\n  startClearing,\n  fieldsToClear = [],\n) => {\n  const { isLeafNode, next, reset } = formStep;\n  const updatedFormData = { ...milestoneFormData };\n\n  if (isLeafNode) {\n    clearFields(updatedFormData, [...reset, ...fieldsToClear]);\n\n    return updatedFormData;\n  }\n\n  if (next) {\n    let shouldStartClearing = startClearing;\n    let nextStep: IFormStep | undefined;\n\n    next.every(step => {\n      let conditionFulfilled = false;\n\n      if (step.when !== undefined) {\n        conditionFulfilled = step.when.every(([field, value]) => updatedFormData[field] === value);\n      } else conditionFulfilled = true;\n\n      if (conditionFulfilled) {\n        if (shouldStartClearing) {\n          step?.reset?.forEach(field => {\n            fieldsToClear.push(field);\n          });\n        } else if (currentStepName === step?.name) {\n          shouldStartClearing = true;\n        }\n\n        nextStep = step;\n\n        return false;\n      }\n\n      return true;\n    });\n    if (nextStep) {\n      return clearNextFields(\n        nextStep,\n        updatedFormData,\n        currentStepName,\n        shouldStartClearing,\n        fieldsToClear,\n      );\n    }\n  }\n\n  return undefined;\n};\n\nconst getCurrenStep: IGetCurrenStep = (formStep, milestoneFormData, flow) => {\n  const { isLeafNode, required, next } = formStep;\n\n  if (isLeafNode) {\n    return formStep;\n  }\n\n  const requiredFieldsFilled = required.every(field => milestoneFormData[field] !== undefined);\n\n  if (GOAL_EDIT_FLOWS.includes(flow)) {\n    const requiredFieldsReviewed = required.every(\n      field => milestoneFormData.reviewed[field] === true,\n    );\n\n    if (!requiredFieldsFilled || !requiredFieldsReviewed) {\n      return {\n        ...formStep,\n        next: undefined,\n      };\n    }\n  } else {\n    const requiredFieldsCommitted = required.every(\n      field => milestoneFormData.committed[field] === true,\n    );\n\n    if (!requiredFieldsFilled || !requiredFieldsCommitted) {\n      return {\n        ...formStep,\n        next: undefined,\n      };\n    }\n  }\n\n  if (next) {\n    let nextStep: IFormStep | undefined;\n\n    next.every(step => {\n      if (step.when === undefined) {\n        nextStep = step;\n\n        return false;\n      }\n\n      const conditionFulfilled = step.when.every(\n        ([field, value]) => milestoneFormData[field] === value,\n      );\n\n      if (conditionFulfilled) {\n        nextStep = step;\n\n        return false;\n      }\n\n      return true;\n    });\n\n    if (nextStep) {\n      return getCurrenStep(nextStep, milestoneFormData, flow);\n    }\n  }\n\n  return undefined;\n};\n\ntype TOptions = {\n  id: string;\n  label: string;\n  description?: string;\n  lottie?: keyof typeof LOTTIE;\n};\n\ninterface IGetSchoolTestsFromConfig {\n  (config: IMilestoneConfig): TOptions[];\n}\n\nconst getSchoolTestsFromConfig: IGetSchoolTestsFromConfig = config => {\n  return config.academic_events.reduce<TOptions[]>((acc, event) => {\n    const { id, event_name: eventName, event_type: eventType } = event;\n\n    if (eventType === 'SCHOOL_TEST') {\n      acc.push({\n        id,\n        label: eventName,\n      });\n    }\n\n    return acc;\n  }, []);\n};\n\ninterface IGetCountriesFromConfig {\n  (config: IMilestoneConfig): TOptions[];\n}\n\nconst computeCanIncludeCurrentGoal = (props: {\n  currentGoalData: IGoalCurriculumMap;\n  enrollmentType: TEnrollmentTypes;\n  currentCountryCode?: string;\n  grade?: string;\n  selectedCategory?: string;\n  isTeacherTrainingAccount?: boolean;\n}) => {\n  const {\n    currentGoalData,\n    enrollmentType,\n    currentCountryCode,\n    grade,\n    selectedCategory,\n    isTeacherTrainingAccount,\n  } = props;\n\n  const {\n    blocked_countries: blockedCountries,\n    available_countries: availableCountries,\n    available_grades: availableGrades,\n    goal_category: goalCategory,\n    available_enrollment_types: availableEnrollmentTypes,\n    blocked_enrollment_types: blockedEnrollmentTypes,\n  } = currentGoalData;\n\n  const isStudentEnrollmentTypeSupported = getStudentEnrollmentSupported(\n    blockedEnrollmentTypes,\n    availableEnrollmentTypes,\n    enrollmentType,\n  );\n  const isStudentRegionBlocked = blockedCountries.some(\n    blockedCountry => blockedCountry === currentCountryCode,\n  );\n  const isStudentRegionAvailable =\n    availableCountries.length > 0\n      ? availableCountries.some(availableCountry => availableCountry === currentCountryCode)\n      : true;\n\n  const isCurrentGradeAvailable = availableGrades.some(gradeInfo => gradeInfo === grade);\n  const isGoalCategoryAvailable = selectedCategory === goalCategory;\n\n  if (isTeacherTrainingAccount) return isGoalCategoryAvailable && isCurrentGradeAvailable;\n\n  return (\n    isStudentEnrollmentTypeSupported &&\n    !isStudentRegionBlocked &&\n    isStudentRegionAvailable &&\n    isCurrentGradeAvailable &&\n    isGoalCategoryAvailable\n  );\n};\n\ninterface IGetCurriculumStandardsFromConfig {\n  (\n    config: IMilestoneConfig,\n    options: {\n      grade: string;\n      countryCode: string;\n      goalCategory: TGoalCategory;\n      courseStream: TCourseStream;\n      enrollmentType: TEnrollmentTypes;\n      classRatio?: number;\n      flow?: TMilestoneFormFlow | null;\n      isTeacherTrainingAccount?: boolean;\n    },\n  ): TCurriculumStandardOption[];\n}\n\nconst getCurriculumStandardsFromConfig: IGetCurriculumStandardsFromConfig = (\n  config,\n  {\n    grade,\n    countryCode,\n    goalCategory,\n    courseStream,\n    classRatio,\n    enrollmentType,\n    flow,\n    isTeacherTrainingAccount,\n  },\n) => {\n  const { goal_curriculum_map: goals, curriculum_standards: curriculumStandards } = config;\n  // check if atleast one goal present for the curriculum standard\n\n  const filteredGoalCurriculumMap = goals.filter(item => {\n    const isSameCourseStream = item.course_stream === courseStream;\n\n    if (flow === 'CREATE') {\n      return isSameCourseStream && item.is_live;\n    }\n\n    return isSameCourseStream;\n  });\n\n  const hasGoalForCurriculumStandards = (standard: ICurriculumStandards) =>\n    filteredGoalCurriculumMap.some(goal => {\n      // check goal category\n      if (goal.goal_category !== goalCategory) return false;\n\n      // check grade availability\n      if (!goal.available_grades.includes(grade)) return false;\n\n      // check goal curriculum standard\n      // if goal_curriculum_standard is undefined then it's available for all standard\n      if (goal.goal_curriculum_standard && goal.goal_curriculum_standard !== standard.code)\n        return false;\n\n      if (goalCategory === 'SCHOOL_SUCCESS' && !goal.goal_curriculum_standard) return false;\n\n      if (isTeacherTrainingAccount) return true;\n\n      if (\n        classRatio &&\n        goal.available_class_ratios.length > 0 &&\n        !goal.available_class_ratios.includes(classRatio)\n      )\n        return false;\n\n      // check country availability\n      if (goal.available_countries.length > 0 && !goal.available_countries.includes(countryCode))\n        return false;\n\n      if (goal.available_countries.length === 0 && goal.blocked_countries.includes(countryCode))\n        return false;\n\n      return checkEnrollmentAvailable(goal, enrollmentType);\n    });\n\n  return curriculumStandards\n    .filter(hasGoalForCurriculumStandards)\n    .map(\n      ({\n        code,\n        name,\n        default_in_countries: defaultInCountries,\n        recommended_in_countries: recommendedInCountries,\n      }) => ({\n        id: code,\n        label: name,\n        isDefault: defaultInCountries.includes(countryCode),\n        isRecommended: recommendedInCountries.includes(countryCode),\n      }),\n    )\n    .sort((a, b) => (a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1));\n};\n\ninterface IGetGoalsFromConfig {\n  (\n    config: IMilestoneConfig,\n    options: {\n      grade: string;\n      countryCode: string;\n      goalCategory: TGoalCategory;\n      curriculumStandard?: string;\n      courseStream: TCourseStream;\n      enrollmentType: TEnrollmentTypes;\n    },\n  ): TOptions[];\n}\n\nconst getGoalsFromConfig: IGetGoalsFromConfig = (config, options) => {\n  const { goal_curriculum_map: goals } = config;\n  const { grade, countryCode, goalCategory, curriculumStandard, courseStream, enrollmentType } =\n    options;\n  const filteredGoalCurriculumMap = goals.filter(item => item.course_stream === courseStream);\n\n  const isEligibleGoal = (goal: IGoalCurriculumMap) => {\n    if (goal.goal_category !== goalCategory) return false;\n\n    if (curriculumStandard && goal.goal_curriculum_standard !== curriculumStandard) return false;\n\n    if (goal.available_countries.length > 0 && !goal.available_countries.includes(countryCode))\n      return false;\n\n    if (goal.available_countries.length === 0 && goal.blocked_countries.includes(countryCode))\n      return false;\n\n    if (!goal.available_grades.includes(grade)) return false;\n\n    if (!goal.is_live) return false;\n\n    return checkEnrollmentAvailable(goal, enrollmentType);\n  };\n\n  return filteredGoalCurriculumMap\n    ?.filter(isEligibleGoal)\n    .map(({ goal_code: id, goal_name: label }) => ({\n      id,\n      label,\n    }))\n    .sort((a, b) => (a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1));\n};\n\nconst getGradesFromConfig: IGetCountriesFromConfig = config => {\n  return config.grades.reduce<TOptions[]>((acc, grade) => {\n    if (grade === '-1' || grade === '0') {\n      acc.push({\n        id: grade,\n        label: grade === '-1' ? `Pre-K` : `KG`,\n      });\n    } else {\n      acc.push({\n        id: grade,\n        label: `Grade ${grade}`,\n      });\n    }\n\n    return acc;\n  }, []);\n};\n\ninterface IGetPreferencesFromConfig {\n  (\n    config: IMilestoneConfig,\n    options: {\n      grade: string;\n      preferenceCategory: TPreferenceCategory;\n      courseStream: TCourseStream;\n    },\n  ): TOptions[];\n}\n\nconst getPreferencesFromConfig: IGetPreferencesFromConfig = (config, options) => {\n  const { preference_config: preferenceConfig } = config;\n\n  const isEligiblePreferences = (preference: IPreferencesCurriculumMap) => {\n    const { grade, courseStream, preferenceCategory } = options;\n\n    if (preference.course_stream !== courseStream) return false;\n\n    if (preference.preference_category !== preferenceCategory) return false;\n\n    if (preference.preference_grades.length > 0 && !preference.preference_grades.includes(grade))\n      return false;\n\n    if (!preference.is_live) return false;\n\n    return true;\n  };\n\n  return preferenceConfig\n    ?.filter(isEligiblePreferences)\n    .map(\n      ({\n        preference_code: id,\n        preference_name: label,\n        preference_description: description,\n        lottie_key: lottie,\n      }) => ({\n        id,\n        label,\n        description,\n        lottie: lottie as keyof typeof LOTTIE,\n      }),\n    );\n};\n\ninterface IGetGradeBasedOnGoalAvailability {\n  (\n    config: IMilestoneConfig,\n    selectedGoalCategory: string,\n    courseStream: TCourseStream,\n    enrollmentType: TEnrollmentTypes,\n    isTeacherTrainingAccount?: boolean,\n  ): TOptions[];\n}\n\n//* Grades where goals are available for selected goal category.\nconst getGradesBasedOnGoalAvailability: IGetGradeBasedOnGoalAvailability = (\n  config,\n  selectedGoalCategory,\n  courseStream,\n  enrollmentType,\n  isTeacherTrainingAccount,\n) => {\n  const { goal_curriculum_map: goals } = config;\n\n  const grades = getGradesFromConfig(config);\n\n  const gradeAvailableGoals = ({ id }: TOptions) => {\n    return goals\n      .filter(item => item.course_stream === courseStream && item.is_live)\n      .some((goalData: IGoalCurriculumMap) => {\n        const {\n          available_grades: availableGrades,\n          goal_category: goalCategory,\n          available_enrollment_types: availableEnrollmentTypes,\n          blocked_enrollment_types: blockedEnrollmentTypes,\n        } = goalData;\n\n        const isGoalCategoryAndGradeAvailable =\n          goalCategory === selectedGoalCategory && availableGrades.includes(id);\n\n        if (isTeacherTrainingAccount) return isGoalCategoryAndGradeAvailable;\n\n        // check enrollment type availability\n        if (\n          availableEnrollmentTypes.length > 0 &&\n          !availableEnrollmentTypes.includes(enrollmentType)\n        )\n          return false;\n\n        if (\n          availableEnrollmentTypes.length === 0 &&\n          blockedEnrollmentTypes.includes(enrollmentType)\n        )\n          return false;\n\n        //* Check for grade availability only for selected goal category\n        return isGoalCategoryAndGradeAvailable;\n      });\n  };\n\n  return grades.filter(gradeAvailableGoals);\n};\n\ninterface IGetMajorsFromConfigBasedOnBoardAndGrade {\n  (\n    config: IMilestoneConfig,\n    boardCode: string,\n    grade: string,\n    courseStream: TCourseStream,\n    enrollmentType: TEnrollmentTypes,\n    isTeacherTrainingAccount?: boolean,\n  ): TOptions[];\n}\n\nconst getMajorsFromConfigBasedOnBoardAndGrade: IGetMajorsFromConfigBasedOnBoardAndGrade = (\n  config,\n  boardCode,\n  grade,\n  courseStream,\n  enrollmentType,\n  isTeacherTrainingAccount,\n) => {\n  //* We have US courses for grade 7 & above\n  if (grade === 'KG' || Number(grade) < 7) return [];\n\n  const { goal_curriculum_map: goalCurriculumMap } = config;\n  const filterOnCourseStreamAndEnrollmentType = (goalData: IGoalCurriculumMap) => {\n    if (goalData.course_stream !== courseStream && goalData.is_live) return false;\n\n    return isTeacherTrainingAccount || checkEnrollmentAvailable(goalData, enrollmentType);\n  };\n\n  const majorsWithLabelId = goalCurriculumMap\n    .filter(filterOnCourseStreamAndEnrollmentType)\n    .reduce<TOptions[]>((acc, goalData) => {\n      const {\n        available_grades: availableGrades,\n        goal_curriculum_standard: goalCurriculumStandard,\n        program_name: programName,\n        program_code: programCode,\n      } = goalData;\n\n      const isGradeAvailable = availableGrades.some(availableGrade => availableGrade === grade);\n      const isBoardAvailable = goalCurriculumStandard === boardCode;\n\n      if (isGradeAvailable && isBoardAvailable) {\n        acc.push({\n          id: programCode,\n          label: programName,\n        });\n      }\n\n      return acc;\n    }, []);\n\n  return majorsWithLabelId;\n};\n\nconst getRegionCodeBasedOnCountryCode = (countryCode: string) => {\n  const regionCode = COUNTRY_MAP.find(countryInfo => countryInfo.country_code === countryCode)\n    ?.region_code;\n\n  return regionCode;\n};\n\nconst generateFormStateWithPrefilledSchoolData = (\n  schoolData: IStudentSchool | undefined,\n  board: string | undefined,\n  grade: string | undefined,\n  currentCountryCode: string | undefined,\n): IMilestoneFormData => {\n  if (schoolData && grade) {\n    const { country_code: countryCode, place_id: placeId } = schoolData;\n\n    return {\n      committed: {},\n      reviewed: {},\n      grade: grade,\n      schoolInfo: {\n        countryCode: countryCode,\n        stateCode: '',\n        id: placeId,\n      },\n      region: countryCode,\n      board: board ?? undefined,\n    };\n  }\n\n  const regionCode = currentCountryCode\n    ? getRegionCodeBasedOnCountryCode(currentCountryCode)\n    : undefined;\n\n  if (grade) {\n    return {\n      committed: {},\n      reviewed: {},\n      grade: grade,\n      region: regionCode,\n      board: board ?? undefined,\n    };\n  }\n\n  return {\n    committed: {},\n    reviewed: {},\n  };\n};\n\nconst appendSchoolDataToFormState = (\n  formData: IMilestoneFormData,\n  schoolData: IStudentSchool | undefined,\n  board: string | undefined,\n  grade: string | undefined,\n): IMilestoneFormData => {\n  if (schoolData && grade) {\n    const { country_code: countryCode, place_id: placeId } = schoolData;\n\n    return {\n      ...formData,\n      grade: grade,\n      schoolInfo: {\n        countryCode: countryCode,\n        stateCode: '',\n        id: placeId,\n      },\n      board: formData.board ?? board ?? undefined,\n    };\n  }\n\n  return formData;\n};\n\nconst appendPrimaryGoalCategoryToFormState = (\n  config: IMilestoneConfig,\n  testType: TTestType,\n  grade: string | undefined,\n  courseStream: TCourseStream,\n  enrollmentType: TEnrollmentTypes,\n  board?: string | undefined,\n  country?: string | undefined,\n  flow?: TMilestoneFormFlow | null,\n  isTeacherTrainingAccount?: boolean,\n) => {\n  const { goal_curriculum_map: goalCurriculumMap } = config;\n  const isSchoolSuccessCategory = testType === 'no-test';\n  const selectedGoalCategory = getTestTypeBasedCategory(testType);\n\n  //TODO: This needs to compensate the course selection for US curriculum grade 8 & above\n  const primaryGoalCurriculum = goalCurriculumMap.find(goalInfo => {\n    const isCurrentGoalAvailable = computeCanIncludeCurrentGoal({\n      currentGoalData: goalInfo,\n      grade,\n      currentCountryCode: country,\n      selectedCategory: selectedGoalCategory,\n      enrollmentType,\n      isTeacherTrainingAccount,\n    });\n\n    const { goal_curriculum_standard: goalCurriculumStandard, is_live: isLive } = goalInfo;\n\n    const currentBoardAvailable = getIfGoalCurriculumStandardIsAccessible({\n      goalCurriculumStandard,\n      referenceStandard: board,\n    });\n\n    const isSameCourse = goalInfo.course_stream === courseStream;\n    const canIncludeCurrentGoal = flow === 'CREATE' ? isLive : true;\n\n    const isEligiblePrimaryGoal = canIncludeCurrentGoal && isSameCourse && isCurrentGoalAvailable;\n\n    if (isTeacherTrainingAccount)\n      return isEligiblePrimaryGoal && (isSchoolSuccessCategory ? currentBoardAvailable : true);\n\n    if (isSchoolSuccessCategory) {\n      return isEligiblePrimaryGoal && currentBoardAvailable;\n    }\n\n    return isEligiblePrimaryGoal;\n  });\n\n  return primaryGoalCurriculum;\n};\n\nconst getDefaultBoard = (data: ISectionOption<TCurriculumStandardOption>[]) => {\n  let recommendedBoards: TCurriculumStandardOption[] = [];\n  let otherBoards: TCurriculumStandardOption[] = [];\n\n  // Iterate through the data categories\n  for (const category of data) {\n    if (category.title === 'recommended') {\n      recommendedBoards = category.data;\n    } else if (category.title === 'others') {\n      otherBoards = category.data;\n    }\n  }\n\n  // 1. Check if any recommended board has isDefault: true\n  const defaultBoard = recommendedBoards.find(board => board.isDefault && board.isRecommended);\n\n  if (defaultBoard) {\n    return defaultBoard.id;\n  }\n\n  // 2. If no default, return the first recommended board\n  if (recommendedBoards.length > 0) {\n    return recommendedBoards[0]?.id;\n  }\n\n  // 3. If no recommended, return the first board from others\n  if (otherBoards.length > 0) {\n    return otherBoards[0]?.id;\n  }\n\n  // 4. Return null if no boards are found\n  return undefined;\n};\n\nexport {\n  appendSchoolDataToFormState,\n  appendPrimaryGoalCategoryToFormState,\n  clearNextFields,\n  generateFormStateWithPrefilledSchoolData,\n  getCurrenStep,\n  getGradesFromConfig,\n  getCurriculumStandardsFromConfig,\n  getGoalsFromConfig,\n  getGradesBasedOnGoalAvailability,\n  getMajorsFromConfigBasedOnBoardAndGrade,\n  getSchoolTestsFromConfig,\n  getRegionCodeBasedOnCountryCode,\n  getDefaultBoard,\n  getPreferencesFromConfig,\n};\n"],"names":["clearFields","obj","fieldsList","field","clearNextFields","formStep","milestoneFormData","currentStepName","startClearing","fieldsToClear","isLeafNode","next","reset","updatedFormData","shouldStartClearing","nextStep","step","conditionFulfilled","value","_a","getCurrenStep","flow","required","requiredFieldsFilled","GOAL_EDIT_FLOWS","requiredFieldsReviewed","requiredFieldsCommitted","getSchoolTestsFromConfig","config","acc","event","id","eventName","eventType","computeCanIncludeCurrentGoal","props","currentGoalData","enrollmentType","currentCountryCode","grade","selectedCategory","isTeacherTrainingAccount","blockedCountries","availableCountries","availableGrades","goalCategory","availableEnrollmentTypes","blockedEnrollmentTypes","isStudentEnrollmentTypeSupported","getStudentEnrollmentSupported","isStudentRegionBlocked","blockedCountry","isStudentRegionAvailable","availableCountry","isCurrentGradeAvailable","gradeInfo","isGoalCategoryAvailable","getCurriculumStandardsFromConfig","countryCode","courseStream","classRatio","goals","curriculumStandards","filteredGoalCurriculumMap","item","isSameCourseStream","hasGoalForCurriculumStandards","standard","goal","checkEnrollmentAvailable","code","name","defaultInCountries","recommendedInCountries","a","b","getGoalsFromConfig","options","curriculumStandard","isEligibleGoal","label","getGradesFromConfig","getPreferencesFromConfig","preferenceConfig","isEligiblePreferences","preference","preferenceCategory","description","lottie","getGradesBasedOnGoalAvailability","selectedGoalCategory","grades","gradeAvailableGoals","goalData","isGoalCategoryAndGradeAvailable","getMajorsFromConfigBasedOnBoardAndGrade","boardCode","goalCurriculumMap","filterOnCourseStreamAndEnrollmentType","goalCurriculumStandard","programName","programCode","availableGrade","getRegionCodeBasedOnCountryCode","COUNTRY_MAP","countryInfo","generateFormStateWithPrefilledSchoolData","schoolData","board","placeId","regionCode","appendSchoolDataToFormState","formData","appendPrimaryGoalCategoryToFormState","testType","country","isSchoolSuccessCategory","getTestTypeBasedCategory","goalInfo","isCurrentGoalAvailable","isLive","currentBoardAvailable","getIfGoalCurriculumStandardIsAccessible","isSameCourse","isEligiblePrimaryGoal","getDefaultBoard","data","recommendedBoards","otherBoards","category","defaultBoard","_b"],"mappings":"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"}

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 type { IBillingDetails } from '../../parent-dashboard-types';\nimport type { FC } from 'react';\n\nimport { memo, useState, useRef, useEffect, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './billing-information-styled';\n\ninterface IBillingInformationProps {\n  billingDetails: IBillingDetails;\n  onViewPaymentMethod: () => void;\n  onCancelSubscription: () => void;\n}\n\nconst BillingInformation: FC<IBillingInformationProps> = memo(\n  ({ billingDetails, onViewPaymentMethod, onCancelSubscription }) => {\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n    const [menuOpen, setMenuOpen] = useState(false);\n    const menuRef = useRef<HTMLDivElement>(null);\n\n    const { amount, cycle_frequency: cycleFrequency, next_due_date: nextDueDate } = billingDetails;\n\n    const toggleMenu = () => setMenuOpen(v => !v);\n\n    const handleViewPaymentMethod = useCallback(() => {\n      setMenuOpen(false);\n      onViewPaymentMethod();\n    }, [onViewPaymentMethod]);\n\n    const handleCancelSubscription = useCallback(() => {\n      setMenuOpen(false);\n      onCancelSubscription();\n    }, [onCancelSubscription]);\n\n    // Close menu on outside click\n    useEffect(() => {\n      function handleClickOutside(event: MouseEvent) {\n        if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n          setMenuOpen(false);\n        }\n      }\n      if (menuOpen) {\n        document.addEventListener('mousedown', handleClickOutside);\n      }\n\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside);\n      };\n    }, [menuOpen]);\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 ? handleViewPaymentMethod : 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            <FlexView $position=\"relative\" ref={menuRef}>\n              <Styled.StyledVerticalMenu height={24} width={24} onClick={toggleMenu} />\n              {menuOpen && (\n                <Styled.DropdownMenu\n                  $width={180}\n                  $position=\"absolute\"\n                  $background=\"BLACK_4\"\n                  $borderColor=\"BLACK_5\"\n                  $gapX={1}\n                  $gutterX={1}\n                  $flexGap={8}\n                >\n                  <Text\n                    $renderAs=\"ub3\"\n                    $cursor=\"pointer\"\n                    $color=\"WHITE\"\n                    onClick={handleViewPaymentMethod}\n                  >\n                    View Payment Method\n                  </Text>\n                  <Text\n                    $renderAs=\"ub3\"\n                    $cursor=\"pointer\"\n                    $color=\"ORANGE_5\"\n                    onClick={handleCancelSubscription}\n                  >\n                    Cancel Subscription\n                  </Text>\n                </Styled.DropdownMenu>\n              )}\n            </FlexView>\n          )}\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nexport default BillingInformation;\n"],"names":["BillingInformation","memo","billingDetails","onViewPaymentMethod","onCancelSubscription","device","useTheme","isMobile","EDeviceType","menuOpen","setMenuOpen","useState","menuRef","useRef","amount","cycleFrequency","nextDueDate","toggleMenu","v","handleViewPaymentMethod","useCallback","handleCancelSubscription","useEffect","handleClickOutside","event","FlexView","jsx","Text","Separator","jsxs","Styled.StyledVerticalMenu","Styled.DropdownMenu"],"mappings":"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"}
+{"version":3,"file":"billing-information.js","sources":["../../../../../src/features/parent-dashboard/comps/billing-information/billing-information.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport { memo, useState, useRef, useEffect, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport * as Styled from './billing-information-styled';\nimport { type IBillingInformationProps } from './billing-information-types';\n\nconst BillingInformation: FC<IBillingInformationProps> = memo(\n  ({ billingDetails, onViewPaymentMethod, onCancelSubscription }) => {\n    const { device } = useTheme();\n    const isMobile = device <= EDeviceType.MOBILE;\n    const [menuOpen, setMenuOpen] = useState(false);\n    const menuRef = useRef<HTMLDivElement>(null);\n\n    const { amount, cycle_frequency: cycleFrequency, next_due_date: nextDueDate } = billingDetails;\n\n    const toggleMenu = () => setMenuOpen(v => !v);\n\n    const handleViewPaymentMethod = useCallback(() => {\n      setMenuOpen(false);\n      onViewPaymentMethod();\n    }, [onViewPaymentMethod]);\n\n    const handleCancelSubscription = useCallback(() => {\n      setMenuOpen(false);\n      onCancelSubscription();\n    }, [onCancelSubscription]);\n\n    // Close menu on outside click\n    useEffect(() => {\n      function handleClickOutside(event: MouseEvent) {\n        if (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n          setMenuOpen(false);\n        }\n      }\n      if (menuOpen) {\n        document.addEventListener('mousedown', handleClickOutside);\n      }\n\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside);\n      };\n    }, [menuOpen]);\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 ? handleViewPaymentMethod : 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            <FlexView $position=\"relative\" ref={menuRef}>\n              <Styled.StyledVerticalMenu height={24} width={24} onClick={toggleMenu} />\n              {menuOpen && (\n                <Styled.DropdownMenu\n                  $width={180}\n                  $position=\"absolute\"\n                  $background=\"BLACK_4\"\n                  $borderColor=\"BLACK_5\"\n                  $gapX={1}\n                  $gutterX={1}\n                  $flexGap={8}\n                >\n                  <Text\n                    $renderAs=\"ub3\"\n                    $cursor=\"pointer\"\n                    $color=\"WHITE\"\n                    onClick={handleViewPaymentMethod}\n                  >\n                    View Payment Method\n                  </Text>\n                  <Text\n                    $renderAs=\"ub3\"\n                    $cursor=\"pointer\"\n                    $color=\"ORANGE_5\"\n                    onClick={handleCancelSubscription}\n                  >\n                    Cancel Subscription\n                  </Text>\n                </Styled.DropdownMenu>\n              )}\n            </FlexView>\n          )}\n        </FlexView>\n      </FlexView>\n    );\n  },\n);\n\nexport default BillingInformation;\n"],"names":["BillingInformation","memo","billingDetails","onViewPaymentMethod","onCancelSubscription","device","useTheme","isMobile","EDeviceType","menuOpen","setMenuOpen","useState","menuRef","useRef","amount","cycleFrequency","nextDueDate","toggleMenu","v","handleViewPaymentMethod","useCallback","handleCancelSubscription","useEffect","handleClickOutside","event","FlexView","jsx","Text","Separator","jsxs","Styled.StyledVerticalMenu","Styled.DropdownMenu"],"mappings":"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"}

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';\n\ninterface ICancelSubscriptionProps {\n  withTutor: boolean;\n  completedSessions: number;\n  onReschedule: () => void;\n  onCancel: () => void;\n  onSwitchTutor: () => void;\n}\n\nconst CancelSubscription = memo(() => {\n  const { withTutor, completedSessions, 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 (completedSessions > 0) {\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 Amy's\n          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","completedSessions","onSwitchTutor","onReschedule","onCancel","useModalParams","device","useTheme","isMobile","EDeviceType","config","cancelSubscriptionWithTutor","cancelSubscriptionNoTutor","title","consequences","jsxs","FlexView","jsx","Text","Separator","TextButton","item","CrossIcon","CancelSubscription$1"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,IAAqBC,EAAK,MAAM;AACpC,QAAM,EAAE,WAAAC,GAAW,mBAAAC,GAAmB,eAAAC,GAAe,cAAAC,GAAc,UAAAC,EAAA,IACjEC,KACI,EAAE,QAAAC,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QACjCC,IAASV,IAAYW,IAA8BC,GACnD,EAAE,OAAAC,GAAO,cAAAC,EAAiB,IAAAJ;AAEhC,SAAIT,IAAoB,IAEpB,gBAAAc,EAACC,GAAS,EAAA,OAAOR,IAAW,MAAM,KAAK,UAAUA,IAAW,IAAI,KAAK,aAAY,WAC/E,UAAA;AAAA,IAAA,gBAAAS,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,+CAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,IAC1B,gBAAAF,EAACC,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAAQ,UAI7D,kMAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,IAC1B,gBAAAF,EAACC,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAAQ,UAE7D,+EAAA,CAAA;AAAA,IACA,gBAAAD,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,KACxC,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOZ,IAAW,wBAAwB;AAAA,UAC1C,OAAM;AAAA,UACN,SAASJ;AAAA,QAAA;AAAA,MACX;AAAA,MACA,gBAAAa;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOZ,IAAW,iBAAiB;AAAA,UACnC,OAAM;AAAA,UACN,SAASN;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA,IAKF,gBAAAa,EAACC,GAAS,EAAA,OAAOR,IAAW,MAAM,KAAK,UAAUA,IAAW,IAAI,KAAK,aAAY,WAC/E,UAAA;AAAA,IAAA,gBAAAS,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAC5D,UACHL,EAAA,CAAA;AAAA,IACA,gBAAAI,EAACE,GAAU,EAAA,SAAS,KAAM,CAAA;AAAA,IAC1B,gBAAAJ,EAACC,GAAS,EAAA,WAAW,MACnB,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,MACCJ,EAAa,IAAI,CAChBO,MAAA,gBAAAN,EAACC,KAAoB,gBAAe,OAAM,WAAW,KACnD,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,iBAAgB;AAAA,YAChB,aAAY;AAAA,YACZ,aAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,SAAS;AAAA,YACT,UAAU;AAAA,YAEV,4BAACM,GAAU,EAAA;AAAA,UAAA;AAAA,QACb;AAAA,0BACCJ,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHG,GAAA;AAAA,MAAA,EAAA,GAbaA,CAcf,CACD;AAAA,IAAA,GACH;AAAA,IACA,gBAAAJ,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,WAAW,KACxC,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,OAAM;AAAA,UACN,SAAShB;AAAA,QAAA;AAAA,MACX;AAAA,MACA,gBAAAa,EAACG,KAAW,MAAK,WAAU,OAAM,cAAa,OAAM,SAAQ,SAASjB,EAAc,CAAA;AAAA,IAAA,GACrF;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDoB,IAAezB;"}
+{"version":3,"file":"cancel-subscription.js","sources":["../../../../../src/features/parent-dashboard/modals/cancel-subscription/cancel-subscription.tsx"],"sourcesContent":["import type { ICancelSubscriptionProps } from './cancel-subscription-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport CrossIcon from '../../../../assets/line-icons/icons/cross';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport {\n  cancelSubscriptionNoTutor,\n  cancelSubscriptionWithTutor,\n} from './cancel-subscription-constants';\n\nconst CancelSubscription = memo(() => {\n  const { withTutor, completedSessions, 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 (completedSessions > 0) {\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 Amy's\n          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","completedSessions","onSwitchTutor","onReschedule","onCancel","useModalParams","device","useTheme","isMobile","EDeviceType","config","cancelSubscriptionWithTutor","cancelSubscriptionNoTutor","title","consequences","jsxs","FlexView","jsx","Text","Separator","TextButton","item","CrossIcon","CancelSubscription$1"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"cancellation-reason.js","sources":["../../../../../src/features/parent-dashboard/modals/cancellation-reason/cancellation-reason.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport PillButton from '../../../auth/comps/pill-button/pill-button';\nimport 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';\nimport {\n  cancellationReasonAfterTrial,\n  cancellationReasonNoTutor,\n  cancellationReasonWithTutor,\n} from './cancellation-reason-constant';\nimport * as Styled from './cancellation-reason-styled';\n\ninterface ICancelSubscriptionProps {\n  withTutor: boolean;\n  completedSessions: number;\n  onCancel: (reason: string) => void;\n}\n\nconst CancellationReason = memo(() => {\n  const { withTutor, completedSessions, onCancel } = useModalParams<ICancelSubscriptionProps>();\n  const { closeModal } = useModalActions();\n\n  const [reason, setReason] = useState('');\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 (completedSessions > 0) return cancellationReasonAfterTrial;\n\n    return withTutor ? cancellationReasonWithTutor : cancellationReasonNoTutor;\n  }, [completedSessions, withTutor]);\n  const { title, description, reasons } = config;\n\n  const handleSelectReason = useCallback((id: string) => setReason(id), []);\n\n  const handleOtherReasonChange = useCallback((event: ChangeEvent<HTMLTextAreaElement>) => {\n    setOtherReason(event.target.value);\n  }, []);\n\n  const isOtherReasonSelected = reason === 'other';\n  const isSubmitDisabled = !reason || (isOtherReasonSelected && !otherReason.trim());\n\n  const handleCancel = useCallback(() => {\n    onCancel(isOtherReasonSelected ? otherReason : reason);\n  }, [onCancel, isOtherReasonSelected, otherReason, reason]);\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        $gutterX={isMobile ? 1 : 2.5}\n        $gapX={isMobile ? 1 : 2.5}\n        $flexDirection=\"row\"\n        $flexColumnGapX={1.5}\n      >\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","completedSessions","onCancel","useModalParams","closeModal","useModalActions","reason","setReason","useState","otherReason","setOtherReason","textAreaRef","useRef","device","useTheme","isMobile","EDeviceType","config","useMemo","cancellationReasonAfterTrial","cancellationReasonWithTutor","cancellationReasonNoTutor","title","description","reasons","handleSelectReason","useCallback","id","handleOtherReasonChange","event","isOtherReasonSelected","isSubmitDisabled","handleCancel","useEffect","_a","_b","jsxs","Styled.Container","Styled.OuterWrapper","FlexView","jsx","Text","Fragment","Separator","Styled.ContentWrapper","label","PillButton","Styled.StyledTextArea","Styled.FooterWrapper","TextButton","CancellationReason$1"],"mappings":"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"}
+{"version":3,"file":"cancellation-reason.js","sources":["../../../../../src/features/parent-dashboard/modals/cancellation-reason/cancellation-reason.tsx"],"sourcesContent":["import type { ICancelReasonProps } from './cancel-reason-types';\nimport type { ChangeEvent } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport PillButton from '../../../auth/comps/pill-button/pill-button';\nimport 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';\nimport {\n  cancellationReasonAfterTrial,\n  cancellationReasonNoTutor,\n  cancellationReasonWithTutor,\n} from './cancellation-reason-constant';\nimport * as Styled from './cancellation-reason-styled';\n\nconst CancellationReason = memo(() => {\n  const { withTutor, completedSessions, onCancel } = useModalParams<ICancelReasonProps>();\n  const { closeModal } = useModalActions();\n\n  const [reason, setReason] = useState('');\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 (completedSessions > 0) return cancellationReasonAfterTrial;\n\n    return withTutor ? cancellationReasonWithTutor : cancellationReasonNoTutor;\n  }, [completedSessions, withTutor]);\n  const { title, description, reasons } = config;\n\n  const handleSelectReason = useCallback((id: string) => setReason(id), []);\n\n  const handleOtherReasonChange = useCallback((event: ChangeEvent<HTMLTextAreaElement>) => {\n    setOtherReason(event.target.value);\n  }, []);\n\n  const isOtherReasonSelected = reason === 'other';\n  const isSubmitDisabled = !reason || (isOtherReasonSelected && !otherReason.trim());\n\n  const handleCancel = useCallback(() => {\n    onCancel(isOtherReasonSelected ? otherReason : reason);\n  }, [onCancel, isOtherReasonSelected, otherReason, reason]);\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        $gutterX={isMobile ? 1 : 2.5}\n        $gapX={isMobile ? 1 : 2.5}\n        $flexDirection=\"row\"\n        $flexColumnGapX={1.5}\n      >\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","completedSessions","onCancel","useModalParams","closeModal","useModalActions","reason","setReason","useState","otherReason","setOtherReason","textAreaRef","useRef","device","useTheme","isMobile","EDeviceType","config","useMemo","cancellationReasonAfterTrial","cancellationReasonWithTutor","cancellationReasonNoTutor","title","description","reasons","handleSelectReason","useCallback","id","handleOtherReasonChange","event","isOtherReasonSelected","isSubmitDisabled","handleCancel","useEffect","_a","_b","jsxs","Styled.Container","Styled.OuterWrapper","FlexView","jsx","Text","Fragment","Separator","Styled.ContentWrapper","label","PillButton","Styled.StyledTextArea","Styled.FooterWrapper","TextButton","CancellationReason$1"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"view-payment-method.js","sources":["../../../../../src/features/parent-dashboard/modals/view-payment-method/view-payment-method.tsx"],"sourcesContent":["import type { IPaymentMethodDetails } from '../../parent-dashboard-types';\n\nimport { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\n\ninterface IViewPaymentMethodProps {\n  paymentMethodDetails: IPaymentMethodDetails;\n  onCancel: () => void;\n}\n\nconst ViewPaymentMethod = memo(() => {\n  const { paymentMethodDetails, onCancel } = useModalParams<IViewPaymentMethodProps>();\n\n  const {\n    exp_month: expMonth,\n    exp_year: expYear,\n    last_4_digits: last4Digits,\n  } = paymentMethodDetails || {};\n\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView $gapX={isMobile ? 2.25 : 2.5} $gutterX={isMobile ? 1 : 2.5} $background=\"BLACK_2\">\n      <Text\n        $renderAs=\"ah4-bold\"\n        $renderOnMobileAs=\"ac4-black\"\n        $color={isMobile ? 'WHITE_T_60' : 'WHITE'}\n      >\n        {isMobile ? 'Payment Method' : 'View Payment Method'}\n      </Text>\n      <Separator heightX={isMobile ? 1 : 2.5} />\n      <FlexView\n        $flexDirection=\"row\"\n        $justifyContent=\"flex-start\"\n        $alignItems=\"center\"\n        $flexGapX={0.5}\n        $gapX={1}\n        $gutterX={1}\n        $background=\"BLACK_2\"\n        $borderColor=\"BLACK_5\"\n      >\n        <FlexView $widthX={3} $heightX={1.75} $background=\"BLACK_4\" $borderRadiusX={0.25} />\n        <FlexView>\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n            •••• {last4Digits}\n          </Text>\n          <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n            Card\n            <Text $renderAs=\"ub3\" $color=\"WHITE\" $inline>\n              Exp: {expMonth}/{expYear}\n            </Text>\n          </Text>\n        </FlexView>\n      </FlexView>\n      <Separator heightX={1.5} />\n      <TextButton size=\"small\" label=\"Cancel subscription\" color=\"WHITE_T_60\" onClick={onCancel} />\n    </FlexView>\n  );\n});\n\nexport default ViewPaymentMethod;\n"],"names":["ViewPaymentMethod","memo","paymentMethodDetails","onCancel","useModalParams","expMonth","expYear","last4Digits","device","useTheme","isMobile","EDeviceType","jsxs","FlexView","jsx","Text","Separator","TextButton","ViewPaymentMethod$1"],"mappings":";;;;;;;;;AAiBA,MAAMA,IAAoBC,EAAK,MAAM;AACnC,QAAM,EAAE,sBAAAC,GAAsB,UAAAC,EAAS,IAAIC,EAAwC,GAE7E;AAAA,IACJ,WAAWC;AAAA,IACX,UAAUC;AAAA,IACV,eAAeC;AAAA,EAAA,IACbL,KAAwB,CAAA,GAEtB,EAAE,QAAAM,MAAWC,KACbC,IAAWF,KAAUG,EAAY;AAGrC,SAAA,gBAAAC,EAACC,GAAS,EAAA,OAAOH,IAAW,OAAO,KAAK,UAAUA,IAAW,IAAI,KAAK,aAAY,WAChF,UAAA;AAAA,IAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,mBAAkB;AAAA,QAClB,QAAQL,IAAW,eAAe;AAAA,QAEjC,cAAW,mBAAmB;AAAA,MAAA;AAAA,IACjC;AAAA,IACC,gBAAAI,EAAAE,GAAA,EAAU,SAASN,IAAW,IAAI,KAAK;AAAA,IACxC,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,WAAW;AAAA,QACX,OAAO;AAAA,QACP,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,UAAA;AAAA,UAAC,gBAAAC,EAAAD,GAAA,EAAS,SAAS,GAAG,UAAU,MAAM,aAAY,WAAU,gBAAgB,KAAM,CAAA;AAAA,4BACjFA,GACC,EAAA,UAAA;AAAA,YAAA,gBAAAD,EAACG,GAAK,EAAA,WAAU,aAAY,QAAO,SAAQ,UAAA;AAAA,cAAA;AAAA,cACnCR;AAAA,YAAA,GACR;AAAA,YACC,gBAAAK,EAAAG,GAAA,EAAK,WAAU,YAAW,QAAO,SAAQ,UAAA;AAAA,cAAA;AAAA,gCAEvCA,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,SAAO,IAAC,UAAA;AAAA,gBAAA;AAAA,gBACrCV;AAAA,gBAAS;AAAA,gBAAEC;AAAA,cAAA,GACnB;AAAA,YAAA,GACF;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAQ,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACG,KAAW,MAAK,SAAQ,OAAM,uBAAsB,OAAM,cAAa,SAASd,EAAU,CAAA;AAAA,EAC7F,EAAA,CAAA;AAEJ,CAAC,GAEDe,IAAelB;"}
+{"version":3,"file":"view-payment-method.js","sources":["../../../../../src/features/parent-dashboard/modals/view-payment-method/view-payment-method.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport TextButton from '../../../ui/buttons/text-button/text-button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport useModalParams from '../../../ui/modals/use-modal-params';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { type IViewPaymentMethodProps } from './view-payment-method-types';\n\nconst ViewPaymentMethod = memo(() => {\n  const { paymentMethodDetails, onCancel } = useModalParams<IViewPaymentMethodProps>();\n\n  const {\n    exp_month: expMonth,\n    exp_year: expYear,\n    last_4_digits: last4Digits,\n  } = paymentMethodDetails || {};\n\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView $gapX={isMobile ? 2.25 : 2.5} $gutterX={isMobile ? 1 : 2.5} $background=\"BLACK_2\">\n      <Text\n        $renderAs=\"ah4-bold\"\n        $renderOnMobileAs=\"ac4-black\"\n        $color={isMobile ? 'WHITE_T_60' : 'WHITE'}\n      >\n        {isMobile ? 'Payment Method' : 'View Payment Method'}\n      </Text>\n      <Separator heightX={isMobile ? 1 : 2.5} />\n      <FlexView\n        $flexDirection=\"row\"\n        $justifyContent=\"flex-start\"\n        $alignItems=\"center\"\n        $flexGapX={0.5}\n        $gapX={1}\n        $gutterX={1}\n        $background=\"BLACK_2\"\n        $borderColor=\"BLACK_5\"\n      >\n        <FlexView $widthX={3} $heightX={1.75} $background=\"BLACK_4\" $borderRadiusX={0.25} />\n        <FlexView>\n          <Text $renderAs=\"ac4-black\" $color=\"WHITE\">\n            •••• {last4Digits}\n          </Text>\n          <Text $renderAs=\"ub3-bold\" $color=\"WHITE\">\n            Card\n            <Text $renderAs=\"ub3\" $color=\"WHITE\" $inline>\n              Exp: {expMonth}/{expYear}\n            </Text>\n          </Text>\n        </FlexView>\n      </FlexView>\n      <Separator heightX={1.5} />\n      <TextButton size=\"small\" label=\"Cancel subscription\" color=\"WHITE_T_60\" onClick={onCancel} />\n    </FlexView>\n  );\n});\n\nexport default ViewPaymentMethod;\n"],"names":["ViewPaymentMethod","memo","paymentMethodDetails","onCancel","useModalParams","expMonth","expYear","last4Digits","device","useTheme","isMobile","EDeviceType","jsxs","FlexView","jsx","Text","Separator","TextButton","ViewPaymentMethod$1"],"mappings":";;;;;;;;;AAWA,MAAMA,IAAoBC,EAAK,MAAM;AACnC,QAAM,EAAE,sBAAAC,GAAsB,UAAAC,EAAS,IAAIC,EAAwC,GAE7E;AAAA,IACJ,WAAWC;AAAA,IACX,UAAUC;AAAA,IACV,eAAeC;AAAA,EAAA,IACbL,KAAwB,CAAA,GAEtB,EAAE,QAAAM,MAAWC,KACbC,IAAWF,KAAUG,EAAY;AAGrC,SAAA,gBAAAC,EAACC,GAAS,EAAA,OAAOH,IAAW,OAAO,KAAK,UAAUA,IAAW,IAAI,KAAK,aAAY,WAChF,UAAA;AAAA,IAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,mBAAkB;AAAA,QAClB,QAAQL,IAAW,eAAe;AAAA,QAEjC,cAAW,mBAAmB;AAAA,MAAA;AAAA,IACjC;AAAA,IACC,gBAAAI,EAAAE,GAAA,EAAU,SAASN,IAAW,IAAI,KAAK;AAAA,IACxC,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,WAAW;AAAA,QACX,OAAO;AAAA,QACP,UAAU;AAAA,QACV,aAAY;AAAA,QACZ,cAAa;AAAA,QAEb,UAAA;AAAA,UAAC,gBAAAC,EAAAD,GAAA,EAAS,SAAS,GAAG,UAAU,MAAM,aAAY,WAAU,gBAAgB,KAAM,CAAA;AAAA,4BACjFA,GACC,EAAA,UAAA;AAAA,YAAA,gBAAAD,EAACG,GAAK,EAAA,WAAU,aAAY,QAAO,SAAQ,UAAA;AAAA,cAAA;AAAA,cACnCR;AAAA,YAAA,GACR;AAAA,YACC,gBAAAK,EAAAG,GAAA,EAAK,WAAU,YAAW,QAAO,SAAQ,UAAA;AAAA,cAAA;AAAA,gCAEvCA,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,SAAO,IAAC,UAAA;AAAA,gBAAA;AAAA,gBACrCV;AAAA,gBAAS;AAAA,gBAAEC;AAAA,cAAA,GACnB;AAAA,YAAA,GACF;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAQ,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACzB,gBAAAF,EAACG,KAAW,MAAK,SAAQ,OAAM,uBAAsB,OAAM,cAAa,SAASd,EAAU,CAAA;AAAA,EAC7F,EAAA,CAAA;AAEJ,CAAC,GAEDe,IAAelB;"}

package/dist/features/student-username/add/add-student-username-constants.js

@@ -0,0 +1,6 @@
+const E = 25, N = 3;
+export {
+  E as USERNAME_MAX_LENGTH,
+  N as USERNAME_MIN_LENGTH
+};
+//# sourceMappingURL=add-student-username-constants.js.map

package/dist/features/student-username/add/add-student-username-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-student-username-constants.js","sources":["../../../../src/features/student-username/add/add-student-username-constants.ts"],"sourcesContent":["export const USERNAME_MAX_LENGTH = 25;\nexport const USERNAME_MIN_LENGTH = 3;\n"],"names":["USERNAME_MAX_LENGTH","USERNAME_MIN_LENGTH"],"mappings":"AAAO,MAAMA,IAAsB,IACtBC,IAAsB;"}

package/dist/features/student-username/add/add-student-username-helpers.js

@@ -0,0 +1,6 @@
+import { USERNAME_MIN_LENGTH as t, USERNAME_MAX_LENGTH as r } from "./add-student-username-constants.js";
+const a = (e) => e.trim() ? e.length < t || e.length > r ? `Username must be between 3 and ${r} characters` : /^[a-z0-9_]+$/.test(e) ? null : "Only lowercase letters, numbers, and underscores are allowed" : "Username is required";
+export {
+  a as validateUsername
+};
+//# sourceMappingURL=add-student-username-helpers.js.map

package/dist/features/student-username/add/add-student-username-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-student-username-helpers.js","sources":["../../../../src/features/student-username/add/add-student-username-helpers.ts"],"sourcesContent":["import { USERNAME_MAX_LENGTH, USERNAME_MIN_LENGTH } from './add-student-username-constants';\n\nexport const validateUsername = (username: string) => {\n  if (!username.trim()) return 'Username is required';\n\n  if (username.length < USERNAME_MIN_LENGTH || username.length > USERNAME_MAX_LENGTH) {\n    return `Username must be between 3 and ${USERNAME_MAX_LENGTH} characters`;\n  }\n\n  const usernameRegex = /^[a-z0-9_]+$/;\n\n  if (!usernameRegex.test(username)) {\n    return 'Only lowercase letters, numbers, and underscores are allowed';\n  }\n\n  return null;\n};\n"],"names":["validateUsername","username","USERNAME_MIN_LENGTH","USERNAME_MAX_LENGTH"],"mappings":";AAEa,MAAAA,IAAmB,CAACC,MAC1BA,EAAS,KAAK,IAEfA,EAAS,SAASC,KAAuBD,EAAS,SAASE,IACtD,kCAAkCA,CAAmB,gBAGxC,eAEH,KAAKF,CAAQ,IAIzB,OAHE,iEAToB;"}