@cuemath/leap 3.3.38-m → 3.4.0

package/dist/features/ui/modals/use-modal-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-modal-actions.js","sources":["../../../../src/features/ui/modals/use-modal-actions.ts"],"sourcesContent":["import type { IUseModalActions } from './modal-types';\n\nimport { useContext } from 'react';\n\nimport ModalContext from './modal-context';\n\nconst useModalActions: IUseModalActions = () => {\n  const { openModal, closeModal, isClosing, modal } = useContext(ModalContext);\n\n  return { openModal, closeModal, isClosing, modal };\n};\n\nexport default useModalActions;\n"],"names":["useModalActions","openModal","closeModal","isClosing","modal","useContext","ModalContext","useModalActions$1"],"mappings":";;AAMA,MAAMA,IAAoC,MAAM;AAC9C,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,OAAAC,MAAUC,EAAWC,CAAY;AAE3E,SAAO,EAAE,WAAAL,GAAW,YAAAC,GAAY,WAAAC,GAAW,OAAAC,EAAM;AACnD,GAEAG,IAAeP;"}
+{"version":3,"file":"use-modal-actions.js","sources":["../../../../src/features/ui/modals/use-modal-actions.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport ModalContext from './modal-context';\nimport type { IUseModalActions } from './modal-types';\n\nconst useModalActions: IUseModalActions = () => {\n  const { openModal, closeModal, isClosing, modal } = useContext(ModalContext);\n\n  return { openModal, closeModal, isClosing, modal };\n};\n\nexport default useModalActions;\n"],"names":["useModalActions","openModal","closeModal","isClosing","modal","useContext","ModalContext","useModalActions$1"],"mappings":";;AAKA,MAAMA,IAAoC,MAAM;AAC9C,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,OAAAC,MAAUC,EAAWC,CAAY;AAE3E,SAAO,EAAE,WAAAL,GAAW,YAAAC,GAAY,WAAAC,GAAW,OAAAC,EAAM;AACnD,GAEAG,IAAeP;"}

package/dist/features/ui/modals/use-modal-params.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-modal-params.js","sources":["../../../../src/features/ui/modals/use-modal-params.ts"],"sourcesContent":["import type { IUseModalParams } from './modal-types';\n\nimport { useContext } from 'react';\n\nimport ModalContext from './modal-context';\n\nconst useModalParams: IUseModalParams = <T = undefined>(): T => {\n  const { modalParams } = useContext(ModalContext);\n\n  return modalParams as T;\n};\n\nexport default useModalParams;\n"],"names":["useModalParams","modalParams","useContext","ModalContext","useModalParams$1"],"mappings":";;AAMA,MAAMA,IAAkC,MAAwB;AAC9D,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAWC,CAAY;AAExC,SAAAF;AACT,GAEAG,IAAeJ;"}
+{"version":3,"file":"use-modal-params.js","sources":["../../../../src/features/ui/modals/use-modal-params.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport ModalContext from './modal-context';\nimport type { IUseModalParams } from './modal-types';\n\nconst useModalParams: IUseModalParams = <T = undefined>(): T => {\n  const { modalParams } = useContext(ModalContext);\n\n  return modalParams as T;\n};\n\nexport default useModalParams;\n"],"names":["useModalParams","modalParams","useContext","ModalContext","useModalParams$1"],"mappings":";;AAKA,MAAMA,IAAkC,MAAwB;AAC9D,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAWC,CAAY;AAExC,SAAAF;AACT,GAEAG,IAAeJ;"}

package/dist/features/ui/nudge/nudge.js.map

@@ -1 +1 @@
-{"version":3,"file":"nudge.js","sources":["../../../../src/features/ui/nudge/nudge.tsx"],"sourcesContent":["import type { INudgeProps } from './nudge-types';\n\nimport React, { memo } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport LottieAnimation from '../lottie-animation/lottie-animation';\nimport * as S from './nudge-styled';\n\nconst Nudge: React.FC<INudgeProps> = ({\n  content,\n  nudgePointerX = 0,\n  nudgePointerY = 0,\n  zIndex = 100,\n}) => {\n  return (\n    <S.NudgeWrapper $top={nudgePointerY} $left={nudgePointerX} $zIndex={zIndex}>\n      <S.NudgeLottieContainer $height={60} $width={60}>\n        <LottieAnimation src={LOTTIE.NUDGE_TAP} />\n      </S.NudgeLottieContainer>\n      {content}\n    </S.NudgeWrapper>\n  );\n};\n\nexport default memo(Nudge);\n"],"names":["Nudge","content","nudgePointerX","nudgePointerY","zIndex","jsxs","S.NudgeWrapper","jsx","S.NudgeLottieContainer","LottieAnimation","LOTTIE","Nudge$1","memo"],"mappings":";;;;;AAQA,MAAMA,IAA+B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,QAAAC,IAAS;AACX,MAEI,gBAAAC,EAACC,GAAA,EAAe,MAAMH,GAAe,OAAOD,GAAe,SAASE,GAClE,UAAA;AAAA,EAAA,gBAAAG,EAACC,GAAA,EAAuB,SAAS,IAAI,QAAQ,IAC3C,UAAA,gBAAAD,EAACE,GAAgB,EAAA,KAAKC,EAAO,UAAA,CAAW,EAC1C,CAAA;AAAA,EACCT;AACH,EAAA,CAAA,GAIWU,IAAAC,EAAKZ,CAAK;"}
+{"version":3,"file":"nudge.js","sources":["../../../../src/features/ui/nudge/nudge.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport LottieAnimation from '../lottie-animation/lottie-animation';\nimport * as S from './nudge-styled';\nimport type { INudgeProps } from './nudge-types';\n\nconst Nudge: FC<INudgeProps> = ({\n  content,\n  nudgePointerX = 0,\n  nudgePointerY = 0,\n  zIndex = 100,\n}) => {\n  return (\n    <S.NudgeWrapper $top={nudgePointerY} $left={nudgePointerX} $zIndex={zIndex}>\n      <S.NudgeLottieContainer $height={60} $width={60}>\n        <LottieAnimation src={LOTTIE.NUDGE_TAP} />\n      </S.NudgeLottieContainer>\n      {content}\n    </S.NudgeWrapper>\n  );\n};\n\nexport default memo(Nudge);\n"],"names":["Nudge","content","nudgePointerX","nudgePointerY","zIndex","jsxs","S.NudgeWrapper","jsx","S.NudgeLottieContainer","LottieAnimation","LOTTIE","Nudge$1","memo"],"mappings":";;;;;AAOA,MAAMA,IAAyB,CAAC;AAAA,EAC9B,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,QAAAC,IAAS;AACX,MAEI,gBAAAC,EAACC,GAAA,EAAe,MAAMH,GAAe,OAAOD,GAAe,SAASE,GAClE,UAAA;AAAA,EAAA,gBAAAG,EAACC,GAAA,EAAuB,SAAS,IAAI,QAAQ,IAC3C,UAAA,gBAAAD,EAACE,GAAgB,EAAA,KAAKC,EAAO,UAAA,CAAW,EAC1C,CAAA;AAAA,EACCT;AACH,EAAA,CAAA,GAIWU,IAAAC,EAAKZ,CAAK;"}

package/dist/features/ui/perfect-hits/perfect-hits-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"perfect-hits-styled.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits-styled.tsx"],"sourcesContent":["import type { IAnimatedTextProps } from './perfect-hits-types';\n\nimport styled, { css } from 'styled-components';\nimport { keyframes } from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\n\nconst Wrapper = styled(FlexView)`\n  position: relative;\n`;\n\nconst disappear = keyframes`\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n`;\n\nconst reveal = keyframes`\n  0% {\n    transform: scale(0);\n  }\n  70% {\n    transform: scale(1.5);\n  }\n  100% {\n    transform: scale(1);\n  }\n`;\n\nconst AnimatedText = styled(Text)<IAnimatedTextProps>`\n  position: absolute;\n  right: 42px;\n\n  ${({ $animationType }) =>\n    $animationType === 'disappear' &&\n    css`\n      animation: ${disappear} 0.4s cubic-bezier(0.73, 0, 0.27, 1) forwards;\n    `}\n\n  ${({ $animationType }) =>\n    $animationType === 'reveal' &&\n    css`\n      animation: ${reveal} 0.4s cubic-bezier(0.73, 0, 0.27, 1) forwards;\n    `}\n`;\n\nconst AnimationContainer = styled(FlexView)`\n  svg {\n    transform: scale(1.35) !important;\n  }\n`;\n\nexport { Wrapper, AnimatedText, AnimationContainer };\n"],"names":["Wrapper","styled","FlexView","disappear","keyframes","reveal","AnimatedText","Text","$animationType","css","AnimationContainer"],"mappings":";;;AAQM,MAAAA,IAAUC,EAAOC,CAAQ;AAAA;AAAA,GAIzBC,IAAYC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASZC,IAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYTE,IAAeL,EAAOM,CAAI;AAAA;AAAA;AAAA;AAAA,IAI5B,CAAC,EAAE,gBAAAC,EAAe,MAClBA,MAAmB,eACnBC;AAAA,mBACeN,CAAS;AAAA,KACvB;AAAA;AAAA,IAED,CAAC,EAAE,gBAAAK,EAAe,MAClBA,MAAmB,YACnBC;AAAA,mBACeJ,CAAM;AAAA,KACpB;AAAA,GAGCK,IAAqBT,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"perfect-hits-styled.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits-styled.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\nimport type { IAnimatedTextProps } from './perfect-hits-types';\n\nconst Wrapper = styled(FlexView)`\n  position: relative;\n`;\n\nconst disappear = keyframes`\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n`;\n\nconst reveal = keyframes`\n  0% {\n    transform: scale(0);\n  }\n  70% {\n    transform: scale(1.5);\n  }\n  100% {\n    transform: scale(1);\n  }\n`;\n\nconst AnimatedText = styled(Text)<IAnimatedTextProps>`\n  position: absolute;\n  right: 42px;\n\n  ${({ $animationType }) =>\n    $animationType === 'disappear' &&\n    css`\n      animation: ${disappear} 0.4s cubic-bezier(0.73, 0, 0.27, 1) forwards;\n    `}\n\n  ${({ $animationType }) =>\n    $animationType === 'reveal' &&\n    css`\n      animation: ${reveal} 0.4s cubic-bezier(0.73, 0, 0.27, 1) forwards;\n    `}\n`;\n\nconst AnimationContainer = styled(FlexView)`\n  svg {\n    transform: scale(1.35) !important;\n  }\n`;\n\nexport { Wrapper, AnimatedText, AnimationContainer };\n"],"names":["Wrapper","styled","FlexView","disappear","keyframes","reveal","AnimatedText","Text","$animationType","css","AnimationContainer"],"mappings":";;;AAMM,MAAAA,IAAUC,EAAOC,CAAQ;AAAA;AAAA,GAIzBC,IAAYC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASZC,IAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYTE,IAAeL,EAAOM,CAAI;AAAA;AAAA;AAAA;AAAA,IAI5B,CAAC,EAAE,gBAAAC,EAAe,MAClBA,MAAmB,eACnBC;AAAA,mBACeN,CAAS;AAAA,KACvB;AAAA;AAAA,IAED,CAAC,EAAE,gBAAAK,EAAe,MAClBA,MAAmB,YACnBC;AAAA,mBACeJ,CAAM;AAAA,KACpB;AAAA,GAGCK,IAAqBT,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/perfect-hits/perfect-hits.js.map

@@ -1 +1 @@
-{"version":3,"file":"perfect-hits.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits.tsx"],"sourcesContent":["import type { IPerfectHitsProps, TTextAnimationType } from './perfect-hits-types';\n\nimport lottieWeb, { type AnimationItem } from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { RANGE_SIZE, getAnimationFile } from './perfect-hits-helpers';\nimport { Wrapper, AnimatedText, AnimationContainer } from './perfect-hits-styled';\n\nconst PerfectHits: React.FC<IPerfectHitsProps> = ({ value }) => {\n  const lottieContainer = useRef<HTMLDivElement | null>(null);\n  const lottieInstance = useRef<AnimationItem | null>(null);\n  const [textAnimationType, setTextAnimationType] = useState<TTextAnimationType>('reveal');\n  const [displayValue, setDisplayValue] = useState(value ?? 0);\n\n  const playAnimation = useCallback(\n    (num: number) => {\n      const isLevelChanged = num % RANGE_SIZE === 0;\n\n      if (isLevelChanged && lottieInstance.current) {\n        lottieInstance.current.playSegments([84, 117], true);\n        lottieInstance.current.addEventListener('complete', async () => {\n          if (lottieContainer.current) {\n            lottieInstance.current?.destroy();\n            const nextAnimationData = await getAnimationFile(num);\n\n            if (nextAnimationData) {\n              const nextInstance = lottieWeb.loadAnimation({\n                container: lottieContainer.current,\n                renderer: 'svg',\n                loop: false,\n                autoplay: false,\n                animationData: nextAnimationData,\n              });\n\n              lottieInstance.current = nextInstance;\n              lottieInstance.current.playSegments([0, 36], true);\n            }\n          }\n        });\n      } else {\n        lottieInstance.current?.playSegments([36, 83], true);\n      }\n    },\n    [lottieInstance],\n  );\n\n  const initializeAnimation = useCallback(async (num: number) => {\n    const animationData = await getAnimationFile(num);\n\n    if (animationData && lottieContainer.current) {\n      const instance = lottieWeb.loadAnimation({\n        container: lottieContainer.current,\n        renderer: 'svg',\n        loop: false,\n        autoplay: false,\n        animationData,\n      });\n\n      lottieInstance.current = instance;\n\n      lottieInstance.current.goToAndStop(36, true);\n    }\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      if (lottieInstance.current) {\n        lottieInstance.current.destroy();\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout | null = null;\n\n    if (value > 0 && lottieInstance.current) {\n      playAnimation(value);\n      setTextAnimationType('disappear');\n      timeoutId = setTimeout(() => {\n        setDisplayValue(value);\n        setTextAnimationType('reveal');\n      }, 1200);\n    } else if (!lottieInstance.current && value >= 0) {\n      setDisplayValue(value);\n      initializeAnimation(value);\n    }\n\n    return () => {\n      if (timeoutId) clearTimeout(timeoutId);\n    };\n  }, [value, playAnimation, initializeAnimation]);\n\n  return (\n    <Wrapper $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\">\n      <AnimatedText $renderAs=\"h4\" $color=\"YELLOW_4\" $animationType={textAnimationType}>\n        {displayValue}\n      </AnimatedText>\n\n      <AnimationContainer ref={lottieContainer} $width={90} $height={55} />\n    </Wrapper>\n  );\n};\n\nexport default memo(PerfectHits);\n"],"names":["PerfectHits","value","lottieContainer","useRef","lottieInstance","textAnimationType","setTextAnimationType","useState","displayValue","setDisplayValue","playAnimation","useCallback","num","RANGE_SIZE","_a","nextAnimationData","getAnimationFile","nextInstance","lottieWeb","initializeAnimation","animationData","instance","useEffect","timeoutId","Wrapper","jsx","AnimatedText","AnimationContainer","perfectHits","memo"],"mappings":";;;;;;AAQA,MAAMA,IAA2C,CAAC,EAAE,OAAAC,QAAY;AACxD,QAAAC,IAAkBC,EAA8B,IAAI,GACpDC,IAAiBD,EAA6B,IAAI,GAClD,CAACE,GAAmBC,CAAoB,IAAIC,EAA6B,QAAQ,GACjF,CAACC,GAAcC,CAAe,IAAIF,EAASN,KAAS,CAAC,GAErDS,IAAgBC;AAAA,IACpB,CAACC,MAAgB;;AAGX,MAFmBA,IAAMC,MAAe,KAEtBT,EAAe,WACnCA,EAAe,QAAQ,aAAa,CAAC,IAAI,GAAG,GAAG,EAAI,GACpCA,EAAA,QAAQ,iBAAiB,YAAY,YAAY;;AAC9D,YAAIF,EAAgB,SAAS;AAC3B,WAAAY,IAAAV,EAAe,YAAf,QAAAU,EAAwB;AAClB,gBAAAC,IAAoB,MAAMC,EAAiBJ,CAAG;AAEpD,cAAIG,GAAmB;AACf,kBAAAE,IAAeC,EAAU,cAAc;AAAA,cAC3C,WAAWhB,EAAgB;AAAA,cAC3B,UAAU;AAAA,cACV,MAAM;AAAA,cACN,UAAU;AAAA,cACV,eAAea;AAAA,YAAA,CAChB;AAED,YAAAX,EAAe,UAAUa,GACzBb,EAAe,QAAQ,aAAa,CAAC,GAAG,EAAE,GAAG,EAAI;AAAA,UACnD;AAAA,QACF;AAAA,MAAA,CACD,MAEDU,IAAAV,EAAe,YAAf,QAAAU,EAAwB,aAAa,CAAC,IAAI,EAAE,GAAG;AAAA,IAEnD;AAAA,IACA,CAACV,CAAc;AAAA,EAAA,GAGXe,IAAsBR,EAAY,OAAOC,MAAgB;AACvD,UAAAQ,IAAgB,MAAMJ,EAAiBJ,CAAG;AAE5C,QAAAQ,KAAiBlB,EAAgB,SAAS;AACtC,YAAAmB,IAAWH,EAAU,cAAc;AAAA,QACvC,WAAWhB,EAAgB;AAAA,QAC3B,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,eAAAkB;AAAA,MAAA,CACD;AAED,MAAAhB,EAAe,UAAUiB,GAEVjB,EAAA,QAAQ,YAAY,IAAI,EAAI;AAAA,IAC7C;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,SAAAkB,EAAU,MACD,MAAM;AACX,IAAIlB,EAAe,WACjBA,EAAe,QAAQ;EACzB,GAED,CAAE,CAAA,GAELkB,EAAU,MAAM;AACd,QAAIC,IAAmC;AAEnC,WAAAtB,IAAQ,KAAKG,EAAe,WAC9BM,EAAcT,CAAK,GACnBK,EAAqB,WAAW,GAChCiB,IAAY,WAAW,MAAM;AAC3B,MAAAd,EAAgBR,CAAK,GACrBK,EAAqB,QAAQ;AAAA,OAC5B,IAAI,KACE,CAACF,EAAe,WAAWH,KAAS,MAC7CQ,EAAgBR,CAAK,GACrBkB,EAAoBlB,CAAK,IAGpB,MAAM;AACP,MAAAsB,kBAAwBA,CAAS;AAAA,IAAA;AAAA,EAEtC,GAAA,CAACtB,GAAOS,GAAeS,CAAmB,CAAC,qBAG3CK,GAAQ,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UACjE,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAa,WAAU,MAAK,QAAO,YAAW,gBAAgBrB,GAC5D,UACHG,EAAA,CAAA;AAAA,sBAECmB,GAAmB,EAAA,KAAKzB,GAAiB,QAAQ,IAAI,SAAS,IAAI;AAAA,EACrE,EAAA,CAAA;AAEJ,GAEe0B,IAAAC,EAAK7B,CAAW;"}
+{"version":3,"file":"perfect-hits.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits.tsx"],"sourcesContent":["import lottieWeb, { type AnimationItem } from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState, type FC } from 'react';\n\nimport { RANGE_SIZE, getAnimationFile } from './perfect-hits-helpers';\nimport { Wrapper, AnimatedText, AnimationContainer } from './perfect-hits-styled';\nimport type { IPerfectHitsProps, TTextAnimationType } from './perfect-hits-types';\n\nconst PerfectHits: FC<IPerfectHitsProps> = ({ value }) => {\n  const lottieContainer = useRef<HTMLDivElement | null>(null);\n  const lottieInstance = useRef<AnimationItem | null>(null);\n  const [textAnimationType, setTextAnimationType] = useState<TTextAnimationType>('reveal');\n  const [displayValue, setDisplayValue] = useState(value ?? 0);\n\n  const playAnimation = useCallback(\n    (num: number) => {\n      const isLevelChanged = num % RANGE_SIZE === 0;\n\n      if (isLevelChanged && lottieInstance.current) {\n        lottieInstance.current.playSegments([84, 117], true);\n        lottieInstance.current.addEventListener('complete', async () => {\n          if (lottieContainer.current) {\n            lottieInstance.current?.destroy();\n            const nextAnimationData = await getAnimationFile(num);\n\n            if (nextAnimationData) {\n              const nextInstance = lottieWeb.loadAnimation({\n                container: lottieContainer.current,\n                renderer: 'svg',\n                loop: false,\n                autoplay: false,\n                animationData: nextAnimationData,\n              });\n\n              lottieInstance.current = nextInstance;\n              lottieInstance.current.playSegments([0, 36], true);\n            }\n          }\n        });\n      } else {\n        lottieInstance.current?.playSegments([36, 83], true);\n      }\n    },\n    [lottieInstance],\n  );\n\n  const initializeAnimation = useCallback(async (num: number) => {\n    const animationData = await getAnimationFile(num);\n\n    if (animationData && lottieContainer.current) {\n      const instance = lottieWeb.loadAnimation({\n        container: lottieContainer.current,\n        renderer: 'svg',\n        loop: false,\n        autoplay: false,\n        animationData,\n      });\n\n      lottieInstance.current = instance;\n\n      lottieInstance.current.goToAndStop(36, true);\n    }\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      if (lottieInstance.current) {\n        lottieInstance.current.destroy();\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout | null = null;\n\n    if (value > 0 && lottieInstance.current) {\n      playAnimation(value);\n      setTextAnimationType('disappear');\n      timeoutId = setTimeout(() => {\n        setDisplayValue(value);\n        setTextAnimationType('reveal');\n      }, 1200);\n    } else if (!lottieInstance.current && value >= 0) {\n      setDisplayValue(value);\n      initializeAnimation(value);\n    }\n\n    return () => {\n      if (timeoutId) clearTimeout(timeoutId);\n    };\n  }, [value, playAnimation, initializeAnimation]);\n\n  return (\n    <Wrapper $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\">\n      <AnimatedText $renderAs=\"h4\" $color=\"YELLOW_4\" $animationType={textAnimationType}>\n        {displayValue}\n      </AnimatedText>\n\n      <AnimationContainer ref={lottieContainer} $width={90} $height={55} />\n    </Wrapper>\n  );\n};\n\nexport default memo(PerfectHits);\n"],"names":["PerfectHits","value","lottieContainer","useRef","lottieInstance","textAnimationType","setTextAnimationType","useState","displayValue","setDisplayValue","playAnimation","useCallback","num","RANGE_SIZE","_a","nextAnimationData","getAnimationFile","nextInstance","lottieWeb","initializeAnimation","animationData","instance","useEffect","timeoutId","Wrapper","jsx","AnimatedText","AnimationContainer","perfectHits","memo"],"mappings":";;;;;;AAOA,MAAMA,IAAqC,CAAC,EAAE,OAAAC,QAAY;AAClD,QAAAC,IAAkBC,EAA8B,IAAI,GACpDC,IAAiBD,EAA6B,IAAI,GAClD,CAACE,GAAmBC,CAAoB,IAAIC,EAA6B,QAAQ,GACjF,CAACC,GAAcC,CAAe,IAAIF,EAASN,KAAS,CAAC,GAErDS,IAAgBC;AAAA,IACpB,CAACC,MAAgB;;AAGX,MAFmBA,IAAMC,MAAe,KAEtBT,EAAe,WACnCA,EAAe,QAAQ,aAAa,CAAC,IAAI,GAAG,GAAG,EAAI,GACpCA,EAAA,QAAQ,iBAAiB,YAAY,YAAY;;AAC9D,YAAIF,EAAgB,SAAS;AAC3B,WAAAY,IAAAV,EAAe,YAAf,QAAAU,EAAwB;AAClB,gBAAAC,IAAoB,MAAMC,EAAiBJ,CAAG;AAEpD,cAAIG,GAAmB;AACf,kBAAAE,IAAeC,EAAU,cAAc;AAAA,cAC3C,WAAWhB,EAAgB;AAAA,cAC3B,UAAU;AAAA,cACV,MAAM;AAAA,cACN,UAAU;AAAA,cACV,eAAea;AAAA,YAAA,CAChB;AAED,YAAAX,EAAe,UAAUa,GACzBb,EAAe,QAAQ,aAAa,CAAC,GAAG,EAAE,GAAG,EAAI;AAAA,UACnD;AAAA,QACF;AAAA,MAAA,CACD,MAEDU,IAAAV,EAAe,YAAf,QAAAU,EAAwB,aAAa,CAAC,IAAI,EAAE,GAAG;AAAA,IAEnD;AAAA,IACA,CAACV,CAAc;AAAA,EAAA,GAGXe,IAAsBR,EAAY,OAAOC,MAAgB;AACvD,UAAAQ,IAAgB,MAAMJ,EAAiBJ,CAAG;AAE5C,QAAAQ,KAAiBlB,EAAgB,SAAS;AACtC,YAAAmB,IAAWH,EAAU,cAAc;AAAA,QACvC,WAAWhB,EAAgB;AAAA,QAC3B,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,eAAAkB;AAAA,MAAA,CACD;AAED,MAAAhB,EAAe,UAAUiB,GAEVjB,EAAA,QAAQ,YAAY,IAAI,EAAI;AAAA,IAC7C;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,SAAAkB,EAAU,MACD,MAAM;AACX,IAAIlB,EAAe,WACjBA,EAAe,QAAQ;EACzB,GAED,CAAE,CAAA,GAELkB,EAAU,MAAM;AACd,QAAIC,IAAmC;AAEnC,WAAAtB,IAAQ,KAAKG,EAAe,WAC9BM,EAAcT,CAAK,GACnBK,EAAqB,WAAW,GAChCiB,IAAY,WAAW,MAAM;AAC3B,MAAAd,EAAgBR,CAAK,GACrBK,EAAqB,QAAQ;AAAA,OAC5B,IAAI,KACE,CAACF,EAAe,WAAWH,KAAS,MAC7CQ,EAAgBR,CAAK,GACrBkB,EAAoBlB,CAAK,IAGpB,MAAM;AACP,MAAAsB,kBAAwBA,CAAS;AAAA,IAAA;AAAA,EAEtC,GAAA,CAACtB,GAAOS,GAAeS,CAAmB,CAAC,qBAG3CK,GAAQ,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UACjE,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAa,WAAU,MAAK,QAAO,YAAW,gBAAgBrB,GAC5D,UACHG,EAAA,CAAA;AAAA,sBAECmB,GAAmB,EAAA,KAAKzB,GAAiB,QAAQ,IAAI,SAAS,IAAI;AAAA,EACrE,EAAA,CAAA;AAEJ,GAEe0B,IAAAC,EAAK7B,CAAW;"}

package/dist/features/ui/portal/portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal.js","sources":["../../../../src/features/ui/portal/portal.tsx"],"sourcesContent":["import type { IPortalProps } from './portal-types';\nimport type { FC } from 'react';\n\nimport { createPortal } from 'react-dom';\n\nconst Portal: FC<IPortalProps> = ({ children, portalId }) => {\n  const portalElement = document.getElementById(portalId);\n\n  if (!portalElement) return null;\n\n  return createPortal(children, portalElement);\n};\n\nexport default Portal;\n"],"names":["Portal","children","portalId","portalElement","createPortal"],"mappings":";AAKA,MAAMA,IAA2B,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AACrD,QAAAC,IAAgB,SAAS,eAAeD,CAAQ;AAElD,SAACC,IAEEC,EAAaH,GAAUE,CAAa,IAFhB;AAG7B;"}
+{"version":3,"file":"portal.js","sources":["../../../../src/features/ui/portal/portal.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport type { IPortalProps } from './portal-types';\n\nconst Portal: FC<IPortalProps> = ({ children, portalId }) => {\n  const portalElement = document.getElementById(portalId);\n\n  if (!portalElement) return null;\n\n  return createPortal(children, portalElement);\n};\n\nexport default Portal;\n"],"names":["Portal","children","portalId","portalElement","createPortal"],"mappings":";AAKA,MAAMA,IAA2B,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AACrD,QAAAC,IAAgB,SAAS,eAAeD,CAAQ;AAElD,SAACC,IAEEC,EAAaH,GAAUE,CAAa,IAFhB;AAG7B;"}

package/dist/features/ui/radio-cards/radio-card-option/radio-card-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-card-option.js","sources":["../../../../../src/features/ui/radio-cards/radio-card-option/radio-card-option.tsx"],"sourcesContent":["import type { IRadioCardOptionProps } from './radio-card-option-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport useResponseHandler from '../../hooks/use-response-handler';\nimport FlexView from '../../layout/flex-view';\nimport Text from '../../text/text';\nimport * as Styled from './radio-card-option-styled';\n\nconst RadioCardOption = <IDTypes extends string | number>({\n  id,\n  title,\n  description,\n  checked,\n  Icon,\n  onChange,\n  width,\n  widthX,\n  analyticsLabel,\n  analyticsProps,\n  horizontalCard,\n}: IRadioCardOptionProps<IDTypes>) => {\n  const theme = useTheme();\n  const { gutter } = theme.layout;\n\n  const handleTracking = useResponseHandler({ analyticsLabel, analyticsProps });\n\n  const handleOnCardClick = useCallback(() => {\n    if (typeof onChange !== 'function') {\n      throw new Error('onChange must be a function');\n    }\n\n    if (!checked) {\n      onChange(id);\n      handleTracking(id);\n    }\n  }, [checked, handleTracking, id, onChange]);\n\n  return (\n    <Styled.DummyBorder $selected={checked}>\n      <Styled.RadioCardOptionWrapper\n        $width={width}\n        $widthX={widthX}\n        $selected={checked}\n        onClick={handleOnCardClick}\n      >\n        <Styled.RadioImageContainer\n          $flexDirection={horizontalCard ? 'row' : 'column'}\n          $alignItems=\"flex-start\"\n          $flexGap={horizontalCard ? 0 : 16}\n        >\n          <Styled.ImageWrapper>{Icon}</Styled.ImageWrapper>\n\n          <FlexView $gutter={horizontalCard ? 16 : 0} $flexGapX={0.25}>\n            <Text $renderAs=\"h6\">{title}</Text>\n            {description && (\n              <Text $renderAs=\"body2\" $color=\"BLACK_75\">\n                {description}\n              </Text>\n            )}\n          </FlexView>\n        </Styled.RadioImageContainer>\n        <Styled.InputOptionCircle $size={gutter} $innerCircle={false}>\n          {checked && (\n            <Styled.InputOptionInnerCircle>\n              <Styled.InputOptionCircle $size={gutter * 0.5} $innerCircle={true} />\n            </Styled.InputOptionInnerCircle>\n          )}\n        </Styled.InputOptionCircle>\n      </Styled.RadioCardOptionWrapper>\n    </Styled.DummyBorder>\n  );\n};\n\nexport default RadioCardOption;\n"],"names":["RadioCardOption","id","title","description","checked","Icon","onChange","width","widthX","analyticsLabel","analyticsProps","horizontalCard","theme","useTheme","gutter","handleTracking","useResponseHandler","handleOnCardClick","useCallback","jsx","Styled.DummyBorder","jsxs","Styled.RadioCardOptionWrapper","Styled.RadioImageContainer","Styled.ImageWrapper","FlexView","Text","Styled.InputOptionCircle","Styled.InputOptionInnerCircle"],"mappings":";;;;;;;AAUA,MAAMA,IAAkB,CAAkC;AAAA,EACxD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAsC;AACpC,QAAMC,IAAQC,KACR,EAAE,QAAAC,EAAO,IAAIF,EAAM,QAEnBG,IAAiBC,EAAmB,EAAE,gBAAAP,GAAgB,gBAAAC,EAAgB,CAAA,GAEtEO,IAAoBC,EAAY,MAAM;AACtC,QAAA,OAAOZ,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG/C,IAAKF,MACHE,EAASL,CAAE,GACXc,EAAed,CAAE;AAAA,KAElB,CAACG,GAASW,GAAgBd,GAAIK,CAAQ,CAAC;AAE1C,SACG,gBAAAa,EAAAC,GAAA,EAAmB,WAAWhB,GAC7B,UAAA,gBAAAiB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAQf;AAAA,MACR,SAASC;AAAA,MACT,WAAWJ;AAAA,MACX,SAASa;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,gBAAgBZ,IAAiB,QAAQ;AAAA,YACzC,aAAY;AAAA,YACZ,UAAUA,IAAiB,IAAI;AAAA,YAE/B,UAAA;AAAA,cAAC,gBAAAQ,EAAAK,GAAA,EAAqB,UAAKnB,EAAA,CAAA;AAAA,gCAE1BoB,GAAS,EAAA,SAASd,IAAiB,KAAK,GAAG,WAAW,MACrD,UAAA;AAAA,gBAAC,gBAAAQ,EAAAO,GAAA,EAAK,WAAU,MAAM,UAAMxB,GAAA;AAAA,gBAC3BC,KACE,gBAAAgB,EAAAO,GAAA,EAAK,WAAU,SAAQ,QAAO,YAC5B,UACHvB,GAAA;AAAA,cAAA,GAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAgB,EAACQ,GAAA,EAAyB,OAAOb,GAAQ,cAAc,IACpD,UAAAV,KACE,gBAAAe,EAAAS,GAAA,EACC,UAAA,gBAAAT,EAACQ,GAAA,EAAyB,OAAOb,IAAS,KAAK,cAAc,GAAM,CAAA,EACrE,CAAA,GAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"radio-card-option.js","sources":["../../../../../src/features/ui/radio-cards/radio-card-option/radio-card-option.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport useResponseHandler from '../../hooks/use-response-handler';\nimport FlexView from '../../layout/flex-view';\nimport Text from '../../text/text';\nimport * as Styled from './radio-card-option-styled';\nimport type { IRadioCardOptionProps } from './radio-card-option-types';\n\nconst RadioCardOption = <IDTypes extends string | number>({\n  id,\n  title,\n  description,\n  checked,\n  Icon,\n  onChange,\n  width,\n  widthX,\n  analyticsLabel,\n  analyticsProps,\n  horizontalCard,\n}: IRadioCardOptionProps<IDTypes>) => {\n  const theme = useTheme();\n  const { gutter } = theme.layout;\n\n  const handleTracking = useResponseHandler({ analyticsLabel, analyticsProps });\n\n  const handleOnCardClick = useCallback(() => {\n    if (typeof onChange !== 'function') {\n      throw new Error('onChange must be a function');\n    }\n\n    if (!checked) {\n      onChange(id);\n      handleTracking(id);\n    }\n  }, [checked, handleTracking, id, onChange]);\n\n  return (\n    <Styled.DummyBorder $selected={checked}>\n      <Styled.RadioCardOptionWrapper\n        $width={width}\n        $widthX={widthX}\n        $selected={checked}\n        onClick={handleOnCardClick}\n      >\n        <Styled.RadioImageContainer\n          $flexDirection={horizontalCard ? 'row' : 'column'}\n          $alignItems=\"flex-start\"\n          $flexGap={horizontalCard ? 0 : 16}\n        >\n          <Styled.ImageWrapper>{Icon}</Styled.ImageWrapper>\n\n          <FlexView $gutter={horizontalCard ? 16 : 0} $flexGapX={0.25}>\n            <Text $renderAs=\"h6\">{title}</Text>\n            {description && (\n              <Text $renderAs=\"body2\" $color=\"BLACK_75\">\n                {description}\n              </Text>\n            )}\n          </FlexView>\n        </Styled.RadioImageContainer>\n        <Styled.InputOptionCircle $size={gutter} $innerCircle={false}>\n          {checked && (\n            <Styled.InputOptionInnerCircle>\n              <Styled.InputOptionCircle $size={gutter * 0.5} $innerCircle={true} />\n            </Styled.InputOptionInnerCircle>\n          )}\n        </Styled.InputOptionCircle>\n      </Styled.RadioCardOptionWrapper>\n    </Styled.DummyBorder>\n  );\n};\n\nexport default RadioCardOption;\n"],"names":["RadioCardOption","id","title","description","checked","Icon","onChange","width","widthX","analyticsLabel","analyticsProps","horizontalCard","theme","useTheme","gutter","handleTracking","useResponseHandler","handleOnCardClick","useCallback","jsx","Styled.DummyBorder","jsxs","Styled.RadioCardOptionWrapper","Styled.RadioImageContainer","Styled.ImageWrapper","FlexView","Text","Styled.InputOptionCircle","Styled.InputOptionInnerCircle"],"mappings":";;;;;;;AASA,MAAMA,IAAkB,CAAkC;AAAA,EACxD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAsC;AACpC,QAAMC,IAAQC,KACR,EAAE,QAAAC,EAAO,IAAIF,EAAM,QAEnBG,IAAiBC,EAAmB,EAAE,gBAAAP,GAAgB,gBAAAC,EAAgB,CAAA,GAEtEO,IAAoBC,EAAY,MAAM;AACtC,QAAA,OAAOZ,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG/C,IAAKF,MACHE,EAASL,CAAE,GACXc,EAAed,CAAE;AAAA,KAElB,CAACG,GAASW,GAAgBd,GAAIK,CAAQ,CAAC;AAE1C,SACG,gBAAAa,EAAAC,GAAA,EAAmB,WAAWhB,GAC7B,UAAA,gBAAAiB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAQf;AAAA,MACR,SAASC;AAAA,MACT,WAAWJ;AAAA,MACX,SAASa;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,gBAAgBZ,IAAiB,QAAQ;AAAA,YACzC,aAAY;AAAA,YACZ,UAAUA,IAAiB,IAAI;AAAA,YAE/B,UAAA;AAAA,cAAC,gBAAAQ,EAAAK,GAAA,EAAqB,UAAKnB,EAAA,CAAA;AAAA,gCAE1BoB,GAAS,EAAA,SAASd,IAAiB,KAAK,GAAG,WAAW,MACrD,UAAA;AAAA,gBAAC,gBAAAQ,EAAAO,GAAA,EAAK,WAAU,MAAM,UAAMxB,GAAA;AAAA,gBAC3BC,KACE,gBAAAgB,EAAAO,GAAA,EAAK,WAAU,SAAQ,QAAO,YAC5B,UACHvB,GAAA;AAAA,cAAA,GAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAgB,EAACQ,GAAA,EAAyB,OAAOb,GAAQ,cAAc,IACpD,UAAAV,KACE,gBAAAe,EAAAS,GAAA,EACC,UAAA,gBAAAT,EAACQ,GAAA,EAAyB,OAAOb,IAAS,KAAK,cAAc,GAAM,CAAA,EACrE,CAAA,GAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/features/ui/radio-cards/radio-cards.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-cards.js","sources":["../../../../src/features/ui/radio-cards/radio-cards.tsx"],"sourcesContent":["import type { IRadioCardListProps } from './radio-cards-types';\n\nimport FlexView from '../layout/flex-view';\nimport RadioCardOption from './radio-card-option/radio-card-option';\n\nconst RadioCards = <IDType extends string | number>({\n  options,\n  value,\n  width,\n  widthX,\n  onChange,\n  analyticsLabel,\n  analyticsProps,\n  horizontalCard,\n}: IRadioCardListProps<IDType>) => {\n  return (\n    <FlexView $flexWrap $flexDirection=\"row\" $flexGapX={1}>\n      {options.map(option => {\n        const { title, Icon, description, id } = option;\n\n        return (\n          <RadioCardOption<IDType>\n            key={id}\n            title={title}\n            description={description}\n            checked={value === id}\n            Icon={Icon}\n            id={id}\n            onChange={onChange}\n            width={width}\n            widthX={widthX}\n            analyticsLabel={analyticsLabel}\n            analyticsProps={analyticsProps}\n            horizontalCard={horizontalCard}\n          />\n        );\n      })}\n    </FlexView>\n  );\n};\n\nexport default RadioCards;\n"],"names":["RadioCards","options","value","width","widthX","onChange","analyticsLabel","analyticsProps","horizontalCard","jsx","FlexView","option","title","Icon","description","id","RadioCardOption","RadioCards$1"],"mappings":";;;AAKA,MAAMA,IAAa,CAAiC;AAAA,EAClD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAEI,gBAAAC,EAACC,GAAS,EAAA,WAAS,IAAC,gBAAe,OAAM,WAAW,GACjD,UAAQT,EAAA,IAAI,CAAUU,MAAA;AACrB,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,aAAAC,GAAa,IAAAC,MAAOJ;AAGvC,SAAA,gBAAAF;AAAA,IAACO;AAAA,IAAA;AAAA,MAEC,OAAAJ;AAAA,MACA,aAAAE;AAAA,MACA,SAASZ,MAAUa;AAAA,MACnB,MAAAF;AAAA,MACA,IAAAE;AAAA,MACA,UAAAV;AAAA,MACA,OAAAF;AAAA,MACA,QAAAC;AAAA,MACA,gBAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,IAXKO;AAAA,EAAA;AAcV,CAAA,EACH,CAAA,GAIJE,IAAejB;"}
+{"version":3,"file":"radio-cards.js","sources":["../../../../src/features/ui/radio-cards/radio-cards.tsx"],"sourcesContent":["import FlexView from '../layout/flex-view';\nimport RadioCardOption from './radio-card-option/radio-card-option';\nimport type { IRadioCardListProps } from './radio-cards-types';\n\nconst RadioCards = <IDType extends string | number>({\n  options,\n  value,\n  width,\n  widthX,\n  onChange,\n  analyticsLabel,\n  analyticsProps,\n  horizontalCard,\n}: IRadioCardListProps<IDType>) => {\n  return (\n    <FlexView $flexWrap $flexDirection=\"row\" $flexGapX={1}>\n      {options.map(option => {\n        const { title, Icon, description, id } = option;\n\n        return (\n          <RadioCardOption<IDType>\n            key={id}\n            title={title}\n            description={description}\n            checked={value === id}\n            Icon={Icon}\n            id={id}\n            onChange={onChange}\n            width={width}\n            widthX={widthX}\n            analyticsLabel={analyticsLabel}\n            analyticsProps={analyticsProps}\n            horizontalCard={horizontalCard}\n          />\n        );\n      })}\n    </FlexView>\n  );\n};\n\nexport default RadioCards;\n"],"names":["RadioCards","options","value","width","widthX","onChange","analyticsLabel","analyticsProps","horizontalCard","jsx","FlexView","option","title","Icon","description","id","RadioCardOption","RadioCards$1"],"mappings":";;;AAIA,MAAMA,IAAa,CAAiC;AAAA,EAClD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAEI,gBAAAC,EAACC,GAAS,EAAA,WAAS,IAAC,gBAAe,OAAM,WAAW,GACjD,UAAQT,EAAA,IAAI,CAAUU,MAAA;AACrB,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,aAAAC,GAAa,IAAAC,MAAOJ;AAGvC,SAAA,gBAAAF;AAAA,IAACO;AAAA,IAAA;AAAA,MAEC,OAAAJ;AAAA,MACA,aAAAE;AAAA,MACA,SAASZ,MAAUa;AAAA,MACnB,MAAAF;AAAA,MACA,IAAAE;AAAA,MACA,UAAAV;AAAA,MACA,OAAAF;AAAA,MACA,QAAAC;AAAA,MACA,gBAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,IAXKO;AAAA,EAAA;AAcV,CAAA,EACH,CAAA,GAIJE,IAAejB;"}

package/dist/features/ui/section-list/section-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"section-list.js","sources":["../../../../src/features/ui/section-list/section-list.tsx"],"sourcesContent":["import type { ISectionList, TDefaultSection } from './section-list-types';\nimport type { ReactElement } from 'react';\n\nimport { Fragment, memo } from 'react';\n\nimport FlexView from '../layout/flex-view';\n\nconst SectionListComponent = <Section extends string | number | TDefaultSection>(\n  props: ISectionList<Section>,\n): ReactElement => {\n  const { data, renderSectionHeader, renderItem, keyExtractor } = props;\n\n  return (\n    <>\n      {data.map((section, idx) => {\n        return (\n          <FlexView key={`${section.title}_${idx}`}>\n            {data.length > 1 && renderSectionHeader && renderSectionHeader(section)}\n\n            <Fragment>\n              {section.data.map((item, itemIdx) => {\n                const key = keyExtractor ? keyExtractor(item, itemIdx) : `${item}_${itemIdx}`;\n\n                return <Fragment key={key}>{renderItem(item)}</Fragment>;\n              })}\n            </Fragment>\n          </FlexView>\n        );\n      })}\n    </>\n  );\n};\n\nconst SelectionList = memo(SectionListComponent) as <\n  Section extends string | number | TDefaultSection,\n>(\n  props: ISectionList<Section>,\n) => ReactElement;\n\nexport default SelectionList;\n"],"names":["SectionListComponent","props","data","renderSectionHeader","renderItem","keyExtractor","jsx","Fragment","section","idx","FlexView","item","itemIdx","key","SelectionList","memo","SectionList"],"mappings":";;;AAOA,MAAMA,IAAuB,CAC3BC,MACiB;AACjB,QAAM,EAAE,MAAAC,GAAM,qBAAAC,GAAqB,YAAAC,GAAY,cAAAC,MAAiBJ;AAEhE,SAEK,gBAAAK,EAAAC,GAAA,EAAA,UAAAL,EAAK,IAAI,CAACM,GAASC,wBAEfC,GACE,EAAA,UAAA;AAAA,IAAAR,EAAK,SAAS,KAAKC,KAAuBA,EAAoBK,CAAO;AAAA,IAEtE,gBAAAF,EAACC,GAAA,EACE,UAAAC,EAAQ,KAAK,IAAI,CAACG,GAAMC,MAAY;AAC7B,YAAAC,IAAMR,IAAeA,EAAaM,GAAMC,CAAO,IAAI,GAAGD,CAAI,IAAIC,CAAO;AAE3E,+BAAQL,GAAA,EAAoB,UAAWH,EAAAO,CAAI,KAArBE,CAAuB;AAAA,IAC9C,CAAA,GACH;AAAA,EAAA,EAAA,GATa,GAAGL,EAAQ,KAAK,IAAIC,CAAG,EAUtC,CAEH,EACH,CAAA;AAEJ,GAEMK,IAAgBC,EAAKf,CAAoB,GAM/CgB,IAAeF;"}
+{"version":3,"file":"section-list.js","sources":["../../../../src/features/ui/section-list/section-list.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { Fragment, memo } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport type { ISectionList, TDefaultSection } from './section-list-types';\n\nconst SectionListComponent = <Section extends string | number | TDefaultSection>(\n  props: ISectionList<Section>,\n): ReactElement => {\n  const { data, renderSectionHeader, renderItem, keyExtractor } = props;\n\n  return (\n    <>\n      {data.map((section, idx) => {\n        return (\n          <FlexView key={`${section.title}_${idx}`}>\n            {data.length > 1 && renderSectionHeader && renderSectionHeader(section)}\n\n            <Fragment>\n              {section.data.map((item, itemIdx) => {\n                const key = keyExtractor ? keyExtractor(item, itemIdx) : `${item}_${itemIdx}`;\n\n                return <Fragment key={key}>{renderItem(item)}</Fragment>;\n              })}\n            </Fragment>\n          </FlexView>\n        );\n      })}\n    </>\n  );\n};\n\nconst SelectionList = memo(SectionListComponent) as <\n  Section extends string | number | TDefaultSection,\n>(\n  props: ISectionList<Section>,\n) => ReactElement;\n\nexport default SelectionList;\n"],"names":["SectionListComponent","props","data","renderSectionHeader","renderItem","keyExtractor","jsx","Fragment","section","idx","FlexView","item","itemIdx","key","SelectionList","memo","SectionList"],"mappings":";;;AAMA,MAAMA,IAAuB,CAC3BC,MACiB;AACjB,QAAM,EAAE,MAAAC,GAAM,qBAAAC,GAAqB,YAAAC,GAAY,cAAAC,MAAiBJ;AAEhE,SAEK,gBAAAK,EAAAC,GAAA,EAAA,UAAAL,EAAK,IAAI,CAACM,GAASC,wBAEfC,GACE,EAAA,UAAA;AAAA,IAAAR,EAAK,SAAS,KAAKC,KAAuBA,EAAoBK,CAAO;AAAA,IAEtE,gBAAAF,EAACC,GAAA,EACE,UAAAC,EAAQ,KAAK,IAAI,CAACG,GAAMC,MAAY;AAC7B,YAAAC,IAAMR,IAAeA,EAAaM,GAAMC,CAAO,IAAI,GAAGD,CAAI,IAAIC,CAAO;AAE3E,+BAAQL,GAAA,EAAoB,UAAWH,EAAAO,CAAI,KAArBE,CAAuB;AAAA,IAC9C,CAAA,GACH;AAAA,EAAA,EAAA,GATa,GAAGL,EAAQ,KAAK,IAAIC,CAAG,EAUtC,CAEH,EACH,CAAA;AAEJ,GAEMK,IAAgBC,EAAKf,CAAoB,GAM/CgB,IAAeF;"}

package/dist/features/ui/selection-cards/selection-card-option/selection-card-option-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-card-option-styled.js","sources":["../../../../../src/features/ui/selection-cards/selection-card-option/selection-card-option-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../types';\n\nimport styled from 'styled-components';\n\ninterface ISelectionCardOptionWrapperProps {\n  $width?: string | number;\n  $widthX?: number;\n  $selected?: boolean;\n  $background?: TColorNames;\n  $selectedBackground?: TColorNames;\n}\n\nconst SelectionCardOptionWrapper = styled.div<ISelectionCardOptionWrapperProps>(\n  ({ $selected, theme, $background = 'WHITE', $selectedBackground = 'WHITE', $width }) => {\n    const { BLACK_T_87, WHITE_5 } = theme.colors;\n\n    return `\n      background-color: ${$selected ? $selectedBackground : $background};\n      border-width: 1px;\n      border-color: ${$selected ? BLACK_T_87 : WHITE_5};\n      width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      border-style: solid;\n      cursor: pointer;\n      position: relative;\n    `;\n  },\n);\n\nexport { SelectionCardOptionWrapper };\n"],"names":["SelectionCardOptionWrapper","styled","$selected","theme","$background","$selectedBackground","$width","BLACK_T_87","WHITE_5"],"mappings":";AAYA,MAAMA,IAA6BC,EAAO;AAAA,EACxC,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,IAAc,SAAS,qBAAAC,IAAsB,SAAS,QAAAC,QAAa;AACtF,UAAM,EAAE,YAAAC,GAAY,SAAAC,MAAYL,EAAM;AAE/B,WAAA;AAAA,0BACeD,IAAYG,IAAsBD,CAAW;AAAA;AAAA,sBAEjDF,IAAYK,IAAaC,CAAO;AAAA,eACvCF,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnF;AACF;"}
+{"version":3,"file":"selection-card-option-styled.js","sources":["../../../../../src/features/ui/selection-cards/selection-card-option/selection-card-option-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { TColorNames } from '../../types';\n\ninterface ISelectionCardOptionWrapperProps {\n  $width?: string | number;\n  $widthX?: number;\n  $selected?: boolean;\n  $background?: TColorNames;\n  $selectedBackground?: TColorNames;\n}\n\nconst SelectionCardOptionWrapper = styled.div<ISelectionCardOptionWrapperProps>(\n  ({ $selected, theme, $background = 'WHITE', $selectedBackground = 'WHITE', $width }) => {\n    const { BLACK_T_87, WHITE_5 } = theme.colors;\n\n    return `\n      background-color: ${$selected ? $selectedBackground : $background};\n      border-width: 1px;\n      border-color: ${$selected ? BLACK_T_87 : WHITE_5};\n      width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      border-style: solid;\n      cursor: pointer;\n      position: relative;\n    `;\n  },\n);\n\nexport { SelectionCardOptionWrapper };\n"],"names":["SelectionCardOptionWrapper","styled","$selected","theme","$background","$selectedBackground","$width","BLACK_T_87","WHITE_5"],"mappings":";AAYA,MAAMA,IAA6BC,EAAO;AAAA,EACxC,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,IAAc,SAAS,qBAAAC,IAAsB,SAAS,QAAAC,QAAa;AACtF,UAAM,EAAE,YAAAC,GAAY,SAAAC,MAAYL,EAAM;AAE/B,WAAA;AAAA,0BACeD,IAAYG,IAAsBD,CAAW;AAAA;AAAA,sBAEjDF,IAAYK,IAAaC,CAAO;AAAA,eACvCF,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnF;AACF;"}

package/dist/features/ui/selection-cards/selection-card-option/selection-card-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-card-option.js","sources":["../../../../../src/features/ui/selection-cards/selection-card-option/selection-card-option.tsx"],"sourcesContent":["import type { ISelectionCardOptionProps } from './selection-card-types';\n\nimport { useCallback } from 'react';\n\nimport useResponseHandler from '../../hooks/use-response-handler';\nimport * as Styled from './selection-card-option-styled';\n\nconst SelectionCardOption = <IDTypes extends string | number>({\n  id,\n  children,\n  checked,\n  onChange,\n  analyticsLabel,\n  analyticsProps,\n  type,\n  $background,\n  $selectedBackground,\n  $cardWidth,\n}: ISelectionCardOptionProps<IDTypes>) => {\n  const handleTracking = useResponseHandler({ analyticsLabel, analyticsProps });\n\n  const handleOnCardClick = useCallback(() => {\n    if (typeof onChange !== 'function') {\n      throw new Error('onChange must be a function');\n    }\n\n    if (type === 'radio' && !checked) {\n      onChange(id);\n      handleTracking(id);\n    }\n\n    if (type === 'checkbox') {\n      onChange(id);\n      handleTracking(id);\n    }\n  }, [checked, handleTracking, type, id, onChange]);\n\n  return (\n    <Styled.SelectionCardOptionWrapper\n      $selectedBackground={$selectedBackground}\n      $background={$background}\n      $selected={checked}\n      onClick={handleOnCardClick}\n      $width={$cardWidth}\n    >\n      {children}\n    </Styled.SelectionCardOptionWrapper>\n  );\n};\n\nexport default SelectionCardOption;\n"],"names":["SelectionCardOption","id","children","checked","onChange","analyticsLabel","analyticsProps","type","$background","$selectedBackground","$cardWidth","handleTracking","useResponseHandler","handleOnCardClick","useCallback","jsx","Styled.SelectionCardOptionWrapper"],"mappings":";;;;AAOA,MAAMA,IAAsB,CAAkC;AAAA,EAC5D,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,YAAAC;AACF,MAA0C;AACxC,QAAMC,IAAiBC,EAAmB,EAAE,gBAAAP,GAAgB,gBAAAC,EAAgB,CAAA,GAEtEO,IAAoBC,EAAY,MAAM;AACtC,QAAA,OAAOV,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG3C,IAAAG,MAAS,WAAW,CAACJ,MACvBC,EAASH,CAAE,GACXU,EAAeV,CAAE,IAGfM,MAAS,eACXH,EAASH,CAAE,GACXU,EAAeV,CAAE;AAAA,EACnB,GACC,CAACE,GAASQ,GAAgBJ,GAAMN,GAAIG,CAAQ,CAAC;AAG9C,SAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,qBAAAP;AAAA,MACA,aAAAD;AAAA,MACA,WAAWL;AAAA,MACX,SAASU;AAAA,MACT,QAAQH;AAAA,MAEP,UAAAR;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"selection-card-option.js","sources":["../../../../../src/features/ui/selection-cards/selection-card-option/selection-card-option.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport useResponseHandler from '../../hooks/use-response-handler';\nimport * as Styled from './selection-card-option-styled';\nimport type { ISelectionCardOptionProps } from './selection-card-types';\n\nconst SelectionCardOption = <IDTypes extends string | number>({\n  id,\n  children,\n  checked,\n  onChange,\n  analyticsLabel,\n  analyticsProps,\n  type,\n  $background,\n  $selectedBackground,\n  $cardWidth,\n}: ISelectionCardOptionProps<IDTypes>) => {\n  const handleTracking = useResponseHandler({ analyticsLabel, analyticsProps });\n\n  const handleOnCardClick = useCallback(() => {\n    if (typeof onChange !== 'function') {\n      throw new Error('onChange must be a function');\n    }\n\n    if (type === 'radio' && !checked) {\n      onChange(id);\n      handleTracking(id);\n    }\n\n    if (type === 'checkbox') {\n      onChange(id);\n      handleTracking(id);\n    }\n  }, [checked, handleTracking, type, id, onChange]);\n\n  return (\n    <Styled.SelectionCardOptionWrapper\n      $selectedBackground={$selectedBackground}\n      $background={$background}\n      $selected={checked}\n      onClick={handleOnCardClick}\n      $width={$cardWidth}\n    >\n      {children}\n    </Styled.SelectionCardOptionWrapper>\n  );\n};\n\nexport default SelectionCardOption;\n"],"names":["SelectionCardOption","id","children","checked","onChange","analyticsLabel","analyticsProps","type","$background","$selectedBackground","$cardWidth","handleTracking","useResponseHandler","handleOnCardClick","useCallback","jsx","Styled.SelectionCardOptionWrapper"],"mappings":";;;;AAMA,MAAMA,IAAsB,CAAkC;AAAA,EAC5D,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,YAAAC;AACF,MAA0C;AACxC,QAAMC,IAAiBC,EAAmB,EAAE,gBAAAP,GAAgB,gBAAAC,EAAgB,CAAA,GAEtEO,IAAoBC,EAAY,MAAM;AACtC,QAAA,OAAOV,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG3C,IAAAG,MAAS,WAAW,CAACJ,MACvBC,EAASH,CAAE,GACXU,EAAeV,CAAE,IAGfM,MAAS,eACXH,EAASH,CAAE,GACXU,EAAeV,CAAE;AAAA,EACnB,GACC,CAACE,GAASQ,GAAgBJ,GAAMN,GAAIG,CAAQ,CAAC;AAG9C,SAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,qBAAAP;AAAA,MACA,aAAAD;AAAA,MACA,WAAWL;AAAA,MACX,SAASU;AAAA,MACT,QAAQH;AAAA,MAEP,UAAAR;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/features/ui/selection-cards/selection-cards.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-cards.js","sources":["../../../../src/features/ui/selection-cards/selection-cards.tsx"],"sourcesContent":["import type { ISelectionCardListProps } from './selection-cards-types';\n\nimport SelectionCardOption from './selection-card-option/selection-card-option';\n\nconst SelectionCards = <IDType extends string | number>({\n  options,\n  value,\n  values,\n  onChange,\n  analyticsLabel,\n  analyticsProps,\n  type,\n  $background,\n  $selectedBackground,\n  $cardWidth,\n}: ISelectionCardListProps<IDType>) => {\n  return (\n    <>\n      {options.map(option => {\n        const { children, id, visible } = option;\n\n        const checked = type === 'radio' ? value === id : values?.some(val => val === id);\n\n        if (!visible) return null;\n\n        return (\n          <SelectionCardOption<IDType>\n            key={id}\n            checked={Boolean(checked)}\n            children={children}\n            id={id}\n            onChange={onChange}\n            analyticsLabel={analyticsLabel}\n            analyticsProps={analyticsProps}\n            type={type}\n            $background={$background}\n            $selectedBackground={$selectedBackground}\n            $cardWidth={$cardWidth}\n          />\n        );\n      })}\n    </>\n  );\n};\n\nexport default SelectionCards;\n"],"names":["SelectionCards","options","value","values","onChange","analyticsLabel","analyticsProps","type","$background","$selectedBackground","$cardWidth","jsx","Fragment","option","children","id","visible","checked","val","SelectionCardOption","SelectionCards$1"],"mappings":";;AAIA,MAAMA,IAAiB,CAAiC;AAAA,EACtD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,YAAAC;AACF,MAEI,gBAAAC,EAAAC,GAAA,EACG,UAAQX,EAAA,IAAI,CAAUY,MAAA;AACrB,QAAM,EAAE,UAAAC,GAAU,IAAAC,GAAI,SAAAC,EAAA,IAAYH,GAE5BI,IAAUV,MAAS,UAAUL,MAAUa,IAAKZ,KAAA,gBAAAA,EAAQ,KAAK,CAAOe,MAAAA,MAAQH;AAE1E,SAACC,IAGH,gBAAAL;AAAA,IAACQ;AAAA,IAAA;AAAA,MAEC,SAAS,EAAQF;AAAA,MACjB,UAAAH;AAAA,MACA,IAAAC;AAAA,MACA,UAAAX;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,IAVKK;AAAA,EAAA,IAJY;AAiBtB,CAAA,EACH,CAAA,GAIJK,IAAepB;"}
+{"version":3,"file":"selection-cards.js","sources":["../../../../src/features/ui/selection-cards/selection-cards.tsx"],"sourcesContent":["import SelectionCardOption from './selection-card-option/selection-card-option';\nimport type { ISelectionCardListProps } from './selection-cards-types';\n\nconst SelectionCards = <IDType extends string | number>({\n  options,\n  value,\n  values,\n  onChange,\n  analyticsLabel,\n  analyticsProps,\n  type,\n  $background,\n  $selectedBackground,\n  $cardWidth,\n}: ISelectionCardListProps<IDType>) => {\n  return (\n    <>\n      {options.map(option => {\n        const { children, id, visible } = option;\n\n        const checked = type === 'radio' ? value === id : values?.some(val => val === id);\n\n        if (!visible) return null;\n\n        return (\n          <SelectionCardOption<IDType>\n            key={id}\n            checked={Boolean(checked)}\n            children={children}\n            id={id}\n            onChange={onChange}\n            analyticsLabel={analyticsLabel}\n            analyticsProps={analyticsProps}\n            type={type}\n            $background={$background}\n            $selectedBackground={$selectedBackground}\n            $cardWidth={$cardWidth}\n          />\n        );\n      })}\n    </>\n  );\n};\n\nexport default SelectionCards;\n"],"names":["SelectionCards","options","value","values","onChange","analyticsLabel","analyticsProps","type","$background","$selectedBackground","$cardWidth","jsx","Fragment","option","children","id","visible","checked","val","SelectionCardOption","SelectionCards$1"],"mappings":";;AAGA,MAAMA,IAAiB,CAAiC;AAAA,EACtD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,YAAAC;AACF,MAEI,gBAAAC,EAAAC,GAAA,EACG,UAAQX,EAAA,IAAI,CAAUY,MAAA;AACrB,QAAM,EAAE,UAAAC,GAAU,IAAAC,GAAI,SAAAC,EAAA,IAAYH,GAE5BI,IAAUV,MAAS,UAAUL,MAAUa,IAAKZ,KAAA,gBAAAA,EAAQ,KAAK,CAAOe,MAAAA,MAAQH;AAE1E,SAACC,IAGH,gBAAAL;AAAA,IAACQ;AAAA,IAAA;AAAA,MAEC,SAAS,EAAQF;AAAA,MACjB,UAAAH;AAAA,MACA,IAAAC;AAAA,MACA,UAAAX;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,MAAAC;AAAA,MACA,aAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,IAVKK;AAAA,EAAA,IAJY;AAiBtB,CAAA,EACH,CAAA,GAIJK,IAAepB;"}

package/dist/features/ui/separator/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","sources":["../../../../src/features/ui/separator/separator.tsx"],"sourcesContent":["import type { ISeparatorProps } from './separator-types';\n\nimport React, { memo } from 'react';\n\nimport FlexView from '../layout/flex-view';\n\nconst Separator: React.FC<ISeparatorProps> = memo(props => {\n  const { width, height = 1, heightX, background } = props;\n\n  return <FlexView $width={width} $height={height} $heightX={heightX} $background={background} />;\n});\n\nexport default Separator;\n"],"names":["Separator","memo","props","width","height","heightX","background","jsx","FlexView","Separator$1"],"mappings":";;;AAMA,MAAMA,IAAuCC,EAAK,CAASC,MAAA;AACzD,QAAM,EAAE,OAAAC,GAAO,QAAAC,IAAS,GAAG,SAAAC,GAAS,YAAAC,EAAe,IAAAJ;AAE5C,SAAA,gBAAAK,EAACC,KAAS,QAAQL,GAAO,SAASC,GAAQ,UAAUC,GAAS,aAAaC,EAAY,CAAA;AAC/F,CAAC,GAEDG,IAAeT;"}
+{"version":3,"file":"separator.js","sources":["../../../../src/features/ui/separator/separator.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport type { ISeparatorProps } from './separator-types';\n\nconst Separator: FC<ISeparatorProps> = memo(props => {\n  const { width, height = 1, heightX, background } = props;\n\n  return <FlexView $width={width} $height={height} $heightX={heightX} $background={background} />;\n});\n\nexport default Separator;\n"],"names":["Separator","memo","props","width","height","heightX","background","jsx","FlexView","Separator$1"],"mappings":";;;AAKA,MAAMA,IAAiCC,EAAK,CAASC,MAAA;AACnD,QAAM,EAAE,OAAAC,GAAO,QAAAC,IAAS,GAAG,SAAAC,GAAS,YAAAC,EAAe,IAAAJ;AAE5C,SAAA,gBAAAK,EAACC,KAAS,QAAQL,GAAO,SAASC,GAAQ,UAAUC,GAAS,aAAaC,EAAY,CAAA;AAC/F,CAAC,GAEDG,IAAeT;"}

package/dist/features/ui/stepper/stepper-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper-styled.js","sources":["../../../../src/features/ui/stepper/stepper-styled.tsx"],"sourcesContent":["import type { IHorizontallineProps, INumberWrapperProps } from './stepper-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\nimport { getTheme } from '../theme/get-theme';\n\nconst { colors, layout } = getTheme();\nconst { gutter } = layout;\n\nconst MainWrapper = styled(FlexView)`\n  position: relative;\n`;\n\nconst NumberWrapper = styled(FlexView)<INumberWrapperProps>(\n  ({ $stepNumber, $currentStep }) => `\n    border-radius: ${gutter * 0.625}px;\n    background:${\n      $stepNumber < $currentStep\n        ? colors.GREEN_3\n        : $stepNumber === $currentStep\n          ? colors.BLACK\n          : colors.GREY_3\n    };\n    margin:0 ${gutter * 0.25}px;\n`,\n);\n\nconst Wrapper = styled(FlexView)`\n  position: relative;\n  margin: 0 ${gutter * 0.875}px;\n`;\n\nconst StyledText = styled(Text)`\n  margin-right: ${gutter * 0.25}px;\n`;\n\nconst HorizontalLine = styled(FlexView)<IHorizontallineProps>(\n  ({ $percentageCompleted }) => `\n  position: absolute;\n  background-image: linear-gradient(to right, ${colors.BLACK} ${$percentageCompleted}%, ${\n    colors.GREY_3\n  } ${$percentageCompleted}%);\n  width: calc(100% - ${gutter * 5.375}px);\n  top: 50%;\n  left: ${gutter * 2.5}px;\n`,\n);\n\nexport { MainWrapper, NumberWrapper, Wrapper, StyledText, HorizontalLine };\n"],"names":["colors","layout","getTheme","gutter","MainWrapper","styled","FlexView","NumberWrapper","$stepNumber","$currentStep","Wrapper","StyledText","Text","HorizontalLine","$percentageCompleted"],"mappings":";;;;AAQA,MAAM,EAAE,QAAAA,GAAQ,QAAAC,MAAWC,KACrB,EAAE,QAAAC,EAAW,IAAAF,GAEbG,IAAcC,EAAOC,CAAQ;AAAA;AAAA,GAI7BC,IAAgBF,EAAOC,CAAQ;AAAA,EACnC,CAAC,EAAE,aAAAE,GAAa,cAAAC,EAAA,MAAmB;AAAA,qBAChBN,IAAS,KAAK;AAAA,iBAE7BK,IAAcC,IACVT,EAAO,UACPQ,MAAgBC,IACdT,EAAO,QACPA,EAAO,MACf;AAAA,eACWG,IAAS,IAAI;AAAA;AAE5B,GAEMO,IAAUL,EAAOC,CAAQ;AAAA;AAAA,cAEjBH,IAAS,KAAK;AAAA,GAGtBQ,IAAaN,EAAOO,CAAI;AAAA,kBACZT,IAAS,IAAI;AAAA,GAGzBU,IAAiBR,EAAOC,CAAQ;AAAA,EACpC,CAAC,EAAE,sBAAAQ,EAAA,MAA2B;AAAA;AAAA,gDAEgBd,EAAO,KAAK,IAAIc,CAAoB,MAChFd,EAAO,MACT,IAAIc,CAAoB;AAAA,uBACHX,IAAS,KAAK;AAAA;AAAA,UAE3BA,IAAS,GAAG;AAAA;AAEtB;"}
+{"version":3,"file":"stepper-styled.js","sources":["../../../../src/features/ui/stepper/stepper-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\nimport { getTheme } from '../theme/get-theme';\nimport type { IHorizontallineProps, INumberWrapperProps } from './stepper-types';\n\nconst { colors, layout } = getTheme();\nconst { gutter } = layout;\n\nconst MainWrapper = styled(FlexView)`\n  position: relative;\n`;\n\nconst NumberWrapper = styled(FlexView)<INumberWrapperProps>(\n  ({ $stepNumber, $currentStep }) => `\n    border-radius: ${gutter * 0.625}px;\n    background:${\n      $stepNumber < $currentStep\n        ? colors.GREEN_3\n        : $stepNumber === $currentStep\n          ? colors.BLACK\n          : colors.GREY_3\n    };\n    margin:0 ${gutter * 0.25}px;\n`,\n);\n\nconst Wrapper = styled(FlexView)`\n  position: relative;\n  margin: 0 ${gutter * 0.875}px;\n`;\n\nconst StyledText = styled(Text)`\n  margin-right: ${gutter * 0.25}px;\n`;\n\nconst HorizontalLine = styled(FlexView)<IHorizontallineProps>(\n  ({ $percentageCompleted }) => `\n  position: absolute;\n  background-image: linear-gradient(to right, ${colors.BLACK} ${$percentageCompleted}%, ${\n    colors.GREY_3\n  } ${$percentageCompleted}%);\n  width: calc(100% - ${gutter * 5.375}px);\n  top: 50%;\n  left: ${gutter * 2.5}px;\n`,\n);\n\nexport { MainWrapper, NumberWrapper, Wrapper, StyledText, HorizontalLine };\n"],"names":["colors","layout","getTheme","gutter","MainWrapper","styled","FlexView","NumberWrapper","$stepNumber","$currentStep","Wrapper","StyledText","Text","HorizontalLine","$percentageCompleted"],"mappings":";;;;AAOA,MAAM,EAAE,QAAAA,GAAQ,QAAAC,MAAWC,KACrB,EAAE,QAAAC,EAAW,IAAAF,GAEbG,IAAcC,EAAOC,CAAQ;AAAA;AAAA,GAI7BC,IAAgBF,EAAOC,CAAQ;AAAA,EACnC,CAAC,EAAE,aAAAE,GAAa,cAAAC,EAAA,MAAmB;AAAA,qBAChBN,IAAS,KAAK;AAAA,iBAE7BK,IAAcC,IACVT,EAAO,UACPQ,MAAgBC,IACdT,EAAO,QACPA,EAAO,MACf;AAAA,eACWG,IAAS,IAAI;AAAA;AAE5B,GAEMO,IAAUL,EAAOC,CAAQ;AAAA;AAAA,cAEjBH,IAAS,KAAK;AAAA,GAGtBQ,IAAaN,EAAOO,CAAI;AAAA,kBACZT,IAAS,IAAI;AAAA,GAGzBU,IAAiBR,EAAOC,CAAQ;AAAA,EACpC,CAAC,EAAE,sBAAAQ,EAAA,MAA2B;AAAA;AAAA,gDAEgBd,EAAO,KAAK,IAAIc,CAAoB,MAChFd,EAAO,MACT,IAAIc,CAAoB;AAAA,uBACHX,IAAS,KAAK;AAAA;AAAA,UAE3BA,IAAS,GAAG;AAAA;AAEtB;"}

package/dist/features/ui/stepper/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sources":["../../../../src/features/ui/stepper/stepper.tsx"],"sourcesContent":["import type { IStepperProps } from './stepper-types';\n\nimport CheckIcon from '../../../assets/line-icons/icons/check';\nimport Text from '../text/text';\nimport { getTheme } from '../theme/get-theme';\nimport { MainWrapper, NumberWrapper, Wrapper, StyledText, HorizontalLine } from './stepper-styled';\n\nconst { layout } = getTheme();\nconst { gutter } = layout;\n\nfunction Stepper({ stepsInfo = [], currentStep = 2 }: IStepperProps) {\n  const percentageCompleted =\n    stepsInfo.length && currentStep >= 1 ? ((currentStep - 1) / stepsInfo.length) * 100 : 0;\n\n  return (\n    <MainWrapper $flexDirection=\"row\" $width=\"fit-content\" $gutterX={0.625} $gapX={0.625}>\n      <HorizontalLine $percentageCompleted={percentageCompleted} $height={1} />\n      {stepsInfo.map(({ id, label }, idx) => (\n        <Wrapper\n          key={idx}\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"WHITE\"\n        >\n          <NumberWrapper\n            $stepNumber={idx + 1}\n            $currentStep={currentStep}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $heightX={1.25}\n            $widthX={1.25}\n          >\n            {idx + 1 < currentStep ? (\n              <CheckIcon height={gutter} width={gutter} />\n            ) : (\n              <Text $renderAs=\"body3\" $color=\"WHITE\">\n                {id}\n              </Text>\n            )}\n          </NumberWrapper>\n          {idx + 1 === currentStep && <StyledText $renderAs=\"body2\">{label}</StyledText>}\n        </Wrapper>\n      ))}\n    </MainWrapper>\n  );\n}\n\nexport default Stepper;\n"],"names":["layout","getTheme","gutter","Stepper","stepsInfo","currentStep","percentageCompleted","jsxs","MainWrapper","jsx","HorizontalLine","id","label","idx","Wrapper","NumberWrapper","CheckIcon","Text","StyledText"],"mappings":";;;;;AAOA,MAAM,EAAE,QAAAA,EAAO,IAAIC,KACb,EAAE,QAAAC,EAAW,IAAAF;AAEnB,SAASG,EAAQ,EAAE,WAAAC,IAAY,CAAI,GAAA,aAAAC,IAAc,KAAoB;AAC7D,QAAAC,IACJF,EAAU,UAAUC,KAAe,KAAMA,IAAc,KAAKD,EAAU,SAAU,MAAM;AAGtF,SAAA,gBAAAG,EAACC,KAAY,gBAAe,OAAM,QAAO,eAAc,UAAU,OAAO,OAAO,OAC7E,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAe,EAAA,sBAAsBJ,GAAqB,SAAS,GAAG;AAAA,IACtEF,EAAU,IAAI,CAAC,EAAE,IAAAO,GAAI,OAAAC,EAAA,GAASC,MAC7B,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAL;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,aAAaF,IAAM;AAAA,cACnB,cAAcR;AAAA,cACd,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,SAAS;AAAA,cAER,cAAM,IAAIA,IACR,gBAAAI,EAAAO,GAAA,EAAU,QAAQd,GAAQ,OAAOA,EAAQ,CAAA,sBAEzCe,GAAK,EAAA,WAAU,SAAQ,QAAO,SAC5B,UACHN,GAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UACCE,IAAM,MAAMR,uBAAgBa,GAAW,EAAA,WAAU,SAAS,UAAMN,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAtB5DC;AAAA,IAAA,CAwBR;AAAA,EACH,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"stepper.js","sources":["../../../../src/features/ui/stepper/stepper.tsx"],"sourcesContent":["import CheckIcon from '../../../assets/line-icons/icons/check';\nimport Text from '../text/text';\nimport { getTheme } from '../theme/get-theme';\nimport { MainWrapper, NumberWrapper, Wrapper, StyledText, HorizontalLine } from './stepper-styled';\nimport type { IStepperProps } from './stepper-types';\n\nconst { layout } = getTheme();\nconst { gutter } = layout;\n\nfunction Stepper({ stepsInfo = [], currentStep = 2 }: IStepperProps) {\n  const percentageCompleted =\n    stepsInfo.length && currentStep >= 1 ? ((currentStep - 1) / stepsInfo.length) * 100 : 0;\n\n  return (\n    <MainWrapper $flexDirection=\"row\" $width=\"fit-content\" $gutterX={0.625} $gapX={0.625}>\n      <HorizontalLine $percentageCompleted={percentageCompleted} $height={1} />\n      {stepsInfo.map(({ id, label }, idx) => (\n        <Wrapper\n          key={idx}\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $justifyContent=\"center\"\n          $background=\"WHITE\"\n        >\n          <NumberWrapper\n            $stepNumber={idx + 1}\n            $currentStep={currentStep}\n            $alignItems=\"center\"\n            $justifyContent=\"center\"\n            $heightX={1.25}\n            $widthX={1.25}\n          >\n            {idx + 1 < currentStep ? (\n              <CheckIcon height={gutter} width={gutter} />\n            ) : (\n              <Text $renderAs=\"body3\" $color=\"WHITE\">\n                {id}\n              </Text>\n            )}\n          </NumberWrapper>\n          {idx + 1 === currentStep && <StyledText $renderAs=\"body2\">{label}</StyledText>}\n        </Wrapper>\n      ))}\n    </MainWrapper>\n  );\n}\n\nexport default Stepper;\n"],"names":["layout","getTheme","gutter","Stepper","stepsInfo","currentStep","percentageCompleted","jsxs","MainWrapper","jsx","HorizontalLine","id","label","idx","Wrapper","NumberWrapper","CheckIcon","Text","StyledText"],"mappings":";;;;;AAMA,MAAM,EAAE,QAAAA,EAAO,IAAIC,KACb,EAAE,QAAAC,EAAW,IAAAF;AAEnB,SAASG,EAAQ,EAAE,WAAAC,IAAY,CAAI,GAAA,aAAAC,IAAc,KAAoB;AAC7D,QAAAC,IACJF,EAAU,UAAUC,KAAe,KAAMA,IAAc,KAAKD,EAAU,SAAU,MAAM;AAGtF,SAAA,gBAAAG,EAACC,KAAY,gBAAe,OAAM,QAAO,eAAc,UAAU,OAAO,OAAO,OAC7E,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAe,EAAA,sBAAsBJ,GAAqB,SAAS,GAAG;AAAA,IACtEF,EAAU,IAAI,CAAC,EAAE,IAAAO,GAAI,OAAAC,EAAA,GAASC,MAC7B,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAA,gBAAAL;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,aAAaF,IAAM;AAAA,cACnB,cAAcR;AAAA,cACd,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,SAAS;AAAA,cAER,cAAM,IAAIA,IACR,gBAAAI,EAAAO,GAAA,EAAU,QAAQd,GAAQ,OAAOA,EAAQ,CAAA,sBAEzCe,GAAK,EAAA,WAAU,SAAQ,QAAO,SAC5B,UACHN,GAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UACCE,IAAM,MAAMR,uBAAgBa,GAAW,EAAA,WAAU,SAAS,UAAMN,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAtB5DC;AAAA,IAAA,CAwBR;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/dist/features/ui/streak-icon/streak-icon-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"streak-icon-styled.js","sources":["../../../../src/features/ui/streak-icon/streak-icon-styled.tsx"],"sourcesContent":["import type { IStreakWrapperProps } from './streak-icon-types';\n\nimport styled, { keyframes } from 'styled-components';\n\nconst fadeInFadeOut = keyframes`\n66%{\n  opacity: 0;\n}\n33%{\n  opacity: 1;\n}\n`;\n\nexport const StreakWrapper = styled.div<IStreakWrapperProps>`\n  height: 32px;\n  width: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: ${({ isInteractive }) => (isInteractive ? 'pointer' : 'default')};\n`;\n\nexport const StreakStaticBg = styled.div`\n  height: 90%;\n  width: 90%;\n  position: absolute;\n  background: ${({ theme }) => theme.colors.BLACK_1};\n  border-radius: 24px;\n`;\n\nexport const StreakBg = styled.div<{ $blinkDuration: number; $blinkDelay: number }>`\n  height: 90%;\n  width: 90%;\n  position: absolute;\n  background: ${({ theme }) => theme.colors.RED};\n  border-radius: 32px;\n  animation: ${fadeInFadeOut}\n    ${({ $blinkDelay, $blinkDuration }) => `${$blinkDuration + $blinkDelay}ms linear infinite`};\n`;\n\nexport const StreakContent = styled.div`\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  padding-top: 6px;\n  z-index: 1;\n`;\n\nexport const StreakImg = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n`;\n\nexport const StyledImg = styled.img`\n  width: 100%;\n  height: 100%;\n`;\n"],"names":["fadeInFadeOut","keyframes","StreakWrapper","styled","isInteractive","StreakStaticBg","theme","StreakBg","$blinkDelay","$blinkDuration","StreakContent","StreakImg","StyledImg"],"mappings":";AAIA,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOxB,CAAC,EAAE,eAAAC,EAAA,MAAqBA,IAAgB,YAAY,SAAU;AAAA,GAG7DC,IAAiBF,EAAO;AAAA;AAAA;AAAA;AAAA,gBAIrB,CAAC,EAAE,OAAAG,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAItCC,IAAWJ,EAAO;AAAA;AAAA;AAAA;AAAA,gBAIf,CAAC,EAAE,OAAAG,EAAA,MAAYA,EAAM,OAAO,GAAG;AAAA;AAAA,eAEhCN,CAAa;AAAA,MACtB,CAAC,EAAE,aAAAQ,GAAa,gBAAAC,QAAqB,GAAGA,IAAiBD,CAAW,oBAAoB;AAAA,GAGjFE,IAAgBP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYvBQ,IAAYR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBS,IAAYT,EAAO;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"streak-icon-styled.js","sources":["../../../../src/features/ui/streak-icon/streak-icon-styled.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\n\nimport type { IStreakWrapperProps } from './streak-icon-types';\n\nconst fadeInFadeOut = keyframes`\n66%{\n  opacity: 0;\n}\n33%{\n  opacity: 1;\n}\n`;\n\nexport const StreakWrapper = styled.div<IStreakWrapperProps>`\n  height: 32px;\n  width: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: ${({ isInteractive }) => (isInteractive ? 'pointer' : 'default')};\n`;\n\nexport const StreakStaticBg = styled.div`\n  height: 90%;\n  width: 90%;\n  position: absolute;\n  background: ${({ theme }) => theme.colors.BLACK_1};\n  border-radius: 24px;\n`;\n\nexport const StreakBg = styled.div<{ $blinkDuration: number; $blinkDelay: number }>`\n  height: 90%;\n  width: 90%;\n  position: absolute;\n  background: ${({ theme }) => theme.colors.RED};\n  border-radius: 32px;\n  animation: ${fadeInFadeOut}\n    ${({ $blinkDelay, $blinkDuration }) => `${$blinkDuration + $blinkDelay}ms linear infinite`};\n`;\n\nexport const StreakContent = styled.div`\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  align-self: center;\n  padding-top: 6px;\n  z-index: 1;\n`;\n\nexport const StreakImg = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n`;\n\nexport const StyledImg = styled.img`\n  width: 100%;\n  height: 100%;\n`;\n"],"names":["fadeInFadeOut","keyframes","StreakWrapper","styled","isInteractive","StreakStaticBg","theme","StreakBg","$blinkDelay","$blinkDuration","StreakContent","StreakImg","StyledImg"],"mappings":";AAIA,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASTC,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOxB,CAAC,EAAE,eAAAC,EAAA,MAAqBA,IAAgB,YAAY,SAAU;AAAA,GAG7DC,IAAiBF,EAAO;AAAA;AAAA;AAAA;AAAA,gBAIrB,CAAC,EAAE,OAAAG,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAItCC,IAAWJ,EAAO;AAAA;AAAA;AAAA;AAAA,gBAIf,CAAC,EAAE,OAAAG,EAAA,MAAYA,EAAM,OAAO,GAAG;AAAA;AAAA,eAEhCN,CAAa;AAAA,MACtB,CAAC,EAAE,aAAAQ,GAAa,gBAAAC,QAAqB,GAAGA,IAAiBD,CAAW,oBAAoB;AAAA,GAGjFE,IAAgBP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYvBQ,IAAYR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBS,IAAYT,EAAO;AAAA;AAAA;AAAA;"}

package/dist/features/ui/streak-icon/streak-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"streak-icon.js","sources":["../../../../src/features/ui/streak-icon/streak-icon.tsx"],"sourcesContent":["import type { IStreakIconProps } from './streak-icon-types';\n\nimport React, { memo } from 'react';\n\nimport StreakGreenSVG from '../../../assets/illustrations/streak-green.svg';\nimport StreakWhiteSVG from '../../../assets/illustrations/streak-white.svg';\nimport Text from '../text/text';\nimport { BLINK_DELAY, BLINK_DURATION } from './constants';\nimport * as S from './streak-icon-styled';\n\nexport const StreakIcon: React.FC<IStreakIconProps> = memo(\n  ({ value, blink = false, isInteractive = true, ...rest }) => {\n    return (\n      <S.StreakWrapper isInteractive={isInteractive} {...rest}>\n        <S.StreakStaticBg />\n        {blink && <S.StreakBg $blinkDuration={BLINK_DURATION} $blinkDelay={BLINK_DELAY} />}\n        <S.StreakContent>\n          <S.StreakImg>\n            {blink ? (\n              <S.StyledImg src={StreakWhiteSVG} alt=\"Streak\" />\n            ) : (\n              <S.StyledImg src={StreakGreenSVG} alt=\"Streak\" />\n            )}\n          </S.StreakImg>\n          <Text $renderAs=\"ab3-bold\" $color=\"WHITE\" $align=\"center\">\n            {value}\n          </Text>\n        </S.StreakContent>\n      </S.StreakWrapper>\n    );\n  },\n);\n\nexport default StreakIcon;\n"],"names":["StreakIcon","memo","value","blink","isInteractive","rest","S.StreakWrapper","jsx","S.StreakStaticBg","S.StreakBg","BLINK_DURATION","BLINK_DELAY","jsxs","S.StreakContent","S.StreakImg","S.StyledImg","StreakWhiteSVG","StreakGreenSVG","Text","StreakIcon$1"],"mappings":";;;;;;;AAUO,MAAMA,IAAyCC;AAAA,EACpD,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,IAAO,eAAAC,IAAgB,IAAM,GAAGC,0BAE7CC,GAAA,EAAgB,eAAAF,GAA+B,GAAGC,GACjD,UAAA;AAAA,IAAC,gBAAAE,EAAAC,GAAA,EAAiB;AAAA,IACjBL,uBAAUM,GAAA,EAAW,gBAAgBC,GAAgB,aAAaC,GAAa;AAAA,IAChF,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EACE,UAAAX,sBACEY,GAAA,EAAY,KAAKC,GAAgB,KAAI,UAAS,sBAE9CD,GAAA,EAAY,KAAKE,GAAgB,KAAI,SAAS,CAAA,GAEnD;AAAA,MACA,gBAAAV,EAACW,KAAK,WAAU,YAAW,QAAO,SAAQ,QAAO,UAC9C,UACHhB,EAAA,CAAA;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAGN,GAEAiB,IAAenB;"}
+{"version":3,"file":"streak-icon.js","sources":["../../../../src/features/ui/streak-icon/streak-icon.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport StreakGreenSVG from '../../../assets/illustrations/streak-green.svg';\nimport StreakWhiteSVG from '../../../assets/illustrations/streak-white.svg';\nimport Text from '../text/text';\nimport { BLINK_DELAY, BLINK_DURATION } from './constants';\nimport * as S from './streak-icon-styled';\nimport type { IStreakIconProps } from './streak-icon-types';\n\nexport const StreakIcon: FC<IStreakIconProps> = memo(\n  ({ value, blink = false, isInteractive = true, ...rest }) => {\n    return (\n      <S.StreakWrapper isInteractive={isInteractive} {...rest}>\n        <S.StreakStaticBg />\n        {blink && <S.StreakBg $blinkDuration={BLINK_DURATION} $blinkDelay={BLINK_DELAY} />}\n        <S.StreakContent>\n          <S.StreakImg>\n            {blink ? (\n              <S.StyledImg src={StreakWhiteSVG} alt=\"Streak\" />\n            ) : (\n              <S.StyledImg src={StreakGreenSVG} alt=\"Streak\" />\n            )}\n          </S.StreakImg>\n          <Text $renderAs=\"ab3-bold\" $color=\"WHITE\" $align=\"center\">\n            {value}\n          </Text>\n        </S.StreakContent>\n      </S.StreakWrapper>\n    );\n  },\n);\n\nexport default StreakIcon;\n"],"names":["StreakIcon","memo","value","blink","isInteractive","rest","S.StreakWrapper","jsx","S.StreakStaticBg","S.StreakBg","BLINK_DURATION","BLINK_DELAY","jsxs","S.StreakContent","S.StreakImg","S.StyledImg","StreakWhiteSVG","StreakGreenSVG","Text","StreakIcon$1"],"mappings":";;;;;;;AASO,MAAMA,IAAmCC;AAAA,EAC9C,CAAC,EAAE,OAAAC,GAAO,OAAAC,IAAQ,IAAO,eAAAC,IAAgB,IAAM,GAAGC,0BAE7CC,GAAA,EAAgB,eAAAF,GAA+B,GAAGC,GACjD,UAAA;AAAA,IAAC,gBAAAE,EAAAC,GAAA,EAAiB;AAAA,IACjBL,uBAAUM,GAAA,EAAW,gBAAgBC,GAAgB,aAAaC,GAAa;AAAA,IAChF,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EACE,UAAAX,sBACEY,GAAA,EAAY,KAAKC,GAAgB,KAAI,UAAS,sBAE9CD,GAAA,EAAY,KAAKE,GAAgB,KAAI,SAAS,CAAA,GAEnD;AAAA,MACA,gBAAAV,EAACW,KAAK,WAAU,YAAW,QAAO,SAAQ,QAAO,UAC9C,UACHhB,EAAA,CAAA;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAGN,GAEAiB,IAAenB;"}

package/dist/features/ui/superscript/superscript-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"superscript-styled.js","sources":["../../../../src/features/ui/superscript/superscript-styled.tsx"],"sourcesContent":["import type { TextProps } from '../text/text';\n\nimport styled from 'styled-components';\n\nimport Text from '../text/text';\n\nexport const SuperscriptText = styled(Text)<TextProps>`\n  font-size: 10px;\n  line-height: 14px;\n  margin-left: 2px;\n`;\n"],"names":["SuperscriptText","styled","Text"],"mappings":";;AAMa,MAAAA,IAAkBC,EAAOC,CAAI;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"superscript-styled.js","sources":["../../../../src/features/ui/superscript/superscript-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { TextProps } from '../text/text';\nimport Text from '../text/text';\n\nexport const SuperscriptText = styled(Text)<TextProps>`\n  font-size: 10px;\n  line-height: 14px;\n  margin-left: 2px;\n`;\n"],"names":["SuperscriptText","styled","Text"],"mappings":";;AAKa,MAAAA,IAAkBC,EAAOC,CAAI;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/superscript/superscript.js.map

@@ -1 +1 @@
-{"version":3,"file":"superscript.js","sources":["../../../../src/features/ui/superscript/superscript.tsx"],"sourcesContent":["import type { SuperscriptProps } from './superscript-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport * as S from './superscript-styled';\n\nexport const Superscript: FC<SuperscriptProps> = memo(({ children, supText, ...rest }) => {\n  const { ...textProps } = rest;\n\n  return (\n    <FlexView $flexDirection=\"row\">\n      <span>{children}</span>\n      <S.SuperscriptText {...textProps}>{supText}</S.SuperscriptText>\n    </FlexView>\n  );\n});\n"],"names":["Superscript","memo","children","supText","rest","textProps","jsxs","FlexView","jsx","S.SuperscriptText"],"mappings":";;;;AAQa,MAAAA,IAAoCC,EAAK,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,GAAGC,QAAW;AAClF,QAAA,EAAE,GAAGC,EAAc,IAAAD;AAGvB,SAAA,gBAAAE,EAACC,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAM,UAAAN,GAAS;AAAA,sBACfO,GAAA,EAAmB,GAAGJ,GAAY,UAAQF,EAAA,CAAA;AAAA,EAC7C,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"superscript.js","sources":["../../../../src/features/ui/superscript/superscript.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport * as S from './superscript-styled';\nimport type { SuperscriptProps } from './superscript-types';\n\nexport const Superscript: FC<SuperscriptProps> = memo(({ children, supText, ...rest }) => {\n  const { ...textProps } = rest;\n\n  return (\n    <FlexView $flexDirection=\"row\">\n      <span>{children}</span>\n      <S.SuperscriptText {...textProps}>{supText}</S.SuperscriptText>\n    </FlexView>\n  );\n});\n"],"names":["Superscript","memo","children","supText","rest","textProps","jsxs","FlexView","jsx","S.SuperscriptText"],"mappings":";;;;AAOa,MAAAA,IAAoCC,EAAK,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,GAAGC,QAAW;AAClF,QAAA,EAAE,GAAGC,EAAc,IAAAD;AAGvB,SAAA,gBAAAE,EAACC,GAAS,EAAA,gBAAe,OACvB,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAM,UAAAN,GAAS;AAAA,sBACfO,GAAA,EAAmB,GAAGJ,GAAY,UAAQF,EAAA,CAAA;AAAA,EAC7C,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/ui/tab/tab-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-styled.js","sources":["../../../../src/features/ui/tab/tab-styled.tsx"],"sourcesContent":["import type { ITabWrapperProps } from './tab-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nconst TabWrapper = styled(FlexView)<ITabWrapperProps>(({\n  theme,\n  $selected,\n  $size,\n  $renderAs,\n  $disabled,\n  $shape,\n}) => {\n  const { colors, tab, layout } = theme;\n  const { sizes, variants } = tab;\n  const { height, paddingHorizontal } = sizes[$size];\n  const { backgroundColorName, colorName, borderColorName, fontWeight } = variants[$renderAs];\n\n  return `\n      height:${height}px;\n      padding:0 ${paddingHorizontal}px;\n      cursor:${$disabled ? 'not-allowed' : 'pointer'};\n      margin:${$shape === 'square' ? layout.gutter * 0.5 : 0}px;\n      border-radius: ${$shape === 'curved' ? '50px' : '8px'};\n      border:1px solid ${\n        $disabled\n          ? colors[borderColorName.disabled]\n          : $selected\n            ? colors[borderColorName.active]\n            : colors[borderColorName.inactive]\n      };\n      background-color: ${\n        $disabled\n          ? colors[backgroundColorName.disabled]\n          : $selected\n            ? colors[backgroundColorName.active]\n            : colors[backgroundColorName.inactive]\n      };\n      & div{\n        font-weight:${\n          $disabled ? fontWeight.disabled : $selected ? fontWeight.active : fontWeight.inactive\n        };\n        color: ${\n          $disabled\n            ? colors[colorName.disabled]\n            : $selected\n              ? colors[colorName.active]\n              : colors[colorName.inactive]\n        };\n      }\n      &:hover {\n        background-color:${\n          $disabled\n            ? colors[backgroundColorName.disabled]\n            : $selected\n              ? colors[backgroundColorName.active]\n              : colors[backgroundColorName.hover]\n        };\n        border-color: ${\n          $disabled\n            ? colors[borderColorName.disabled]\n            : $selected\n              ? colors[borderColorName.active]\n              : colors[borderColorName.hover]\n        };\n        & div{\n          font-weight:${fontWeight.hover};\n          color:${\n            $disabled\n              ? colors[colorName.disabled]\n              : $selected\n                ? colors[colorName.active]\n                : colors[colorName.hover]\n          };\n        } \n      }\n    `;\n});\n\nexport { TabWrapper };\n"],"names":["TabWrapper","styled","FlexView","theme","$selected","$size","$renderAs","$disabled","$shape","colors","tab","layout","sizes","variants","height","paddingHorizontal","backgroundColorName","colorName","borderColorName","fontWeight"],"mappings":";;AAMA,MAAMA,IAAaC,EAAOC,CAAQ,EAAoB,CAAC;AAAA,EACrD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACJ,QAAM,EAAE,QAAAC,GAAQ,KAAAC,GAAK,QAAAC,EAAA,IAAWR,GAC1B,EAAE,OAAAS,GAAO,UAAAC,EAAa,IAAAH,GACtB,EAAE,QAAAI,GAAQ,mBAAAC,EAAkB,IAAIH,EAAMP,CAAK,GAC3C,EAAE,qBAAAW,GAAqB,WAAAC,GAAW,iBAAAC,GAAiB,YAAAC,MAAeN,EAASP,CAAS;AAEnF,SAAA;AAAA,eACMQ,CAAM;AAAA,kBACHC,CAAiB;AAAA,eACpBR,IAAY,gBAAgB,SAAS;AAAA,eACrCC,MAAW,WAAWG,EAAO,SAAS,MAAM,CAAC;AAAA,uBACrCH,MAAW,WAAW,SAAS,KAAK;AAAA,yBAEnDD,IACIE,EAAOS,EAAgB,QAAQ,IAC/Bd,IACEK,EAAOS,EAAgB,MAAM,IAC7BT,EAAOS,EAAgB,QAAQ,CACvC;AAAA,0BAEEX,IACIE,EAAOO,EAAoB,QAAQ,IACnCZ,IACEK,EAAOO,EAAoB,MAAM,IACjCP,EAAOO,EAAoB,QAAQ,CAC3C;AAAA;AAAA,sBAGIT,IAAYY,EAAW,WAAWf,IAAYe,EAAW,SAASA,EAAW,QAC/E;AAAA,iBAEEZ,IACIE,EAAOQ,EAAU,QAAQ,IACzBb,IACEK,EAAOQ,EAAU,MAAM,IACvBR,EAAOQ,EAAU,QAAQ,CACjC;AAAA;AAAA;AAAA,2BAIEV,IACIE,EAAOO,EAAoB,QAAQ,IACnCZ,IACEK,EAAOO,EAAoB,MAAM,IACjCP,EAAOO,EAAoB,KAAK,CACxC;AAAA,wBAEET,IACIE,EAAOS,EAAgB,QAAQ,IAC/Bd,IACEK,EAAOS,EAAgB,MAAM,IAC7BT,EAAOS,EAAgB,KAAK,CACpC;AAAA;AAAA,wBAEgBC,EAAW,KAAK;AAAA,kBAE5BZ,IACIE,EAAOQ,EAAU,QAAQ,IACzBb,IACEK,EAAOQ,EAAU,MAAM,IACvBR,EAAOQ,EAAU,KAAK,CAC9B;AAAA;AAAA;AAAA;AAIV,CAAC;"}
+{"version":3,"file":"tab-styled.js","sources":["../../../../src/features/ui/tab/tab-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport type { ITabWrapperProps } from './tab-types';\n\nconst TabWrapper = styled(FlexView)<ITabWrapperProps>(({\n  theme,\n  $selected,\n  $size,\n  $renderAs,\n  $disabled,\n  $shape,\n}) => {\n  const { colors, tab, layout } = theme;\n  const { sizes, variants } = tab;\n  const { height, paddingHorizontal } = sizes[$size];\n  const { backgroundColorName, colorName, borderColorName, fontWeight } = variants[$renderAs];\n\n  return `\n      height:${height}px;\n      padding:0 ${paddingHorizontal}px;\n      cursor:${$disabled ? 'not-allowed' : 'pointer'};\n      margin:${$shape === 'square' ? layout.gutter * 0.5 : 0}px;\n      border-radius: ${$shape === 'curved' ? '50px' : '8px'};\n      border:1px solid ${\n        $disabled\n          ? colors[borderColorName.disabled]\n          : $selected\n            ? colors[borderColorName.active]\n            : colors[borderColorName.inactive]\n      };\n      background-color: ${\n        $disabled\n          ? colors[backgroundColorName.disabled]\n          : $selected\n            ? colors[backgroundColorName.active]\n            : colors[backgroundColorName.inactive]\n      };\n      & div{\n        font-weight:${\n          $disabled ? fontWeight.disabled : $selected ? fontWeight.active : fontWeight.inactive\n        };\n        color: ${\n          $disabled\n            ? colors[colorName.disabled]\n            : $selected\n              ? colors[colorName.active]\n              : colors[colorName.inactive]\n        };\n      }\n      &:hover {\n        background-color:${\n          $disabled\n            ? colors[backgroundColorName.disabled]\n            : $selected\n              ? colors[backgroundColorName.active]\n              : colors[backgroundColorName.hover]\n        };\n        border-color: ${\n          $disabled\n            ? colors[borderColorName.disabled]\n            : $selected\n              ? colors[borderColorName.active]\n              : colors[borderColorName.hover]\n        };\n        & div{\n          font-weight:${fontWeight.hover};\n          color:${\n            $disabled\n              ? colors[colorName.disabled]\n              : $selected\n                ? colors[colorName.active]\n                : colors[colorName.hover]\n          };\n        } \n      }\n    `;\n});\n\nexport { TabWrapper };\n"],"names":["TabWrapper","styled","FlexView","theme","$selected","$size","$renderAs","$disabled","$shape","colors","tab","layout","sizes","variants","height","paddingHorizontal","backgroundColorName","colorName","borderColorName","fontWeight"],"mappings":";;AAKA,MAAMA,IAAaC,EAAOC,CAAQ,EAAoB,CAAC;AAAA,EACrD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACJ,QAAM,EAAE,QAAAC,GAAQ,KAAAC,GAAK,QAAAC,EAAA,IAAWR,GAC1B,EAAE,OAAAS,GAAO,UAAAC,EAAa,IAAAH,GACtB,EAAE,QAAAI,GAAQ,mBAAAC,EAAkB,IAAIH,EAAMP,CAAK,GAC3C,EAAE,qBAAAW,GAAqB,WAAAC,GAAW,iBAAAC,GAAiB,YAAAC,MAAeN,EAASP,CAAS;AAEnF,SAAA;AAAA,eACMQ,CAAM;AAAA,kBACHC,CAAiB;AAAA,eACpBR,IAAY,gBAAgB,SAAS;AAAA,eACrCC,MAAW,WAAWG,EAAO,SAAS,MAAM,CAAC;AAAA,uBACrCH,MAAW,WAAW,SAAS,KAAK;AAAA,yBAEnDD,IACIE,EAAOS,EAAgB,QAAQ,IAC/Bd,IACEK,EAAOS,EAAgB,MAAM,IAC7BT,EAAOS,EAAgB,QAAQ,CACvC;AAAA,0BAEEX,IACIE,EAAOO,EAAoB,QAAQ,IACnCZ,IACEK,EAAOO,EAAoB,MAAM,IACjCP,EAAOO,EAAoB,QAAQ,CAC3C;AAAA;AAAA,sBAGIT,IAAYY,EAAW,WAAWf,IAAYe,EAAW,SAASA,EAAW,QAC/E;AAAA,iBAEEZ,IACIE,EAAOQ,EAAU,QAAQ,IACzBb,IACEK,EAAOQ,EAAU,MAAM,IACvBR,EAAOQ,EAAU,QAAQ,CACjC;AAAA;AAAA;AAAA,2BAIEV,IACIE,EAAOO,EAAoB,QAAQ,IACnCZ,IACEK,EAAOO,EAAoB,MAAM,IACjCP,EAAOO,EAAoB,KAAK,CACxC;AAAA,wBAEET,IACIE,EAAOS,EAAgB,QAAQ,IAC/Bd,IACEK,EAAOS,EAAgB,MAAM,IAC7BT,EAAOS,EAAgB,KAAK,CACpC;AAAA;AAAA,wBAEgBC,EAAW,KAAK;AAAA,kBAE5BZ,IACIE,EAAOQ,EAAU,QAAQ,IACzBb,IACEK,EAAOQ,EAAU,MAAM,IACvBR,EAAOQ,EAAU,KAAK,CAC9B;AAAA;AAAA;AAAA;AAIV,CAAC;"}

package/dist/features/ui/tab/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/tab/tab.tsx"],"sourcesContent":["import type { ITabProps } from './tab-types';\n\nimport React, { memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../text/text';\nimport { EDeviceType } from '../theme/constants';\nimport * as Styled from './tab-styled';\n\nconst TabComponent: React.FC<ITabProps> = memo(\n  ({\n    $renderAs = 'primary',\n    $size = 'regular',\n    $sizeOnMobile,\n    $sizeOnTablet,\n    label,\n    $selected,\n    $width,\n    $disabled,\n    onClick,\n    shape = 'square',\n  }) => {\n    const {\n      tab: { sizes },\n      device,\n    } = useTheme();\n\n    const renderSize = useMemo(() => {\n      if (device <= EDeviceType.MOBILE) {\n        return $sizeOnMobile || $sizeOnTablet || $size;\n      }\n\n      if (device <= EDeviceType.TABLET) {\n        return $sizeOnTablet || $size;\n      }\n\n      return $size;\n    }, [device, $size, $sizeOnMobile, $sizeOnTablet]);\n\n    const textVariant = sizes[renderSize].textVariant;\n\n    return (\n      <Styled.TabWrapper\n        $selected={$selected}\n        $width={$width}\n        onClick={onClick}\n        $size={$size}\n        $renderAs={$renderAs}\n        $disabled={$disabled}\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        $shape={shape}\n      >\n        <Text $renderAs={textVariant} color={$selected ? 'WHITE' : 'BLACK'}>\n          {label}\n        </Text>\n      </Styled.TabWrapper>\n    );\n  },\n);\n\nexport default TabComponent;\n"],"names":["TabComponent","memo","$renderAs","$size","$sizeOnMobile","$sizeOnTablet","label","$selected","$width","$disabled","onClick","shape","sizes","device","useTheme","renderSize","useMemo","EDeviceType","textVariant","jsx","Styled.TabWrapper","Text","TabComponent$1"],"mappings":";;;;;;AASA,MAAMA,IAAoCC;AAAA,EACxC,CAAC;AAAA,IACC,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,EAAA,MACJ;AACE,UAAA;AAAA,MACJ,KAAK,EAAE,OAAAC,EAAM;AAAA,MACb,QAAAC;AAAA,QACEC,EAAS,GAEPC,IAAaC,EAAQ,MACrBH,KAAUI,EAAY,SACjBb,KAAiBC,KAAiBF,IAGvCU,KAAUI,EAAY,UACjBZ,KAAiBF,GAIzB,CAACU,GAAQV,GAAOC,GAAeC,CAAa,CAAC,GAE1Ca,IAAcN,EAAMG,CAAU,EAAE;AAGpC,WAAA,gBAAAI;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAAb;AAAA,QACA,QAAAC;AAAA,QACA,SAAAE;AAAA,QACA,OAAAP;AAAA,QACA,WAAAD;AAAA,QACA,WAAAO;AAAA,QACA,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAQE;AAAA,QAER,UAAA,gBAAAQ,EAACE,KAAK,WAAWH,GAAa,OAAOX,IAAY,UAAU,SACxD,UACHD,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF,GAEAgB,IAAetB;"}
+{"version":3,"file":"tab.js","sources":["../../../../src/features/ui/tab/tab.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Text from '../text/text';\nimport { EDeviceType } from '../theme/constants';\nimport * as Styled from './tab-styled';\nimport type { ITabProps } from './tab-types';\n\nconst TabComponent: FC<ITabProps> = memo(\n  ({\n    $renderAs = 'primary',\n    $size = 'regular',\n    $sizeOnMobile,\n    $sizeOnTablet,\n    label,\n    $selected,\n    $width,\n    $disabled,\n    onClick,\n    shape = 'square',\n  }) => {\n    const {\n      tab: { sizes },\n      device,\n    } = useTheme();\n\n    const renderSize = useMemo(() => {\n      if (device <= EDeviceType.MOBILE) {\n        return $sizeOnMobile || $sizeOnTablet || $size;\n      }\n\n      if (device <= EDeviceType.TABLET) {\n        return $sizeOnTablet || $size;\n      }\n\n      return $size;\n    }, [device, $size, $sizeOnMobile, $sizeOnTablet]);\n\n    const textVariant = sizes[renderSize].textVariant;\n\n    return (\n      <Styled.TabWrapper\n        $selected={$selected}\n        $width={$width}\n        onClick={onClick}\n        $size={$size}\n        $renderAs={$renderAs}\n        $disabled={$disabled}\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n        $shape={shape}\n      >\n        <Text $renderAs={textVariant} color={$selected ? 'WHITE' : 'BLACK'}>\n          {label}\n        </Text>\n      </Styled.TabWrapper>\n    );\n  },\n);\n\nexport default TabComponent;\n"],"names":["TabComponent","memo","$renderAs","$size","$sizeOnMobile","$sizeOnTablet","label","$selected","$width","$disabled","onClick","shape","sizes","device","useTheme","renderSize","useMemo","EDeviceType","textVariant","jsx","Styled.TabWrapper","Text","TabComponent$1"],"mappings":";;;;;;AAQA,MAAMA,IAA8BC;AAAA,EAClC,CAAC;AAAA,IACC,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,EAAA,MACJ;AACE,UAAA;AAAA,MACJ,KAAK,EAAE,OAAAC,EAAM;AAAA,MACb,QAAAC;AAAA,QACEC,EAAS,GAEPC,IAAaC,EAAQ,MACrBH,KAAUI,EAAY,SACjBb,KAAiBC,KAAiBF,IAGvCU,KAAUI,EAAY,UACjBZ,KAAiBF,GAIzB,CAACU,GAAQV,GAAOC,GAAeC,CAAa,CAAC,GAE1Ca,IAAcN,EAAMG,CAAU,EAAE;AAGpC,WAAA,gBAAAI;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAAb;AAAA,QACA,QAAAC;AAAA,QACA,SAAAE;AAAA,QACA,OAAAP;AAAA,QACA,WAAAD;AAAA,QACA,WAAAO;AAAA,QACA,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAQE;AAAA,QAER,UAAA,gBAAAQ,EAACE,KAAK,WAAWH,GAAa,OAAOX,IAAY,UAAU,SACxD,UACHD,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF,GAEAgB,IAAetB;"}

package/dist/features/ui/tag/tag-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag-styled.js","sources":["../../../../src/features/ui/tag/tag-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../types';\n\nimport styled from 'styled-components';\n\nconst Wrapper = styled.div<{\n  $backgroundColor: TColorNames;\n}>(({ $backgroundColor, theme }) => {\n  const {\n    colors,\n    layout: { gutter },\n  } = theme;\n\n  return `\n  display: flex;\n  padding: ${gutter * 0.25}px ${gutter * 0.375}px;\n  align-items: center;\n  gap: ${gutter * 0.5}px;\n  width: fit-content;\n  border-radius: ${gutter / 4}px;\n  background-color: ${colors[$backgroundColor]};\n`;\n});\n\nexport { Wrapper };\n"],"names":["Wrapper","styled","$backgroundColor","theme","colors","gutter"],"mappings":";AAIA,MAAMA,IAAUC,EAAO,IAEpB,CAAC,EAAE,kBAAAC,GAAkB,OAAAC,QAAY;AAC5B,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAF;AAEG,SAAA;AAAA;AAAA,aAEIE,IAAS,IAAI,MAAMA,IAAS,KAAK;AAAA;AAAA,SAErCA,IAAS,GAAG;AAAA;AAAA,mBAEFA,IAAS,CAAC;AAAA,sBACPD,EAAOF,CAAgB,CAAC;AAAA;AAE9C,CAAC;"}
+{"version":3,"file":"tag-styled.js","sources":["../../../../src/features/ui/tag/tag-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport type { TColorNames } from '../types';\n\nconst Wrapper = styled.div<{\n  $backgroundColor: TColorNames;\n}>(({ $backgroundColor, theme }) => {\n  const {\n    colors,\n    layout: { gutter },\n  } = theme;\n\n  return `\n  display: flex;\n  padding: ${gutter * 0.25}px ${gutter * 0.375}px;\n  align-items: center;\n  gap: ${gutter * 0.5}px;\n  width: fit-content;\n  border-radius: ${gutter / 4}px;\n  background-color: ${colors[$backgroundColor]};\n`;\n});\n\nexport { Wrapper };\n"],"names":["Wrapper","styled","$backgroundColor","theme","colors","gutter"],"mappings":";AAIA,MAAMA,IAAUC,EAAO,IAEpB,CAAC,EAAE,kBAAAC,GAAkB,OAAAC,QAAY;AAC5B,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,QAAQ,EAAE,QAAAC,EAAO;AAAA,EACf,IAAAF;AAEG,SAAA;AAAA;AAAA,aAEIE,IAAS,IAAI,MAAMA,IAAS,KAAK;AAAA;AAAA,SAErCA,IAAS,GAAG;AAAA;AAAA,mBAEFA,IAAS,CAAC;AAAA,sBACPD,EAAOF,CAAgB,CAAC;AAAA;AAE9C,CAAC;"}

package/dist/features/ui/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sources":["../../../../src/features/ui/tag/tag.tsx"],"sourcesContent":["import type { ITagProps } from './tag-types';\n\nimport Text from '../text/text';\nimport * as Styled from './tag-styled';\n\nconst Tag: React.FC<ITagProps> = ({ text, backgroundColor, textColor }) => {\n  return (\n    <Styled.Wrapper $backgroundColor={backgroundColor}>\n      <Text $renderAs=\"body3\" $color={textColor}>\n        {text}\n      </Text>\n    </Styled.Wrapper>\n  );\n};\n\nexport default Tag;\n"],"names":["Tag","text","backgroundColor","textColor","jsx","Styled.Wrapper","Text","Tag$1"],"mappings":";;;AAKA,MAAMA,IAA2B,CAAC,EAAE,MAAAC,GAAM,iBAAAC,GAAiB,WAAAC,QAEtD,gBAAAC,EAAAC,GAAA,EAAe,kBAAkBH,GAChC,UAAC,gBAAAE,EAAAE,GAAA,EAAK,WAAU,SAAQ,QAAQH,GAC7B,aACH,EACF,CAAA,GAIJI,IAAeP;"}
+{"version":3,"file":"tag.js","sources":["../../../../src/features/ui/tag/tag.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport Text from '../text/text';\nimport * as Styled from './tag-styled';\nimport type { ITagProps } from './tag-types';\n\nconst Tag: FC<ITagProps> = ({ text, backgroundColor, textColor }) => {\n  return (\n    <Styled.Wrapper $backgroundColor={backgroundColor}>\n      <Text $renderAs=\"body3\" $color={textColor}>\n        {text}\n      </Text>\n    </Styled.Wrapper>\n  );\n};\n\nexport default Tag;\n"],"names":["Tag","text","backgroundColor","textColor","jsx","Styled.Wrapper","Text","Tag$1"],"mappings":";;;AAMA,MAAMA,IAAqB,CAAC,EAAE,MAAAC,GAAM,iBAAAC,GAAiB,WAAAC,QAEhD,gBAAAC,EAAAC,GAAA,EAAe,kBAAkBH,GAChC,UAAC,gBAAAE,EAAAE,GAAA,EAAK,WAAU,SAAQ,QAAQH,GAC7B,aACH,EACF,CAAA,GAIJI,IAAeP;"}

package/dist/features/ui/text/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../src/features/ui/text/text.tsx"],"sourcesContent":["import type { TColorNames, TTextVariants } from '../types';\n\nimport { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport { EDeviceType } from '../theme/constants';\n\nexport interface TextProps {\n  $renderAs: TTextVariants;\n  $color?: TColorNames;\n  $align?: 'auto' | 'left' | 'right' | 'center' | 'justify';\n  $alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';\n  $opacity?: number | undefined;\n  $width?: number | string;\n  $widthX?: number;\n  $marginBottom?: number;\n  $marginBottomX?: number;\n  $inline?: boolean;\n  $textDecoration?: string;\n  $whiteSpace?: 'pre-line' | 'normal' | 'pre-wrap' | 'no-wrap' | 'pre' | 'break-spaces';\n  $renderOnMobileAs?: TTextVariants;\n  $renderOnTabletAs?: TTextVariants;\n  $cursor?: 'pointer' | 'default' | 'text' | 'not-allowed' | 'move' | 'help';\n}\n\n/**\n * @param $renderAs (fallback for any device), @param $renderOnMobileAs, @param $renderOnTabletAs - The text variant to render as (ah1-ah4, ab1-ab3, ac1-ac4, ub1-ub3), anything else is deprecated\n */\nconst Text = styled.div<TextProps>(\n  ({\n    theme,\n    $renderAs,\n    $color,\n    $align = 'left',\n    $width,\n    $widthX,\n    $marginBottom,\n    $marginBottomX,\n    $alignSelf,\n    $opacity = 1,\n    $inline,\n    $textDecoration,\n    $whiteSpace,\n    $renderOnMobileAs,\n    $renderOnTabletAs,\n    $cursor,\n  }) => {\n    const { text, colors, layout, device } = theme;\n    const renderAs = useMemo(() => {\n      if (device <= EDeviceType.MOBILE) {\n        return $renderOnMobileAs || $renderOnTabletAs || $renderAs;\n      }\n\n      if (device <= EDeviceType.TABLET) {\n        return $renderOnTabletAs || $renderAs;\n      }\n\n      return $renderAs;\n    }, [device, $renderAs, $renderOnMobileAs, $renderOnTabletAs]);\n\n    const {\n      fontFamily,\n      fontSize,\n      lineHeight,\n      letterSpacing,\n      textTransform = 'none',\n    } = text[renderAs];\n\n    return `\n      display: ${$inline ? 'inline-block' : 'block'};\n      font-family: ${fontFamily};\n      font-size: ${fontSize}px;\n      text-align: ${$align};\n      line-height: ${lineHeight}px;\n      text-transform: ${textTransform};\n      ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n      color: ${$color ? colors[$color] : colors.BLACK};\n      opacity: ${$opacity};\n      width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      margin-bottom: ${$marginBottom ? `${$marginBottom}` : 'initial'}${\n        typeof $marginBottom === 'number' ? 'px' : ''\n      };\n      ${$marginBottomX ? `margin-bottom: ${$marginBottomX * layout.gutter}px;` : ''}\n      ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n      ${$textDecoration ? `text-decoration: ${$textDecoration};` : ''}\n      ${$whiteSpace ? `white-space: ${$whiteSpace};` : ''}\n      ${$cursor ? `cursor: ${$cursor};` : ''}\n    `;\n  },\n);\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"names":["Text","styled","theme","$renderAs","$color","$align","$width","$widthX","$marginBottom","$marginBottomX","$alignSelf","$opacity","$inline","$textDecoration","$whiteSpace","$renderOnMobileAs","$renderOnTabletAs","$cursor","text","colors","layout","device","renderAs","useMemo","EDeviceType","fontFamily","fontSize","lineHeight","letterSpacing","textTransform","Text$1"],"mappings":";;;AA4BA,MAAMA,IAAOC,EAAO;AAAA,EAClB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MACI;AACJ,UAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,MAAWnB,GACnCoB,IAAWC,EAAQ,MACnBF,KAAUG,EAAY,SACjBT,KAAqBC,KAAqBb,IAG/CkB,KAAUG,EAAY,UACjBR,KAAqBb,GAI7B,CAACkB,GAAQlB,GAAWY,GAAmBC,CAAiB,CAAC,GAEtD;AAAA,MACJ,YAAAS;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC,IAAgB;AAAA,IAAA,IACdX,EAAKI,CAAQ;AAEV,WAAA;AAAA,iBACMV,IAAU,iBAAiB,OAAO;AAAA,qBAC9Ba,CAAU;AAAA,mBACZC,CAAQ;AAAA,oBACPrB,CAAM;AAAA,qBACLsB,CAAU;AAAA,wBACPE,CAAa;AAAA,QAC7B,OAAOD,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA,eACvExB,IAASe,EAAOf,CAAM,IAAIe,EAAO,KAAK;AAAA,iBACpCR,CAAQ;AAAA,eACVL,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUa,EAAO,MAAM,QAAQ,EAAE;AAAA,uBACtCZ,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,IAAiBW,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC3EV,IAAa,eAAeA,CAAU,MAAM,EAAE;AAAA,QAC9CG,IAAkB,oBAAoBA,CAAe,MAAM,EAAE;AAAA,QAC7DC,IAAc,gBAAgBA,CAAW,MAAM,EAAE;AAAA,QACjDG,IAAU,WAAWA,CAAO,MAAM,EAAE;AAAA;AAAA,EAE1C;AACF;AAEAjB,EAAK,cAAc;AAEnB,MAAA8B,IAAe9B;"}
+{"version":3,"file":"text.js","sources":["../../../../src/features/ui/text/text.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport { EDeviceType } from '../theme/constants';\nimport type { TColorNames, TTextVariants } from '../types';\n\nexport interface TextProps {\n  $renderAs: TTextVariants;\n  $color?: TColorNames;\n  $align?: 'auto' | 'left' | 'right' | 'center' | 'justify';\n  $alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';\n  $opacity?: number | undefined;\n  $width?: number | string;\n  $widthX?: number;\n  $marginBottom?: number;\n  $marginBottomX?: number;\n  $inline?: boolean;\n  $textDecoration?: string;\n  $whiteSpace?: 'pre-line' | 'normal' | 'pre-wrap' | 'no-wrap' | 'pre' | 'break-spaces';\n  $renderOnMobileAs?: TTextVariants;\n  $renderOnTabletAs?: TTextVariants;\n  $cursor?: 'pointer' | 'default' | 'text' | 'not-allowed' | 'move' | 'help';\n}\n\n/**\n * @param $renderAs (fallback for any device), @param $renderOnMobileAs, @param $renderOnTabletAs - The text variant to render as (ah1-ah4, ab1-ab3, ac1-ac4, ub1-ub3), anything else is deprecated\n */\nconst Text = styled.div<TextProps>(\n  ({\n    theme,\n    $renderAs,\n    $color,\n    $align = 'left',\n    $width,\n    $widthX,\n    $marginBottom,\n    $marginBottomX,\n    $alignSelf,\n    $opacity = 1,\n    $inline,\n    $textDecoration,\n    $whiteSpace,\n    $renderOnMobileAs,\n    $renderOnTabletAs,\n    $cursor,\n  }) => {\n    const { text, colors, layout, device } = theme;\n    const renderAs = useMemo(() => {\n      if (device <= EDeviceType.MOBILE) {\n        return $renderOnMobileAs || $renderOnTabletAs || $renderAs;\n      }\n\n      if (device <= EDeviceType.TABLET) {\n        return $renderOnTabletAs || $renderAs;\n      }\n\n      return $renderAs;\n    }, [device, $renderAs, $renderOnMobileAs, $renderOnTabletAs]);\n\n    const {\n      fontFamily,\n      fontSize,\n      lineHeight,\n      letterSpacing,\n      textTransform = 'none',\n    } = text[renderAs];\n\n    return `\n      display: ${$inline ? 'inline-block' : 'block'};\n      font-family: ${fontFamily};\n      font-size: ${fontSize}px;\n      text-align: ${$align};\n      line-height: ${lineHeight}px;\n      text-transform: ${textTransform};\n      ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n      color: ${$color ? colors[$color] : colors.BLACK};\n      opacity: ${$opacity};\n      width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      margin-bottom: ${$marginBottom ? `${$marginBottom}` : 'initial'}${\n        typeof $marginBottom === 'number' ? 'px' : ''\n      };\n      ${$marginBottomX ? `margin-bottom: ${$marginBottomX * layout.gutter}px;` : ''}\n      ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n      ${$textDecoration ? `text-decoration: ${$textDecoration};` : ''}\n      ${$whiteSpace ? `white-space: ${$whiteSpace};` : ''}\n      ${$cursor ? `cursor: ${$cursor};` : ''}\n    `;\n  },\n);\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"names":["Text","styled","theme","$renderAs","$color","$align","$width","$widthX","$marginBottom","$marginBottomX","$alignSelf","$opacity","$inline","$textDecoration","$whiteSpace","$renderOnMobileAs","$renderOnTabletAs","$cursor","text","colors","layout","device","renderAs","useMemo","EDeviceType","fontFamily","fontSize","lineHeight","letterSpacing","textTransform","Text$1"],"mappings":";;;AA2BA,MAAMA,IAAOC,EAAO;AAAA,EAClB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MACI;AACJ,UAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,MAAWnB,GACnCoB,IAAWC,EAAQ,MACnBF,KAAUG,EAAY,SACjBT,KAAqBC,KAAqBb,IAG/CkB,KAAUG,EAAY,UACjBR,KAAqBb,GAI7B,CAACkB,GAAQlB,GAAWY,GAAmBC,CAAiB,CAAC,GAEtD;AAAA,MACJ,YAAAS;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC,IAAgB;AAAA,IAAA,IACdX,EAAKI,CAAQ;AAEV,WAAA;AAAA,iBACMV,IAAU,iBAAiB,OAAO;AAAA,qBAC9Ba,CAAU;AAAA,mBACZC,CAAQ;AAAA,oBACPrB,CAAM;AAAA,qBACLsB,CAAU;AAAA,wBACPE,CAAa;AAAA,QAC7B,OAAOD,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA,eACvExB,IAASe,EAAOf,CAAM,IAAIe,EAAO,KAAK;AAAA,iBACpCR,CAAQ;AAAA,eACVL,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUa,EAAO,MAAM,QAAQ,EAAE;AAAA,uBACtCZ,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,IAAiBW,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC3EV,IAAa,eAAeA,CAAU,MAAM,EAAE;AAAA,QAC9CG,IAAkB,oBAAoBA,CAAe,MAAM,EAAE;AAAA,QAC7DC,IAAc,gBAAgBA,CAAW,MAAM,EAAE;AAAA,QACjDG,IAAU,WAAWA,CAAO,MAAM,EAAE;AAAA;AAAA,EAE1C;AACF;AAEAjB,EAAK,cAAc;AAEnB,MAAA8B,IAAe9B;"}

package/dist/features/ui/theme/z-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/theme/z-index.ts"],"sourcesContent":["import type { TZIndexMap } from '../types';\n\nimport { ZINDEX } from '../constants/z-index';\n\nfunction getZIndexConfig(): TZIndexMap {\n  return ZINDEX;\n}\n\nexport { getZIndexConfig };\n"],"names":["getZIndexConfig","ZINDEX"],"mappings":";AAIA,SAASA,IAA8B;AAC9B,SAAAC;AACT;"}
+{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/theme/z-index.ts"],"sourcesContent":["import { ZINDEX } from '../constants/z-index';\nimport type { TZIndexMap } from '../types';\n\nfunction getZIndexConfig(): TZIndexMap {\n  return ZINDEX;\n}\n\nexport { getZIndexConfig };\n"],"names":["getZIndexConfig","ZINDEX"],"mappings":";AAGA,SAASA,IAA8B;AAC9B,SAAAC;AACT;"}

package/dist/features/ui/time-left-timeline/time-left-timeline-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-left-timeline-styled.js","sources":["../../../../src/features/ui/time-left-timeline/time-left-timeline-styled.ts"],"sourcesContent":["import type { IProgressBarProps, ITextWrapperProps } from './time-left-timeline-types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\n\nexport const Wrapper = styled(FlexView)(\n  () => `\n    position: relative;\n    z-index: 1;\n  `,\n);\n\nexport const ProgressBar = styled.div<IProgressBarProps>(\n  ({ theme, $percentageCompleted, $backgroundColor, $barBackgroundColor }) => {\n    const {\n      colors,\n      layout: { gutter },\n    } = theme;\n\n    return `\n      position:absolute;\n      height:${gutter * 0.25}px;\n      width:100%;\n      top:50%;\n      transform: translateY(-50%);\n      background-image: linear-gradient(to right, ${colors[$backgroundColor]} ${\n        $percentageCompleted === 0 ? 2 : $percentageCompleted\n      }%, ${colors[$barBackgroundColor ?? 'WHITE_5']} ${\n        $percentageCompleted === 0 ? 2 : $percentageCompleted\n      }%);\n    `;\n  },\n);\n\nexport const TextWrapper = styled.div<ITextWrapperProps>(({ theme, $percentageCompleted }) => {\n  const { colors, layout } = theme;\n  const { gutter } = layout;\n\n  return `\n      position: absolute;\n      top: ${gutter * 0.875}px;\n      display:flex;\n      align-items:center;\n      width:fit-content;\n      height: ${gutter * 1.75}px;\n      ${\n        $percentageCompleted < 50\n          ? `left:${$percentageCompleted === 0 ? 0 : $percentageCompleted}%`\n          : `right:${$percentageCompleted === 100 ? 0 : 100 - $percentageCompleted}%`\n      };\n      padding: 0 ${gutter * 0.75}px;\n      background:${colors.BLACK_T_87};\n    `;\n});\n"],"names":["Wrapper","styled","FlexView","ProgressBar","theme","$percentageCompleted","$backgroundColor","$barBackgroundColor","colors","gutter","TextWrapper","layout"],"mappings":";;AAMa,MAAAA,IAAUC,EAAOC,CAAQ;AAAA,EACpC,MAAM;AAAA;AAAA;AAAA;AAIR,GAEaC,IAAcF,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAG,GAAO,sBAAAC,GAAsB,kBAAAC,GAAkB,qBAAAC,QAA0B;AACpE,UAAA;AAAA,MACJ,QAAAC;AAAA,MACA,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACf,IAAAL;AAEG,WAAA;AAAA;AAAA,eAEIK,IAAS,IAAI;AAAA;AAAA;AAAA;AAAA,oDAIwBD,EAAOF,CAAgB,CAAC,IACpED,MAAyB,IAAI,IAAIA,CACnC,MAAMG,EAAOD,KAAuB,SAAS,CAAC,IAC5CF,MAAyB,IAAI,IAAIA,CACnC;AAAA;AAAA,EAEJ;AACF,GAEaK,IAAcT,EAAO,IAAuB,CAAC,EAAE,OAAAG,GAAO,sBAAAC,QAA2B;AACtF,QAAA,EAAE,QAAAG,GAAQ,QAAAG,EAAW,IAAAP,GACrB,EAAE,QAAAK,EAAW,IAAAE;AAEZ,SAAA;AAAA;AAAA,aAEIF,IAAS,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIXA,IAAS,IAAI;AAAA,QAErBJ,IAAuB,KACnB,QAAQA,MAAyB,IAAI,IAAIA,CAAoB,MAC7D,SAASA,MAAyB,MAAM,IAAI,MAAMA,CAAoB,GAC5E;AAAA,mBACaI,IAAS,IAAI;AAAA,mBACbD,EAAO,UAAU;AAAA;AAEpC,CAAC;"}
+{"version":3,"file":"time-left-timeline-styled.js","sources":["../../../../src/features/ui/time-left-timeline/time-left-timeline-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../layout/flex-view';\nimport type { IProgressBarProps, ITextWrapperProps } from './time-left-timeline-types';\n\nexport const Wrapper = styled(FlexView)(\n  () => `\n    position: relative;\n    z-index: 1;\n  `,\n);\n\nexport const ProgressBar = styled.div<IProgressBarProps>(\n  ({ theme, $percentageCompleted, $backgroundColor, $barBackgroundColor }) => {\n    const {\n      colors,\n      layout: { gutter },\n    } = theme;\n\n    return `\n      position:absolute;\n      height:${gutter * 0.25}px;\n      width:100%;\n      top:50%;\n      transform: translateY(-50%);\n      background-image: linear-gradient(to right, ${colors[$backgroundColor]} ${\n        $percentageCompleted === 0 ? 2 : $percentageCompleted\n      }%, ${colors[$barBackgroundColor ?? 'WHITE_5']} ${\n        $percentageCompleted === 0 ? 2 : $percentageCompleted\n      }%);\n    `;\n  },\n);\n\nexport const TextWrapper = styled.div<ITextWrapperProps>(({ theme, $percentageCompleted }) => {\n  const { colors, layout } = theme;\n  const { gutter } = layout;\n\n  return `\n      position: absolute;\n      top: ${gutter * 0.875}px;\n      display:flex;\n      align-items:center;\n      width:fit-content;\n      height: ${gutter * 1.75}px;\n      ${\n        $percentageCompleted < 50\n          ? `left:${$percentageCompleted === 0 ? 0 : $percentageCompleted}%`\n          : `right:${$percentageCompleted === 100 ? 0 : 100 - $percentageCompleted}%`\n      };\n      padding: 0 ${gutter * 0.75}px;\n      background:${colors.BLACK_T_87};\n    `;\n});\n"],"names":["Wrapper","styled","FlexView","ProgressBar","theme","$percentageCompleted","$backgroundColor","$barBackgroundColor","colors","gutter","TextWrapper","layout"],"mappings":";;AAKa,MAAAA,IAAUC,EAAOC,CAAQ;AAAA,EACpC,MAAM;AAAA;AAAA;AAAA;AAIR,GAEaC,IAAcF,EAAO;AAAA,EAChC,CAAC,EAAE,OAAAG,GAAO,sBAAAC,GAAsB,kBAAAC,GAAkB,qBAAAC,QAA0B;AACpE,UAAA;AAAA,MACJ,QAAAC;AAAA,MACA,QAAQ,EAAE,QAAAC,EAAO;AAAA,IACf,IAAAL;AAEG,WAAA;AAAA;AAAA,eAEIK,IAAS,IAAI;AAAA;AAAA;AAAA;AAAA,oDAIwBD,EAAOF,CAAgB,CAAC,IACpED,MAAyB,IAAI,IAAIA,CACnC,MAAMG,EAAOD,KAAuB,SAAS,CAAC,IAC5CF,MAAyB,IAAI,IAAIA,CACnC;AAAA;AAAA,EAEJ;AACF,GAEaK,IAAcT,EAAO,IAAuB,CAAC,EAAE,OAAAG,GAAO,sBAAAC,QAA2B;AACtF,QAAA,EAAE,QAAAG,GAAQ,QAAAG,EAAW,IAAAP,GACrB,EAAE,QAAAK,EAAW,IAAAE;AAEZ,SAAA;AAAA;AAAA,aAEIF,IAAS,KAAK;AAAA;AAAA;AAAA;AAAA,gBAIXA,IAAS,IAAI;AAAA,QAErBJ,IAAuB,KACnB,QAAQA,MAAyB,IAAI,IAAIA,CAAoB,MAC7D,SAASA,MAAyB,MAAM,IAAI,MAAMA,CAAoB,GAC5E;AAAA,mBACaI,IAAS,IAAI;AAAA,mBACbD,EAAO,UAAU;AAAA;AAEpC,CAAC;"}

package/dist/features/ui/time-left-timeline/time-left-timeline.js

@@ -1,33 +1,33 @@
 import { jsxs as i, jsx as p } from "react/jsx-runtime";
-import { h as n } from "../../../node_modules/humanize-plus/dist/humanize.js";
-import s from "react";
+import { h as s } from "../../../node_modules/humanize-plus/dist/humanize.js";
+import { memo as c } from "react";
 import $ from "../text/text.js";
 import { Wrapper as h, ProgressBar as T, TextWrapper as f } from "./time-left-timeline-styled.js";
-const g = s.memo(
+const g = c(
   ({
     unitsLeft: e,
     totalUnits: r,
     width: o,
-    widthX: t,
+    widthX: m,
     unit: a,
     backgroundColor: d = "YELLOW_4",
     showRemainingTime: l,
-    barBackgroundColor: c
+    barBackgroundColor: n
   }) => {
-    const m = (r - e) / r * 100;
-    return /* @__PURE__ */ i(h, { $width: t === void 0 && o === void 0 ? "100%" : o, $widthX: t, $heightX: 2, children: [
+    const t = (r - e) / r * 100;
+    return /* @__PURE__ */ i(h, { $width: m === void 0 && o === void 0 ? "100%" : o, $widthX: m, $heightX: 2, children: [
       /* @__PURE__ */ p(
         T,
         {
           $backgroundColor: d,
-          $percentageCompleted: m,
-          $barBackgroundColor: c
+          $percentageCompleted: t,
+          $barBackgroundColor: n
         }
       ),
-      l && /* @__PURE__ */ p(f, { $percentageCompleted: m, children: /* @__PURE__ */ i($, { $renderAs: "ub3", $color: "WHITE", children: [
+      l && /* @__PURE__ */ p(f, { $percentageCompleted: t, children: /* @__PURE__ */ i($, { $renderAs: "ub3", $color: "WHITE", children: [
         e,
         " ",
-        n.pluralize(e, a),
+        s.pluralize(e, a),
         " left"
       ] }) })
     ] });

package/dist/features/ui/time-left-timeline/time-left-timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-left-timeline.js","sources":["../../../../src/features/ui/time-left-timeline/time-left-timeline.tsx"],"sourcesContent":["import type { ITimeLeftTimelineProps } from './time-left-timeline-types';\n\nimport { pluralize } from 'humanize-plus';\nimport React from 'react';\n\nimport Text from '../text/text';\nimport { ProgressBar, TextWrapper, Wrapper } from './time-left-timeline-styled';\n\n/**\n * A component which shows a static progress bar with a text label indicating the progress.\n * If none of width and widthX is provided, it takes 100% width of the parent.\n * @prop {number} unitsLeft - Number of (days/months/classes) left\n * @prop {number} totalUnits - Total Number of (days/months/classes)\n * @prop {number} width - Width to be used for the progress bar\n * @prop {number} widthX - WidthX * gutter defines the width.\n * @prop {string} unit - Unit to be used for the progress bar\n *\n */\n\nconst TimeLeftTimeline: React.FC<ITimeLeftTimelineProps> = React.memo(\n  ({\n    unitsLeft,\n    totalUnits,\n    width,\n    widthX,\n    unit,\n    backgroundColor = 'YELLOW_4',\n    showRemainingTime,\n    barBackgroundColor,\n  }) => {\n    const percentageCompleted = ((totalUnits - unitsLeft) / totalUnits) * 100;\n\n    const widthToPass = widthX === undefined && width === undefined ? '100%' : width;\n\n    return (\n      <Wrapper $width={widthToPass} $widthX={widthX} $heightX={2}>\n        <ProgressBar\n          $backgroundColor={backgroundColor}\n          $percentageCompleted={percentageCompleted}\n          $barBackgroundColor={barBackgroundColor}\n        />\n\n        {showRemainingTime && (\n          <TextWrapper $percentageCompleted={percentageCompleted}>\n            <Text $renderAs=\"ub3\" $color=\"WHITE\">\n              {unitsLeft} {pluralize(unitsLeft, unit)} left\n            </Text>\n          </TextWrapper>\n        )}\n      </Wrapper>\n    );\n  },\n);\n\nexport default TimeLeftTimeline;\n"],"names":["TimeLeftTimeline","React","unitsLeft","totalUnits","width","widthX","unit","backgroundColor","showRemainingTime","barBackgroundColor","percentageCompleted","Wrapper","jsx","ProgressBar","TextWrapper","Text","pluralize","TimeLeftTimeline$1"],"mappings":";;;;;AAmBA,MAAMA,IAAqDC,EAAM;AAAA,EAC/D,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,mBAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,KAAwBP,IAAaD,KAAaC,IAAc;AAItE,6BACGQ,GAAQ,EAAA,QAHSN,MAAW,UAAaD,MAAU,SAAY,SAASA,GAG3C,SAASC,GAAQ,UAAU,GACvD,UAAA;AAAA,MAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,kBAAkBN;AAAA,UAClB,sBAAsBG;AAAA,UACtB,qBAAqBD;AAAA,QAAA;AAAA,MACvB;AAAA,MAECD,KACE,gBAAAI,EAAAE,GAAA,EAAY,sBAAsBJ,GACjC,4BAACK,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UAAA;AAAA,QAAAb;AAAA,QAAU;AAAA,QAAEc,EAAA,UAAUd,GAAWI,CAAI;AAAA,QAAE;AAAA,MAAA,EAAA,CAC1C,EACF,CAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAW,IAAejB;"}
+{"version":3,"file":"time-left-timeline.js","sources":["../../../../src/features/ui/time-left-timeline/time-left-timeline.tsx"],"sourcesContent":["import { pluralize } from 'humanize-plus';\nimport { type FC, memo } from 'react';\n\nimport Text from '../text/text';\nimport { ProgressBar, TextWrapper, Wrapper } from './time-left-timeline-styled';\nimport type { ITimeLeftTimelineProps } from './time-left-timeline-types';\n\n/**\n * A component which shows a static progress bar with a text label indicating the progress.\n * If none of width and widthX is provided, it takes 100% width of the parent.\n * @prop {number} unitsLeft - Number of (days/months/classes) left\n * @prop {number} totalUnits - Total Number of (days/months/classes)\n * @prop {number} width - Width to be used for the progress bar\n * @prop {number} widthX - WidthX * gutter defines the width.\n * @prop {string} unit - Unit to be used for the progress bar\n *\n */\n\nconst TimeLeftTimeline: FC<ITimeLeftTimelineProps> = memo(\n  ({\n    unitsLeft,\n    totalUnits,\n    width,\n    widthX,\n    unit,\n    backgroundColor = 'YELLOW_4',\n    showRemainingTime,\n    barBackgroundColor,\n  }) => {\n    const percentageCompleted = ((totalUnits - unitsLeft) / totalUnits) * 100;\n\n    const widthToPass = widthX === undefined && width === undefined ? '100%' : width;\n\n    return (\n      <Wrapper $width={widthToPass} $widthX={widthX} $heightX={2}>\n        <ProgressBar\n          $backgroundColor={backgroundColor}\n          $percentageCompleted={percentageCompleted}\n          $barBackgroundColor={barBackgroundColor}\n        />\n\n        {showRemainingTime && (\n          <TextWrapper $percentageCompleted={percentageCompleted}>\n            <Text $renderAs=\"ub3\" $color=\"WHITE\">\n              {unitsLeft} {pluralize(unitsLeft, unit)} left\n            </Text>\n          </TextWrapper>\n        )}\n      </Wrapper>\n    );\n  },\n);\n\nexport default TimeLeftTimeline;\n"],"names":["TimeLeftTimeline","memo","unitsLeft","totalUnits","width","widthX","unit","backgroundColor","showRemainingTime","barBackgroundColor","percentageCompleted","Wrapper","jsx","ProgressBar","TextWrapper","Text","pluralize","TimeLeftTimeline$1"],"mappings":";;;;;AAkBA,MAAMA,IAA+CC;AAAA,EACnD,CAAC;AAAA,IACC,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,mBAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,MACI;AACE,UAAAC,KAAwBP,IAAaD,KAAaC,IAAc;AAItE,6BACGQ,GAAQ,EAAA,QAHSN,MAAW,UAAaD,MAAU,SAAY,SAASA,GAG3C,SAASC,GAAQ,UAAU,GACvD,UAAA;AAAA,MAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,kBAAkBN;AAAA,UAClB,sBAAsBG;AAAA,UACtB,qBAAqBD;AAAA,QAAA;AAAA,MACvB;AAAA,MAECD,KACE,gBAAAI,EAAAE,GAAA,EAAY,sBAAsBJ,GACjC,4BAACK,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UAAA;AAAA,QAAAb;AAAA,QAAU;AAAA,QAAEc,EAAA,UAAUd,GAAWI,CAAI;AAAA,QAAE;AAAA,MAAA,EAAA,CAC1C,EACF,CAAA;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAW,IAAejB;"}

package/dist/features/ui/video/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/features/ui/video/index.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react';\n\nimport { useUIContext } from '../context/context';\nimport * as Styled from './styled';\n\nconst YOUTUBE_EMBED_PATTERN = /https:\\/\\/www\\.youtube\\.com\\/embed\\/[^\\s]+/g;\n\ninterface ICustomVideoProps\n  extends React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> {\n  isYoutube?: boolean;\n  analyticsData?: Record<string, unknown>;\n  thumbnailImg?: string;\n  src: string;\n}\n\nconst Video: React.FC<ICustomVideoProps> = props => {\n  const { onEvent: trackEvent } = useUIContext();\n  const vidRef = useRef<HTMLVideoElement | null>(null);\n  const { thumbnailImg, analyticsData, ...restProps } = props;\n\n  const { src, width, height } = restProps;\n\n  const isYoutube = useMemo(() => {\n    const matches = src.match(YOUTUBE_EMBED_PATTERN);\n\n    return Boolean(matches?.length);\n  }, [src]);\n\n  const [hideVid, setHideVid] = useState(Boolean(thumbnailImg));\n\n  const trackVideoClick = () => {\n    if (analyticsData) trackEvent('VIDEO_CLICK', analyticsData);\n  };\n\n  const onThumbnailClick = () => {\n    setHideVid(false);\n    vidRef.current?.play();\n    trackVideoClick();\n  };\n\n  const handleVideoPlay = () => {\n    if (analyticsData) trackEvent('VIDEO_PLAY', analyticsData);\n  };\n\n  const handleVideoEnded = () => {\n    if (analyticsData) trackEvent('VIDEO_ENDED', analyticsData);\n  };\n\n  const shouldAutoplay = Boolean(thumbnailImg && !hideVid);\n\n  return (\n    <Styled.MediaWrapper id=\"test\" $width={width} $height={width}>\n      {hideVid && (\n        <Styled.Thumbnail onClick={onThumbnailClick}>\n          <Styled.ThumbnailImage\n            src={thumbnailImg}\n            withLoader={false}\n            width=\"100%\"\n            height={height}\n          />\n          <Styled.ThumbnailPlayIcon />\n        </Styled.Thumbnail>\n      )}\n      <>\n        {isYoutube ? (\n          <iframe\n            id=\"frame\"\n            width={width}\n            height={height}\n            src={`${src}&enablejsapi=1${shouldAutoplay ? `&autoplay=1` : ''}`}\n            title=\"YouTube video player\"\n            allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; autoplay;\"\n            referrerPolicy=\"strict-origin-when-cross-origin\"\n            allowFullScreen\n          />\n        ) : (\n          <video\n            onClick={trackVideoClick}\n            onPlay={handleVideoPlay}\n            onEnded={handleVideoEnded}\n            ref={vidRef}\n            autoPlay={shouldAutoplay}\n            {...restProps}\n          />\n        )}\n      </>\n    </Styled.MediaWrapper>\n  );\n};\n\nexport default Video;\n"],"names":["YOUTUBE_EMBED_PATTERN","Video","props","trackEvent","useUIContext","vidRef","useRef","thumbnailImg","analyticsData","restProps","src","width","height","isYoutube","useMemo","matches","hideVid","setHideVid","useState","trackVideoClick","onThumbnailClick","_a","handleVideoPlay","handleVideoEnded","shouldAutoplay","jsxs","Styled.MediaWrapper","Styled.Thumbnail","jsx","Styled.ThumbnailImage","Styled.ThumbnailPlayIcon","Video$1"],"mappings":";;;;AAKA,MAAMA,IAAwB,+CAUxBC,IAAqC,CAASC,MAAA;AAClD,QAAM,EAAE,SAASC,EAAW,IAAIC,EAAa,GACvCC,IAASC,EAAgC,IAAI,GAC7C,EAAE,cAAAC,GAAc,eAAAC,GAAe,GAAGC,MAAcP,GAEhD,EAAE,KAAAQ,GAAK,OAAAC,GAAO,QAAAC,EAAA,IAAWH,GAEzBI,IAAYC,EAAQ,MAAM;AACxB,UAAAC,IAAUL,EAAI,MAAMV,CAAqB;AAExC,WAAA,GAAQe,KAAA,QAAAA,EAAS;AAAA,EAAM,GAC7B,CAACL,CAAG,CAAC,GAEF,CAACM,GAASC,CAAU,IAAIC,EAAS,EAAQX,CAAa,GAEtDY,IAAkB,MAAM;AACxB,IAAAX,KAA0BL,EAAA,eAAeK,CAAa;AAAA,EAAA,GAGtDY,IAAmB,MAAM;;AAC7B,IAAAH,EAAW,EAAK,IAChBI,IAAAhB,EAAO,YAAP,QAAAgB,EAAgB,QACAF;EAAA,GAGZG,IAAkB,MAAM;AACxB,IAAAd,KAA0BL,EAAA,cAAcK,CAAa;AAAA,EAAA,GAGrDe,IAAmB,MAAM;AACzB,IAAAf,KAA0BL,EAAA,eAAeK,CAAa;AAAA,EAAA,GAGtDgB,IAAiB,GAAQjB,KAAgB,CAACS;AAG9C,SAAA,gBAAAS,EAACC,GAAA,EAAoB,IAAG,QAAO,QAAQf,GAAO,SAASA,GACpD,UAAA;AAAA,IAAAK,KACE,gBAAAS,EAAAE,GAAA,EAAiB,SAASP,GACzB,UAAA;AAAA,MAAA,gBAAAQ;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAKtB;AAAA,UACL,YAAY;AAAA,UACZ,OAAM;AAAA,UACN,QAAAK;AAAA,QAAA;AAAA,MACF;AAAA,MACA,gBAAAgB,EAACE,GAAA,EAAyB;AAAA,IAAA,GAC5B;AAAA,2BAGC,UACCjB,IAAA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAAjB;AAAA,QACA,QAAAC;AAAA,QACA,KAAK,GAAGF,CAAG,iBAAiBc,IAAiB,gBAAgB,EAAE;AAAA,QAC/D,OAAM;AAAA,QACN,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,iBAAe;AAAA,MAAA;AAAA,IAAA,IAGjB,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAST;AAAA,QACT,QAAQG;AAAA,QACR,SAASC;AAAA,QACT,KAAKlB;AAAA,QACL,UAAUmB;AAAA,QACT,GAAGf;AAAA,MAAA;AAAA,IAAA,GAGV;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAsB,IAAe9B;"}
+{"version":3,"file":"index.js","sources":["../../../../src/features/ui/video/index.tsx"],"sourcesContent":["import {\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n  type DetailedHTMLProps,\n  type VideoHTMLAttributes,\n} from 'react';\n\nimport { useUIContext } from '../context/context';\nimport * as Styled from './styled';\n\nconst YOUTUBE_EMBED_PATTERN = /https:\\/\\/www\\.youtube\\.com\\/embed\\/[^\\s]+/g;\n\ninterface ICustomVideoProps\n  extends DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement> {\n  isYoutube?: boolean;\n  analyticsData?: Record<string, unknown>;\n  thumbnailImg?: string;\n  src: string;\n}\n\nconst Video: FC<ICustomVideoProps> = props => {\n  const { onEvent: trackEvent } = useUIContext();\n  const vidRef = useRef<HTMLVideoElement | null>(null);\n  const { thumbnailImg, analyticsData, ...restProps } = props;\n\n  const { src, width, height } = restProps;\n\n  const isYoutube = useMemo(() => {\n    const matches = src.match(YOUTUBE_EMBED_PATTERN);\n\n    return Boolean(matches?.length);\n  }, [src]);\n\n  const [hideVid, setHideVid] = useState(Boolean(thumbnailImg));\n\n  const trackVideoClick = () => {\n    if (analyticsData) trackEvent('VIDEO_CLICK', analyticsData);\n  };\n\n  const onThumbnailClick = () => {\n    setHideVid(false);\n    vidRef.current?.play();\n    trackVideoClick();\n  };\n\n  const handleVideoPlay = () => {\n    if (analyticsData) trackEvent('VIDEO_PLAY', analyticsData);\n  };\n\n  const handleVideoEnded = () => {\n    if (analyticsData) trackEvent('VIDEO_ENDED', analyticsData);\n  };\n\n  const shouldAutoplay = Boolean(thumbnailImg && !hideVid);\n\n  return (\n    <Styled.MediaWrapper id=\"test\" $width={width} $height={width}>\n      {hideVid && (\n        <Styled.Thumbnail onClick={onThumbnailClick}>\n          <Styled.ThumbnailImage\n            src={thumbnailImg}\n            withLoader={false}\n            width=\"100%\"\n            height={height}\n          />\n          <Styled.ThumbnailPlayIcon />\n        </Styled.Thumbnail>\n      )}\n      <>\n        {isYoutube ? (\n          <iframe\n            id=\"frame\"\n            width={width}\n            height={height}\n            src={`${src}&enablejsapi=1${shouldAutoplay ? `&autoplay=1` : ''}`}\n            title=\"YouTube video player\"\n            allow=\"accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; autoplay;\"\n            referrerPolicy=\"strict-origin-when-cross-origin\"\n            allowFullScreen\n          />\n        ) : (\n          <video\n            onClick={trackVideoClick}\n            onPlay={handleVideoPlay}\n            onEnded={handleVideoEnded}\n            ref={vidRef}\n            autoPlay={shouldAutoplay}\n            {...restProps}\n          />\n        )}\n      </>\n    </Styled.MediaWrapper>\n  );\n};\n\nexport default Video;\n"],"names":["YOUTUBE_EMBED_PATTERN","Video","props","trackEvent","useUIContext","vidRef","useRef","thumbnailImg","analyticsData","restProps","src","width","height","isYoutube","useMemo","matches","hideVid","setHideVid","useState","trackVideoClick","onThumbnailClick","_a","handleVideoPlay","handleVideoEnded","shouldAutoplay","jsxs","Styled.MediaWrapper","Styled.Thumbnail","jsx","Styled.ThumbnailImage","Styled.ThumbnailPlayIcon","Video$1"],"mappings":";;;;AAYA,MAAMA,IAAwB,+CAUxBC,IAA+B,CAASC,MAAA;AAC5C,QAAM,EAAE,SAASC,EAAW,IAAIC,EAAa,GACvCC,IAASC,EAAgC,IAAI,GAC7C,EAAE,cAAAC,GAAc,eAAAC,GAAe,GAAGC,MAAcP,GAEhD,EAAE,KAAAQ,GAAK,OAAAC,GAAO,QAAAC,EAAA,IAAWH,GAEzBI,IAAYC,EAAQ,MAAM;AACxB,UAAAC,IAAUL,EAAI,MAAMV,CAAqB;AAExC,WAAA,GAAQe,KAAA,QAAAA,EAAS;AAAA,EAAM,GAC7B,CAACL,CAAG,CAAC,GAEF,CAACM,GAASC,CAAU,IAAIC,EAAS,EAAQX,CAAa,GAEtDY,IAAkB,MAAM;AACxB,IAAAX,KAA0BL,EAAA,eAAeK,CAAa;AAAA,EAAA,GAGtDY,IAAmB,MAAM;;AAC7B,IAAAH,EAAW,EAAK,IAChBI,IAAAhB,EAAO,YAAP,QAAAgB,EAAgB,QACAF;EAAA,GAGZG,IAAkB,MAAM;AACxB,IAAAd,KAA0BL,EAAA,cAAcK,CAAa;AAAA,EAAA,GAGrDe,IAAmB,MAAM;AACzB,IAAAf,KAA0BL,EAAA,eAAeK,CAAa;AAAA,EAAA,GAGtDgB,IAAiB,GAAQjB,KAAgB,CAACS;AAG9C,SAAA,gBAAAS,EAACC,GAAA,EAAoB,IAAG,QAAO,QAAQf,GAAO,SAASA,GACpD,UAAA;AAAA,IAAAK,KACE,gBAAAS,EAAAE,GAAA,EAAiB,SAASP,GACzB,UAAA;AAAA,MAAA,gBAAAQ;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,KAAKtB;AAAA,UACL,YAAY;AAAA,UACZ,OAAM;AAAA,UACN,QAAAK;AAAA,QAAA;AAAA,MACF;AAAA,MACA,gBAAAgB,EAACE,GAAA,EAAyB;AAAA,IAAA,GAC5B;AAAA,2BAGC,UACCjB,IAAA,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,OAAAjB;AAAA,QACA,QAAAC;AAAA,QACA,KAAK,GAAGF,CAAG,iBAAiBc,IAAiB,gBAAgB,EAAE;AAAA,QAC/D,OAAM;AAAA,QACN,OAAM;AAAA,QACN,gBAAe;AAAA,QACf,iBAAe;AAAA,MAAA;AAAA,IAAA,IAGjB,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAST;AAAA,QACT,QAAQG;AAAA,QACR,SAASC;AAAA,QACT,KAAKlB;AAAA,QACL,UAAUmB;AAAA,QACT,GAAGf;AAAA,MAAA;AAAA,IAAA,GAGV;AAAA,EACF,EAAA,CAAA;AAEJ,GAEAsB,IAAe9B;"}

package/dist/features/utils/utils.js

@@ -1,7 +1,7 @@
 import { addYears as s } from "../../node_modules/date-fns/addYears.js";
 const i = (r) => Array.isArray(r) && r.length > 0, c = (r) => {
   const t = (a) => a.toString().padStart(2, "0"), o = Math.floor(r / 3600), e = Math.floor(r % 3600 / 60), n = r % 60;
-  return o > 0 ? `${t(o)}:${t(e)}:${t(n)}` : `${t(e)}:${t(n)}`;
+  return o > 0 ? `${t(o)}:${t(e)}:${t(n)}` : `${t(e)}:${t(Math.abs(n))}`;
 }, l = (r) => {
   let t = null;
   return { promise: new Promise((e) => {

package/dist/features/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/features/utils/utils.ts"],"sourcesContent":["import { addYears } from 'date-fns';\n\nconst isNonEmptyArray = (array: unknown) => {\n  return Array.isArray(array) && array.length > 0;\n};\n\n// format the time in HH:MM:SS\nconst formatTimeInHHMMSS = (seconds: number) => {\n  const pad = (num: number) => num.toString().padStart(2, '0');\n\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = seconds % 60;\n\n  return h > 0 ? `${pad(h)}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(s)}`;\n};\n\nconst delay = (delayInMs: number) => {\n  let timerId: ReturnType<typeof setTimeout> | null = null;\n  const promise = new Promise(res => {\n    timerId = setTimeout(() => {\n      res('resolved');\n    }, delayInMs);\n  });\n\n  return { promise, timerId };\n};\n\nconst epochTimestampAfterOneYear = () => {\n  const today = new Date();\n  const oneYearLater = addYears(today, 1);\n\n  return Math.floor(oneYearLater.getTime() / 1000);\n};\n\nexport { isNonEmptyArray, formatTimeInHHMMSS, delay, epochTimestampAfterOneYear };\n"],"names":["isNonEmptyArray","array","formatTimeInHHMMSS","seconds","pad","num","h","m","s","delay","delayInMs","timerId","res","epochTimestampAfterOneYear","oneYearLater","addYears"],"mappings":";AAEM,MAAAA,IAAkB,CAACC,MAChB,MAAM,QAAQA,CAAK,KAAKA,EAAM,SAAS,GAI1CC,IAAqB,CAACC,MAAoB;AACxC,QAAAC,IAAM,CAACC,MAAgBA,EAAI,WAAW,SAAS,GAAG,GAAG,GAErDC,IAAI,KAAK,MAAMH,IAAU,IAAI,GAC7BI,IAAI,KAAK,MAAOJ,IAAU,OAAQ,EAAE,GACpCK,IAAIL,IAAU;AAEb,SAAAG,IAAI,IAAI,GAAGF,EAAIE,CAAC,CAAC,IAAIF,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC,KAAK,GAAGJ,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC;AACtE,GAEMC,IAAQ,CAACC,MAAsB;AACnC,MAAIC,IAAgD;AAO7C,SAAA,EAAE,SANO,IAAI,QAAQ,CAAOC,MAAA;AACjC,IAAAD,IAAU,WAAW,MAAM;AACzB,MAAAC,EAAI,UAAU;AAAA,OACbF,CAAS;AAAA,EAAA,CACb,GAEiB,SAAAC;AACpB,GAEME,IAA6B,MAAM;AAEjC,QAAAC,IAAeC,sBADH,QACmB,CAAC;AAEtC,SAAO,KAAK,MAAMD,EAAa,YAAY,GAAI;AACjD;"}
+{"version":3,"file":"utils.js","sources":["../../../src/features/utils/utils.ts"],"sourcesContent":["import { addYears } from 'date-fns';\n\nconst isNonEmptyArray = (array: unknown) => {\n  return Array.isArray(array) && array.length > 0;\n};\n\n// format the time in HH:MM:SS\nconst formatTimeInHHMMSS = (seconds: number) => {\n  const pad = (num: number) => num.toString().padStart(2, '0');\n\n  const h = Math.floor(seconds / 3600);\n  const m = Math.floor((seconds % 3600) / 60);\n  const s = seconds % 60;\n\n  return h > 0 ? `${pad(h)}:${pad(m)}:${pad(s)}` : `${pad(m)}:${pad(Math.abs(s))}`;\n};\n\nconst delay = (delayInMs: number) => {\n  let timerId: ReturnType<typeof setTimeout> | null = null;\n  const promise = new Promise(res => {\n    timerId = setTimeout(() => {\n      res('resolved');\n    }, delayInMs);\n  });\n\n  return { promise, timerId };\n};\n\nconst epochTimestampAfterOneYear = () => {\n  const today = new Date();\n  const oneYearLater = addYears(today, 1);\n\n  return Math.floor(oneYearLater.getTime() / 1000);\n};\n\nexport { isNonEmptyArray, formatTimeInHHMMSS, delay, epochTimestampAfterOneYear };\n"],"names":["isNonEmptyArray","array","formatTimeInHHMMSS","seconds","pad","num","h","m","s","delay","delayInMs","timerId","res","epochTimestampAfterOneYear","oneYearLater","addYears"],"mappings":";AAEM,MAAAA,IAAkB,CAACC,MAChB,MAAM,QAAQA,CAAK,KAAKA,EAAM,SAAS,GAI1CC,IAAqB,CAACC,MAAoB;AACxC,QAAAC,IAAM,CAACC,MAAgBA,EAAI,WAAW,SAAS,GAAG,GAAG,GAErDC,IAAI,KAAK,MAAMH,IAAU,IAAI,GAC7BI,IAAI,KAAK,MAAOJ,IAAU,OAAQ,EAAE,GACpCK,IAAIL,IAAU;AAEb,SAAAG,IAAI,IAAI,GAAGF,EAAIE,CAAC,CAAC,IAAIF,EAAIG,CAAC,CAAC,IAAIH,EAAII,CAAC,CAAC,KAAK,GAAGJ,EAAIG,CAAC,CAAC,IAAIH,EAAI,KAAK,IAAII,CAAC,CAAC,CAAC;AAChF,GAEMC,IAAQ,CAACC,MAAsB;AACnC,MAAIC,IAAgD;AAO7C,SAAA,EAAE,SANO,IAAI,QAAQ,CAAOC,MAAA;AACjC,IAAAD,IAAU,WAAW,MAAM;AACzB,MAAAC,EAAI,UAAU;AAAA,OACbF,CAAS;AAAA,EAAA,CACb,GAEiB,SAAAC;AACpB,GAEME,IAA6B,MAAM;AAEjC,QAAAC,IAAeC,sBADH,QACmB,CAAC;AAEtC,SAAO,KAAK,MAAMD,EAAa,YAAY,GAAI;AACjD;"}

package/dist/features/wins-dashboard/belts-elements-stickers/belts-elements-stickers.js.map

@@ -1 +1 @@
-{"version":3,"file":"belts-elements-stickers.js","sources":["../../../../src/features/wins-dashboard/belts-elements-stickers/belts-elements-stickers.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport { INSTRUCTION_REWARDS, MATH_REWARDS, SCREEN_SIZES, StickerMap } from '../constants';\nimport Belts from './belts';\nimport RewardElements from './reward-elements';\n\ninterface WrapperProps {\n  $containerStyle?: ReturnType<typeof css>;\n  $renderOnTeacher?: boolean;\n}\n\nconst Wrapper = styled(FlexView)<WrapperProps>`\n  justify-content: space-between;\n  margin: 110px 120px;\n  margin-bottom: 48px;\n  ${({ $containerStyle }) => $containerStyle}\n\n  ${({ $renderOnTeacher }) =>\n    $renderOnTeacher &&\n    css`\n      margin: 50px auto;\n      padding: 0 16px;\n    `}\n`;\n\ninterface RewardElement {\n  aggregate_for?: { name?: string };\n  aggregates?: number;\n}\n\ninterface StickerElement {\n  badge_id?: string;\n  name?: string;\n}\n\nconst getRewardElements = (\n  elements: RewardElement[],\n): { elements: Array<{ name: string; count: number }> } => {\n  const isElementsExist = elements && Array.isArray(elements) && elements.length > 0;\n\n  if (!isElementsExist) {\n    return { elements: [] };\n  }\n\n  const elementsData = {\n    elements: [] as Array<{ name: string; count: number }>,\n  };\n\n  elements.forEach(item => {\n    const { aggregate_for: rewardData, aggregates: totalCount } = item || {};\n    const { name } = rewardData || {};\n\n    if (name && [...MATH_REWARDS, ...INSTRUCTION_REWARDS].includes(name)) {\n      elementsData.elements.push({ name, count: totalCount || 0 });\n    }\n  });\n\n  return elementsData;\n};\n\nconst getRewardStickers = (\n  stickers: StickerElement[],\n): { stickers: Array<{ name: string; count: number }> } => {\n  const isStickersExist = stickers && Array.isArray(stickers) && stickers.length > 0;\n\n  if (!isStickersExist) {\n    return { stickers: [] };\n  }\n\n  const stickersCount: Record<string, { name: string; count: number }> = {};\n\n  stickers.forEach(item => {\n    const { badge_id: badgeId, name } = item;\n\n    if (badgeId && name) {\n      if (stickersCount[badgeId] === undefined) {\n        stickersCount[badgeId] = { name, count: 1 };\n      } else {\n        stickersCount[badgeId] = { name, count: stickersCount[badgeId].count + 1 };\n      }\n    }\n  });\n\n  return { stickers: Object.values(stickersCount) };\n};\n\nconst getBadgeContainerConfig = (currentScreenWidth: number) => {\n  if (currentScreenWidth >= SCREEN_SIZES.LAPTOPL) {\n    return {\n      containerStyle: css`\n        margin: 110px auto;\n        margin-bottom: 48px;\n        max-width: 1040px;\n        width: 100%;\n      `,\n    };\n  }\n\n  if (currentScreenWidth < SCREEN_SIZES.TABLET) {\n    return {\n      containerStyle: css`\n        margin: 110px 40px;\n        margin-bottom: 48px;\n        flex-direction: column;\n        width: 100%;\n      `,\n    };\n  }\n\n  if (currentScreenWidth < SCREEN_SIZES.LAPTOP) {\n    return {\n      containerStyle: css`\n        max-width: 784px;\n        width: 100%;\n        margin: 100px auto;\n        flex-direction: column;\n      `,\n    };\n  }\n\n  return {\n    containerStyle: css`\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n      margin: 110px 120px;\n      margin-bottom: 48px;\n    `,\n  };\n};\n\n// Types for component props\ninterface CurriculumMap {\n  belts?: {\n    current_belt_type?: string;\n    goals_required?: number;\n  };\n  goals?: {\n    completed_goals: number;\n    total_goals: number;\n  };\n}\n\ninterface CurriculumHomeData {\n  data?: {\n    curriculum_map?: CurriculumMap;\n  };\n}\n\ninterface RewardHomeData {\n  data?: {\n    user_rewards?: RewardElement[];\n    user_stickers?: StickerElement[];\n  };\n}\n\ninterface BeltsElementsStickersProps {\n  curriculumHomeData?: CurriculumHomeData;\n  rewardHomeData?: RewardHomeData;\n  programStream?: string;\n  currentScreenWidth: number;\n  renderOnTeacher?: boolean;\n}\n\nconst BeltsElementsStickers: React.FC<BeltsElementsStickersProps> = ({\n  curriculumHomeData,\n  rewardHomeData,\n  programStream = 'MATH',\n  currentScreenWidth,\n  renderOnTeacher = false,\n}) => {\n  const { data: curriculumData } = curriculumHomeData || {};\n  const { curriculum_map: curriculumMap } = curriculumData || {};\n  const { belts: beltStats, goals: goalStats } = curriculumMap || {};\n  const { data: rewardHome } = rewardHomeData || {};\n  const { user_rewards: rewardElementsData, user_stickers: rewardStickersData } = rewardHome || {};\n  const { elements } = getRewardElements(rewardElementsData || []);\n  const { stickers } = getRewardStickers(rewardStickersData || []);\n  const { containerStyle } = getBadgeContainerConfig(currentScreenWidth) || {};\n\n  return (\n    <Wrapper\n      $flexDirection=\"row\"\n      $justifyContent=\"space-between\"\n      $containerStyle={containerStyle}\n      $renderOnTeacher={renderOnTeacher}\n    >\n      <Belts beltStats={beltStats} goalStats={goalStats} currentScreenWidth={currentScreenWidth} />\n      <Separator width={60} height={30} />\n      <RewardElements\n        elements={elements}\n        programStream={programStream}\n        currentScreenWidth={currentScreenWidth}\n      />\n      <Separator width={60} height={30} />\n      <RewardElements\n        elements={stickers}\n        isSticker\n        currentScreenWidth={currentScreenWidth}\n        lotties={StickerMap}\n      />\n    </Wrapper>\n  );\n};\n\nexport default memo(BeltsElementsStickers);\n"],"names":["Wrapper","styled","FlexView","$containerStyle","$renderOnTeacher","css","getRewardElements","elements","elementsData","item","rewardData","totalCount","name","MATH_REWARDS","INSTRUCTION_REWARDS","getRewardStickers","stickers","stickersCount","badgeId","getBadgeContainerConfig","currentScreenWidth","SCREEN_SIZES","BeltsElementsStickers","curriculumHomeData","rewardHomeData","programStream","renderOnTeacher","curriculumData","curriculumMap","beltStats","goalStats","rewardHome","rewardElementsData","rewardStickersData","containerStyle","jsxs","jsx","Belts","Separator","RewardElements","StickerMap","beltsElementsStickers","memo"],"mappings":";;;;;;;;AAcA,MAAMA,IAAUC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,IAI3B,CAAC,EAAE,iBAAAC,EAAgB,MAAMA,CAAe;AAAA;AAAA,IAExC,CAAC,EAAE,kBAAAC,QACHA,KACAC;AAAA;AAAA;AAAA,KAGC;AAAA,GAaCC,IAAoB,CACxBC,MACyD;AAGzD,MAAI,EAFoBA,KAAY,MAAM,QAAQA,CAAQ,KAAKA,EAAS,SAAS;AAGxE,WAAA,EAAE,UAAU,CAAA;AAGrB,QAAMC,IAAe;AAAA,IACnB,UAAU,CAAC;AAAA,EAAA;AAGb,SAAAD,EAAS,QAAQ,CAAQE,MAAA;AACvB,UAAM,EAAE,eAAeC,GAAY,YAAYC,EAAW,IAAIF,KAAQ,IAChE,EAAE,MAAAG,EAAA,IAASF,KAAc;AAE3B,IAAAE,KAAQ,CAAC,GAAGC,GAAc,GAAGC,CAAmB,EAAE,SAASF,CAAI,KACjEJ,EAAa,SAAS,KAAK,EAAE,MAAAI,GAAM,OAAOD,KAAc,GAAG;AAAA,EAC7D,CACD,GAEMH;AACT,GAEMO,IAAoB,CACxBC,MACyD;AAGzD,MAAI,EAFoBA,KAAY,MAAM,QAAQA,CAAQ,KAAKA,EAAS,SAAS;AAGxE,WAAA,EAAE,UAAU,CAAA;AAGrB,QAAMC,IAAiE,CAAA;AAEvE,SAAAD,EAAS,QAAQ,CAAQP,MAAA;AACvB,UAAM,EAAE,UAAUS,GAAS,MAAAN,EAAA,IAASH;AAEpC,IAAIS,KAAWN,MACTK,EAAcC,CAAO,MAAM,SAC7BD,EAAcC,CAAO,IAAI,EAAE,MAAAN,GAAM,OAAO,EAAE,IAE5BK,EAAAC,CAAO,IAAI,EAAE,MAAAN,GAAM,OAAOK,EAAcC,CAAO,EAAE,QAAQ;EAE3E,CACD,GAEM,EAAE,UAAU,OAAO,OAAOD,CAAa,EAAE;AAClD,GAEME,IAA0B,CAACC,MAC3BA,KAAsBC,EAAa,UAC9B;AAAA,EACL,gBAAgBhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAShBe,IAAqBC,EAAa,SAC7B;AAAA,EACL,gBAAgBhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAShBe,IAAqBC,EAAa,SAC7B;AAAA,EACL,gBAAgBhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASb;AAAA,EACL,gBAAgBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2CdiB,IAA8D,CAAC;AAAA,EACnE,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,oBAAAL;AAAA,EACA,iBAAAM,IAAkB;AACpB,MAAM;AACJ,QAAM,EAAE,MAAMC,MAAmBJ,KAAsB,CAAA,GACjD,EAAE,gBAAgBK,MAAkBD,KAAkB,CAAA,GACtD,EAAE,OAAOE,GAAW,OAAOC,EAAU,IAAIF,KAAiB,IAC1D,EAAE,MAAMG,MAAeP,KAAkB,CAAA,GACzC,EAAE,cAAcQ,GAAoB,eAAeC,EAAmB,IAAIF,KAAc,IACxF,EAAE,UAAAxB,EAAS,IAAID,EAAkB0B,KAAsB,CAAE,CAAA,GACzD,EAAE,UAAAhB,EAAS,IAAID,EAAkBkB,KAAsB,CAAE,CAAA,GACzD,EAAE,gBAAAC,EAAe,IAAIf,EAAwBC,CAAkB,KAAK,CAAA;AAGxE,SAAA,gBAAAe;AAAA,IAACnC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,iBAAiBkC;AAAA,MACjB,kBAAkBR;AAAA,MAElB,UAAA;AAAA,QAAC,gBAAAU,EAAAC,GAAA,EAAM,WAAAR,GAAsB,WAAAC,GAAsB,oBAAAV,EAAwC,CAAA;AAAA,QAC1F,gBAAAgB,EAAAE,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClC,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,UAAAhC;AAAA,YACA,eAAAkB;AAAA,YACA,oBAAAL;AAAA,UAAA;AAAA,QACF;AAAA,QACC,gBAAAgB,EAAAE,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClC,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,UAAUvB;AAAA,YACV,WAAS;AAAA,YACT,oBAAAI;AAAA,YACA,SAASoB;AAAA,UAAA;AAAA,QACX;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeC,IAAAC,EAAKpB,CAAqB;"}
+{"version":3,"file":"belts-elements-stickers.js","sources":["../../../../src/features/wins-dashboard/belts-elements-stickers/belts-elements-stickers.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport { INSTRUCTION_REWARDS, MATH_REWARDS, SCREEN_SIZES, StickerMap } from '../constants';\nimport Belts from './belts';\nimport RewardElements from './reward-elements';\n\ninterface WrapperProps {\n  $containerStyle?: ReturnType<typeof css>;\n  $renderOnTeacher?: boolean;\n}\n\nconst Wrapper = styled(FlexView)<WrapperProps>`\n  justify-content: space-between;\n  margin: 110px 120px;\n  margin-bottom: 48px;\n  ${({ $containerStyle }) => $containerStyle}\n\n  ${({ $renderOnTeacher }) =>\n    $renderOnTeacher &&\n    css`\n      margin: 50px auto;\n      padding: 0 16px;\n    `}\n`;\n\ninterface RewardElement {\n  aggregate_for?: { name?: string };\n  aggregates?: number;\n}\n\ninterface StickerElement {\n  badge_id?: string;\n  name?: string;\n}\n\nconst getRewardElements = (\n  elements: RewardElement[],\n): { elements: Array<{ name: string; count: number }> } => {\n  const isElementsExist = elements && Array.isArray(elements) && elements.length > 0;\n\n  if (!isElementsExist) {\n    return { elements: [] };\n  }\n\n  const elementsData = {\n    elements: [] as Array<{ name: string; count: number }>,\n  };\n\n  elements.forEach(item => {\n    const { aggregate_for: rewardData, aggregates: totalCount } = item || {};\n    const { name } = rewardData || {};\n\n    if (name && [...MATH_REWARDS, ...INSTRUCTION_REWARDS].includes(name)) {\n      elementsData.elements.push({ name, count: totalCount || 0 });\n    }\n  });\n\n  return elementsData;\n};\n\nconst getRewardStickers = (\n  stickers: StickerElement[],\n): { stickers: Array<{ name: string; count: number }> } => {\n  const isStickersExist = stickers && Array.isArray(stickers) && stickers.length > 0;\n\n  if (!isStickersExist) {\n    return { stickers: [] };\n  }\n\n  const stickersCount: Record<string, { name: string; count: number }> = {};\n\n  stickers.forEach(item => {\n    const { badge_id: badgeId, name } = item;\n\n    if (badgeId && name) {\n      if (stickersCount[badgeId] === undefined) {\n        stickersCount[badgeId] = { name, count: 1 };\n      } else {\n        stickersCount[badgeId] = { name, count: stickersCount[badgeId].count + 1 };\n      }\n    }\n  });\n\n  return { stickers: Object.values(stickersCount) };\n};\n\nconst getBadgeContainerConfig = (currentScreenWidth: number) => {\n  if (currentScreenWidth >= SCREEN_SIZES.LAPTOPL) {\n    return {\n      containerStyle: css`\n        margin: 110px auto;\n        margin-bottom: 48px;\n        max-width: 1040px;\n        width: 100%;\n      `,\n    };\n  }\n\n  if (currentScreenWidth < SCREEN_SIZES.TABLET) {\n    return {\n      containerStyle: css`\n        margin: 110px 40px;\n        margin-bottom: 48px;\n        flex-direction: column;\n        width: 100%;\n      `,\n    };\n  }\n\n  if (currentScreenWidth < SCREEN_SIZES.LAPTOP) {\n    return {\n      containerStyle: css`\n        max-width: 784px;\n        width: 100%;\n        margin: 100px auto;\n        flex-direction: column;\n      `,\n    };\n  }\n\n  return {\n    containerStyle: css`\n      display: flex;\n      flex-direction: row;\n      justify-content: space-between;\n      margin: 110px 120px;\n      margin-bottom: 48px;\n    `,\n  };\n};\n\n// Types for component props\ninterface CurriculumMap {\n  belts?: {\n    current_belt_type?: string;\n    goals_required?: number;\n  };\n  goals?: {\n    completed_goals: number;\n    total_goals: number;\n  };\n}\n\ninterface CurriculumHomeData {\n  data?: {\n    curriculum_map?: CurriculumMap;\n  };\n}\n\ninterface RewardHomeData {\n  data?: {\n    user_rewards?: RewardElement[];\n    user_stickers?: StickerElement[];\n  };\n}\n\ninterface BeltsElementsStickersProps {\n  curriculumHomeData?: CurriculumHomeData;\n  rewardHomeData?: RewardHomeData;\n  programStream?: string;\n  currentScreenWidth: number;\n  renderOnTeacher?: boolean;\n}\n\nconst BeltsElementsStickers: FC<BeltsElementsStickersProps> = ({\n  curriculumHomeData,\n  rewardHomeData,\n  programStream = 'MATH',\n  currentScreenWidth,\n  renderOnTeacher = false,\n}) => {\n  const { data: curriculumData } = curriculumHomeData || {};\n  const { curriculum_map: curriculumMap } = curriculumData || {};\n  const { belts: beltStats, goals: goalStats } = curriculumMap || {};\n  const { data: rewardHome } = rewardHomeData || {};\n  const { user_rewards: rewardElementsData, user_stickers: rewardStickersData } = rewardHome || {};\n  const { elements } = getRewardElements(rewardElementsData || []);\n  const { stickers } = getRewardStickers(rewardStickersData || []);\n  const { containerStyle } = getBadgeContainerConfig(currentScreenWidth) || {};\n\n  return (\n    <Wrapper\n      $flexDirection=\"row\"\n      $justifyContent=\"space-between\"\n      $containerStyle={containerStyle}\n      $renderOnTeacher={renderOnTeacher}\n    >\n      <Belts beltStats={beltStats} goalStats={goalStats} currentScreenWidth={currentScreenWidth} />\n      <Separator width={60} height={30} />\n      <RewardElements\n        elements={elements}\n        programStream={programStream}\n        currentScreenWidth={currentScreenWidth}\n      />\n      <Separator width={60} height={30} />\n      <RewardElements\n        elements={stickers}\n        isSticker\n        currentScreenWidth={currentScreenWidth}\n        lotties={StickerMap}\n      />\n    </Wrapper>\n  );\n};\n\nexport default memo(BeltsElementsStickers);\n"],"names":["Wrapper","styled","FlexView","$containerStyle","$renderOnTeacher","css","getRewardElements","elements","elementsData","item","rewardData","totalCount","name","MATH_REWARDS","INSTRUCTION_REWARDS","getRewardStickers","stickers","stickersCount","badgeId","getBadgeContainerConfig","currentScreenWidth","SCREEN_SIZES","BeltsElementsStickers","curriculumHomeData","rewardHomeData","programStream","renderOnTeacher","curriculumData","curriculumMap","beltStats","goalStats","rewardHome","rewardElementsData","rewardStickersData","containerStyle","jsxs","jsx","Belts","Separator","RewardElements","StickerMap","beltsElementsStickers","memo"],"mappings":";;;;;;;;AAcA,MAAMA,IAAUC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA,IAI3B,CAAC,EAAE,iBAAAC,EAAgB,MAAMA,CAAe;AAAA;AAAA,IAExC,CAAC,EAAE,kBAAAC,QACHA,KACAC;AAAA;AAAA;AAAA,KAGC;AAAA,GAaCC,IAAoB,CACxBC,MACyD;AAGzD,MAAI,EAFoBA,KAAY,MAAM,QAAQA,CAAQ,KAAKA,EAAS,SAAS;AAGxE,WAAA,EAAE,UAAU,CAAA;AAGrB,QAAMC,IAAe;AAAA,IACnB,UAAU,CAAC;AAAA,EAAA;AAGb,SAAAD,EAAS,QAAQ,CAAQE,MAAA;AACvB,UAAM,EAAE,eAAeC,GAAY,YAAYC,EAAW,IAAIF,KAAQ,IAChE,EAAE,MAAAG,EAAA,IAASF,KAAc;AAE3B,IAAAE,KAAQ,CAAC,GAAGC,GAAc,GAAGC,CAAmB,EAAE,SAASF,CAAI,KACjEJ,EAAa,SAAS,KAAK,EAAE,MAAAI,GAAM,OAAOD,KAAc,GAAG;AAAA,EAC7D,CACD,GAEMH;AACT,GAEMO,IAAoB,CACxBC,MACyD;AAGzD,MAAI,EAFoBA,KAAY,MAAM,QAAQA,CAAQ,KAAKA,EAAS,SAAS;AAGxE,WAAA,EAAE,UAAU,CAAA;AAGrB,QAAMC,IAAiE,CAAA;AAEvE,SAAAD,EAAS,QAAQ,CAAQP,MAAA;AACvB,UAAM,EAAE,UAAUS,GAAS,MAAAN,EAAA,IAASH;AAEpC,IAAIS,KAAWN,MACTK,EAAcC,CAAO,MAAM,SAC7BD,EAAcC,CAAO,IAAI,EAAE,MAAAN,GAAM,OAAO,EAAE,IAE5BK,EAAAC,CAAO,IAAI,EAAE,MAAAN,GAAM,OAAOK,EAAcC,CAAO,EAAE,QAAQ;EAE3E,CACD,GAEM,EAAE,UAAU,OAAO,OAAOD,CAAa,EAAE;AAClD,GAEME,IAA0B,CAACC,MAC3BA,KAAsBC,EAAa,UAC9B;AAAA,EACL,gBAAgBhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAShBe,IAAqBC,EAAa,SAC7B;AAAA,EACL,gBAAgBhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAShBe,IAAqBC,EAAa,SAC7B;AAAA,EACL,gBAAgBhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASb;AAAA,EACL,gBAAgBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2CdiB,IAAwD,CAAC;AAAA,EAC7D,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,oBAAAL;AAAA,EACA,iBAAAM,IAAkB;AACpB,MAAM;AACJ,QAAM,EAAE,MAAMC,MAAmBJ,KAAsB,CAAA,GACjD,EAAE,gBAAgBK,MAAkBD,KAAkB,CAAA,GACtD,EAAE,OAAOE,GAAW,OAAOC,EAAU,IAAIF,KAAiB,IAC1D,EAAE,MAAMG,MAAeP,KAAkB,CAAA,GACzC,EAAE,cAAcQ,GAAoB,eAAeC,EAAmB,IAAIF,KAAc,IACxF,EAAE,UAAAxB,EAAS,IAAID,EAAkB0B,KAAsB,CAAE,CAAA,GACzD,EAAE,UAAAhB,EAAS,IAAID,EAAkBkB,KAAsB,CAAE,CAAA,GACzD,EAAE,gBAAAC,EAAe,IAAIf,EAAwBC,CAAkB,KAAK,CAAA;AAGxE,SAAA,gBAAAe;AAAA,IAACnC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,iBAAiBkC;AAAA,MACjB,kBAAkBR;AAAA,MAElB,UAAA;AAAA,QAAC,gBAAAU,EAAAC,GAAA,EAAM,WAAAR,GAAsB,WAAAC,GAAsB,oBAAAV,EAAwC,CAAA;AAAA,QAC1F,gBAAAgB,EAAAE,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClC,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,UAAAhC;AAAA,YACA,eAAAkB;AAAA,YACA,oBAAAL;AAAA,UAAA;AAAA,QACF;AAAA,QACC,gBAAAgB,EAAAE,GAAA,EAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,QAClC,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,UAAUvB;AAAA,YACV,WAAS;AAAA,YACT,oBAAAI;AAAA,YACA,SAASoB;AAAA,UAAA;AAAA,QACX;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeC,IAAAC,EAAKpB,CAAqB;"}