@cuemath/leap 3.2.23-as1 → 3.2.23-j1

package/dist/features/notification/notification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification.js","sources":["../../../src/features/notification/notification.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport styled, { keyframes, css } from 'styled-components';\n\nimport CrossIcon from '../../assets/line-icons/icons/cross';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ntype Position = 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';\ntype NotificationTheme = 'white' | 'black';\n\ninterface SlideProps {\n  $position: Position;\n  $verticalDist: number;\n}\n\ninterface PositionProps {\n  $position: Position;\n  $verticalDist: number;\n  $horizontalDist: number;\n}\n\ninterface WrapperProps extends PositionProps {\n  $gap: number;\n  $gutter: number;\n  $notificationTheme: NotificationTheme;\n}\n\ninterface AvatarWrapperProps {\n  $src: string;\n}\n\ninterface NotificationProps {\n  avatarUrl?: string | null;\n  Component?: React.ComponentType<Record<string, unknown>> | null;\n  componentProps?: Record<string, unknown>;\n  duration?: number | null;\n  gap?: number;\n  gutter?: number;\n  hideNotification?: () => void;\n  horizontalDist?: number;\n  notificationTheme?: NotificationTheme;\n  position?: Position;\n  showCloseIcon?: boolean;\n  text?: string | null;\n  verticalDist?: number;\n  visible?: boolean;\n}\n\nconst slide = ({ $position, $verticalDist }: SlideProps) => keyframes`\n  ${\n    ($position === 'top-right' || $position === 'top-left') &&\n    `\n    0% {\n        top: 0;\n    }\n    100% {\n        top: ${$verticalDist}px;\n    }\n  `\n  };\n  ${\n    ($position === 'bottom-left' || $position === 'bottom-right') &&\n    `\n    0% {\n        bottom: 0;\n    }\n    100% {\n        bottom: ${$verticalDist}px;\n    }\n  `\n  };\n`;\n\nconst notificationPostion = ({ $position, $verticalDist, $horizontalDist }: PositionProps) => css`\n  ${$position === 'top-right' &&\n  `\n    top: ${$verticalDist}px;\n    right: ${$horizontalDist}px;\n  `};\n  ${$position === 'top-left' &&\n  `\n\ttop: ${$verticalDist}px;\n    left: ${$horizontalDist}px;\n  `};\n  ${$position === 'bottom-left' &&\n  `\n    bottom: ${$verticalDist}px;\n    left: ${$horizontalDist}px;\n  `};\n  ${$position === 'bottom-right' &&\n  `\n    bottom: ${$verticalDist}px;\n    right: ${$horizontalDist}px;\n  `};\n`;\n\nconst Wrapper = styled.div<WrapperProps>`\n  position: fixed;\n  width: 310px;\n  padding: ${({ $gap, $gutter }) => `${$gap}px ${$gutter}px`};\n  box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05);\n  border-radius: 16px;\n  ${notificationPostion};\n  animation: ${slide} 0.5s ease-in;\n  z-index: 105;\n  background: ${({ $notificationTheme, theme }) =>\n    $notificationTheme === 'white' ? theme?.colors?.WHITE : theme?.colors?.BLACK};\n  color: ${({ $notificationTheme, theme }) =>\n    $notificationTheme === 'white' ? theme?.colors?.BLACK : theme?.colors?.WHITE};\n`;\n\nconst AvatarWrapper = styled.div<AvatarWrapperProps>`\n  width: 48px;\n  height: 48px;\n  background: ${({ $src }) => `url(${$src})`};\n  border-radius: 50%;\n  border: 2px solid #ffffff;\n  position: absolute;\n  bottom: 88%;\n`;\n\nconst StyledIcon = styled(FlexView)`\n  position: absolute;\n  top: -40px;\n  right: 0;\n  cursor: pointer;\n`;\n\nconst StyledText = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst Notification: React.FC<NotificationProps> = ({\n  avatarUrl = null,\n  Component = null,\n  componentProps = {},\n  duration = null,\n  gap = 24,\n  gutter = 16,\n  hideNotification = () => null,\n  horizontalDist = 50,\n  notificationTheme = 'black',\n  position = 'bottom-right',\n  showCloseIcon = false,\n  text = null,\n  verticalDist = 60,\n  visible = false,\n}) => {\n  useEffect(() => {\n    if (duration && visible) {\n      const countdown = setTimeout(() => {\n        hideNotification();\n      }, duration * 1000);\n\n      return () => {\n        clearTimeout(countdown);\n      };\n    }\n\n    return () => {};\n  }, [duration, hideNotification, visible]);\n\n  if (!visible) return null;\n\n  return (\n    <Wrapper\n      $gap={gap}\n      $gutter={gutter}\n      $horizontalDist={horizontalDist}\n      $notificationTheme={notificationTheme}\n      $position={position}\n      $verticalDist={verticalDist}\n    >\n      {showCloseIcon && (\n        <StyledIcon\n          onClick={hideNotification}\n          $background={notificationTheme === 'white' ? 'WHITE' : 'BLACK'}\n          $borderRadiusX={10}\n          $gutter={2}\n          $gap={2}\n        >\n          <CrossIcon color={notificationTheme === 'white' ? 'BLACK' : 'WHITE'} />\n        </StyledIcon>\n      )}\n      {avatarUrl && <AvatarWrapper $src={avatarUrl} />}\n      {text && (\n        <StyledText $renderAs=\"ub3\" $color={notificationTheme === 'white' ? 'BLACK' : 'WHITE'}>\n          {text}\n        </StyledText>\n      )}\n      {Component && <Component {...componentProps} />}\n    </Wrapper>\n  );\n};\n\nexport default Notification;\n"],"names":["slide","$position","$verticalDist","keyframes","notificationPostion","$horizontalDist","css","Wrapper","styled","$gap","$gutter","$notificationTheme","theme","_a","_b","AvatarWrapper","$src","StyledIcon","FlexView","StyledText","Text","Notification","avatarUrl","Component","componentProps","duration","gap","gutter","hideNotification","horizontalDist","notificationTheme","position","showCloseIcon","text","verticalDist","visible","useEffect","countdown","jsxs","jsx","CrossIcon","Notification$1"],"mappings":";;;;;;AAgDA,MAAMA,IAAQ,CAAC,EAAE,WAAAC,GAAW,eAAAC,QAAgCC;AAAA,KAEvDF,MAAc,eAAeA,MAAc,eAC5C;AAAA;AAAA;AAAA;AAAA;AAAA,eAKWC,CAAa;AAAA;AAAA,GAG1B;AAAA,KAEGD,MAAc,iBAAiBA,MAAc,mBAC9C;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKcC,CAAa;AAAA;AAAA,GAG7B;AAAA,GAGIE,IAAsB,CAAC,EAAE,WAAAH,GAAW,eAAAC,GAAe,iBAAAG,QAAqCC;AAAA,IAC1FL,MAAc,eAChB;AAAA,WACSC,CAAa;AAAA,aACXG,CAAe;AAAA,GACzB;AAAA,IACCJ,MAAc,cAChB;AAAA,QACMC,CAAa;AAAA,YACTG,CAAe;AAAA,GACxB;AAAA,IACCJ,MAAc,iBAChB;AAAA,cACYC,CAAa;AAAA,YACfG,CAAe;AAAA,GACxB;AAAA,IACCJ,MAAc,kBAChB;AAAA,cACYC,CAAa;AAAA,aACdG,CAAe;AAAA,GACzB;AAAA,GAGGE,IAAUC,EAAO;AAAA;AAAA;AAAA,aAGV,CAAC,EAAE,MAAAC,GAAM,SAAAC,QAAc,GAAGD,CAAI,MAAMC,CAAO,IAAI;AAAA;AAAA;AAAA,IAGxDN,CAAmB;AAAA,eACRJ,CAAK;AAAA;AAAA,gBAEJ,CAAC,EAAE,oBAAAW,GAAoB,OAAAC,EAAA,MACnC;;AAAA,SAAAD,MAAuB,WAAUE,IAAAD,KAAA,gBAAAA,EAAO,WAAP,gBAAAC,EAAe,SAAQC,IAAAF,KAAA,gBAAAA,EAAO,WAAP,gBAAAE,EAAe;AAAA,CAAK;AAAA,WACrE,CAAC,EAAE,oBAAAH,GAAoB,OAAAC,EAAA,MAC9B;;AAAA,SAAAD,MAAuB,WAAUE,IAAAD,KAAA,gBAAAA,EAAO,WAAP,gBAAAC,EAAe,SAAQC,IAAAF,KAAA,gBAAAA,EAAO,WAAP,gBAAAE,EAAe;AAAA,CAAK;AAAA,GAG1EC,IAAgBP,EAAO;AAAA;AAAA;AAAA,gBAGb,CAAC,EAAE,MAAAQ,EAAW,MAAA,OAAOA,CAAI,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,GAOtCC,IAAaT,EAAOU,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5BC,IAAaX,EAAOY,CAAI;AAAA;AAAA,GAIxBC,IAA4C,CAAC;AAAA,EACjD,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB,CAAC;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,KAAAC,IAAM;AAAA,EACN,QAAAC,IAAS;AAAA,EACT,kBAAAC,IAAmB,MAAM;AAAA,EACzB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC,IAAoB;AAAA,EACpB,UAAAC,IAAW;AAAA,EACX,eAAAC,IAAgB;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,SAAAC,IAAU;AACZ,OACEC,EAAU,MAAM;AACd,MAAIX,KAAYU,GAAS;AACjB,UAAAE,IAAY,WAAW,MAAM;AAChB,MAAAT;IAAA,GAChBH,IAAW,GAAI;AAElB,WAAO,MAAM;AACX,mBAAaY,CAAS;AAAA,IAAA;AAAA,EAE1B;AAEA,SAAO,MAAM;AAAA,EAAA;AACZ,GAAA,CAACZ,GAAUG,GAAkBO,CAAO,CAAC,GAEnCA,IAGH,gBAAAG;AAAA,EAAC/B;AAAA,EAAA;AAAA,IACC,MAAMmB;AAAA,IACN,SAASC;AAAA,IACT,iBAAiBE;AAAA,IACjB,oBAAoBC;AAAA,IACpB,WAAWC;AAAA,IACX,eAAeG;AAAA,IAEd,UAAA;AAAA,MACCF,KAAA,gBAAAO;AAAA,QAACtB;AAAA,QAAA;AAAA,UACC,SAASW;AAAA,UACT,aAAaE,MAAsB,UAAU,UAAU;AAAA,UACvD,gBAAgB;AAAA,UAChB,SAAS;AAAA,UACT,MAAM;AAAA,UAEN,4BAACU,GAAU,EAAA,OAAOV,MAAsB,UAAU,UAAU,SAAS;AAAA,QAAA;AAAA,MACvE;AAAA,MAEDR,KAAa,gBAAAiB,EAACxB,GAAc,EAAA,MAAMO,EAAW,CAAA;AAAA,MAC7CW,KACE,gBAAAM,EAAApB,GAAA,EAAW,WAAU,OAAM,QAAQW,MAAsB,UAAU,UAAU,SAC3E,UACHG,EAAA,CAAA;AAAA,MAEDV,KAAa,gBAAAgB,EAAChB,GAAW,EAAA,GAAGC,EAAgB,CAAA;AAAA,IAAA;AAAA,EAAA;AAAA,IA5B5B,OAiCvBiB,IAAepB;"}

package/dist/features/ui/carousal/carousal-styles.js

@@ -1,45 +0,0 @@
-import n from "styled-components";
-const a = n.div`
-  margin-left: ${({ theme: t }) => t.layout.gutter}px;
-  overflow: hidden;
-  margin: ${({ $wrapperMargin: t }) => t};
-`, o = n.div`
-  display: flex;
-  transition: transform 1s ease;
-  transform: ${({ $position: t }) => `translateX(calc(${t} * (-100%)))`};
-`, s = n.div`
-  padding-right: ${({ theme: t }) => t.layout.gutter}px;
-  display: flex;
-  flex: 1 0 100%;
-  transition: opacity 1s ease;
-  padding: ${({ $carouselSlotPadding: t }) => t};
-  ${({ $slideAlign: t }) => t === "center" && `
-    display:flex;
-    justify-content: center;
-  `}
-`, l = n.div`
-  margin-top: 12px;
-  text-align: center;
-  ${({ $flexCenterIndicators: t }) => t && `
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  `}
-`, d = n.span`
-  background: ${({ $isCurrent: t, $dotColor: e, $inactiveDotColor: i }) => t ? e : i};
-  width: ${({ $isCurrent: t, $activeIndicatorSize: e }) => t ? e : "8px"};
-  height: ${({ $isCurrent: t, $activeIndicatorSize: e }) => t ? e : "8px"};
-  border-radius: 50%;
-  margin-right: 5px;
-  display: inline-block;
-  transition: background 0.5s ease;
-  cursor: pointer;
-`;
-export {
-  o as CarouselContainer,
-  s as CarouselSlot,
-  l as Container,
-  d as Dot,
-  a as Wrapper
-};
-//# sourceMappingURL=carousal-styles.js.map

package/dist/features/ui/carousal/carousal-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"carousal-styles.js","sources":["../../../../src/features/ui/carousal/carousal-styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\ninterface WrapperProps {\n  $wrapperMargin?: string;\n}\n\nexport const Wrapper = styled.div<WrapperProps>`\n  margin-left: ${({ theme }) => theme.layout.gutter}px;\n  overflow: hidden;\n  margin: ${({ $wrapperMargin }) => $wrapperMargin};\n`;\n\ninterface CarouselContainerProps {\n  $position: number;\n}\nexport const CarouselContainer = styled.div<CarouselContainerProps>`\n  display: flex;\n  transition: transform 1s ease;\n  transform: ${({ $position }) => `translateX(calc(${$position} * (-100%)))`};\n`;\n\ninterface CarouselSlotProps {\n  $carouselSlotPadding?: string;\n  $slideAlign?: string | null;\n}\nexport const CarouselSlot = styled.div<CarouselSlotProps>`\n  padding-right: ${({ theme }) => theme.layout.gutter}px;\n  display: flex;\n  flex: 1 0 100%;\n  transition: opacity 1s ease;\n  padding: ${({ $carouselSlotPadding }) => $carouselSlotPadding};\n  ${({ $slideAlign }) =>\n    $slideAlign === 'center' &&\n    `\n    display:flex;\n    justify-content: center;\n  `}\n`;\n\ninterface ContainerProps {\n  $flexCenterIndicators?: boolean;\n}\nexport const Container = styled.div<ContainerProps>`\n  margin-top: 12px;\n  text-align: center;\n  ${({ $flexCenterIndicators }) =>\n    $flexCenterIndicators &&\n    `\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  `}\n`;\n\ninterface DotProps {\n  $isCurrent: boolean;\n  $dotColor: string;\n  $inactiveDotColor: string;\n  $activeIndicatorSize: string;\n}\nexport const Dot = styled.span<DotProps>`\n  background: ${({ $isCurrent, $dotColor, $inactiveDotColor }) =>\n    $isCurrent ? $dotColor : $inactiveDotColor};\n  width: ${({ $isCurrent, $activeIndicatorSize }) => ($isCurrent ? $activeIndicatorSize : '8px')};\n  height: ${({ $isCurrent, $activeIndicatorSize }) => ($isCurrent ? $activeIndicatorSize : '8px')};\n  border-radius: 50%;\n  margin-right: 5px;\n  display: inline-block;\n  transition: background 0.5s ease;\n  cursor: pointer;\n`;\n"],"names":["Wrapper","styled","theme","$wrapperMargin","CarouselContainer","$position","CarouselSlot","$carouselSlotPadding","$slideAlign","Container","$flexCenterIndicators","Dot","$isCurrent","$dotColor","$inactiveDotColor","$activeIndicatorSize"],"mappings":";AAMO,MAAMA,IAAUC,EAAO;AAAA,iBACb,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA,YAEvC,CAAC,EAAE,gBAAAC,EAAe,MAAMA,CAAc;AAAA,GAMrCC,IAAoBH,EAAO;AAAA;AAAA;AAAA,eAGzB,CAAC,EAAE,WAAAI,EAAgB,MAAA,mBAAmBA,CAAS,cAAc;AAAA,GAO/DC,IAAeL,EAAO;AAAA,mBAChB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,aAIxC,CAAC,EAAE,sBAAAK,EAAqB,MAAMA,CAAoB;AAAA,IAC3D,CAAC,EAAE,aAAAC,EAAY,MACfA,MAAgB,YAChB;AAAA;AAAA;AAAA,GAGD;AAAA,GAMUC,IAAYR,EAAO;AAAA;AAAA;AAAA,IAG5B,CAAC,EAAE,uBAAAS,QACHA,KACA;AAAA;AAAA;AAAA;AAAA,GAID;AAAA,GASUC,IAAMV,EAAO;AAAA,gBACV,CAAC,EAAE,YAAAW,GAAY,WAAAC,GAAW,mBAAAC,QACtCF,IAAaC,IAAYC,CAAiB;AAAA,WACnC,CAAC,EAAE,YAAAF,GAAY,sBAAAG,EAA4B,MAAAH,IAAaG,IAAuB,KAAM;AAAA,YACpF,CAAC,EAAE,YAAAH,GAAY,sBAAAG,EAA4B,MAAAH,IAAaG,IAAuB,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/carousal/carousal.js

@@ -1,76 +0,0 @@
-import { jsxs as q, Fragment as G, jsx as u } from "react/jsx-runtime";
-import { useState as H, useRef as J, useCallback as o, useEffect as L } from "react";
-import { getTheme as N } from "../theme/get-theme.js";
-import { Wrapper as Q, CarouselContainer as U, CarouselSlot as _, Container as V, Dot as X } from "./carousal-styles.js";
-const { colors: j } = N(), Y = ({
-  children: l,
-  initialPosition: B = 0,
-  infinite: p = !1,
-  slideDuration: $ = 8e3,
-  dotColor: K = j.BLACK,
-  changeColor: m = () => null,
-  slideAlign: y = null,
-  inactiveDotColor: b = j.BLACK_T_15,
-  activeIndicatorSize: z = "8px",
-  flexCenterIndicators: D = !1,
-  isTestimonial: i = !1,
-  setColor: n = () => null,
-  setPosition: g = () => null,
-  carouselSlotPadding: x = "",
-  wrapperMargin: E = "",
-  hideIndicators: F = !1,
-  autoScroll: C = !0,
-  nodeRef: e = null,
-  onChange: S = () => null
-}) => {
-  const [r, M] = H(B), A = J(null), f = o(
-    (t) => {
-      M(t), g(t), e && e.current && (e.current.position = t), S();
-    },
-    [g, e, S]
-  ), s = o(
-    (t, c = !1) => {
-      const k = (Array.isArray(l) ? l : [l]).length;
-      let a = r;
-      i && n && n(a), t === "next" ? (a = r + 1, a > k - 1 && (a = c ? 0 : r)) : (a = r - 1, a < 0 && (a = c ? k - 1 : r)), a !== r && f(a);
-    },
-    [r, l, i, n, f]
-  ), v = o(() => s("next", p), [s, p]), I = o(() => s("prev", p), [s, p]), W = o(
-    (t) => {
-      i && n && n(r), t !== r && f(t);
-    },
-    [r, i, n, f]
-  );
-  L(() => (e && e.current && (e.current.next = v, e.current.prev = I, e.current.position = r), C && (A.current = setInterval(() => s("next", !0), $)), () => {
-    A.current && clearInterval(A.current);
-  }), [$, C, e, r, v, I, s]), L(() => {
-    m(r);
-  }, [r, m]);
-  const h = Array.isArray(l) ? l.length : 1;
-  return /* @__PURE__ */ q(G, { children: [
-    /* @__PURE__ */ u(Q, { $wrapperMargin: E, children: /* @__PURE__ */ u(U, { $position: r, children: Array.isArray(l) ? l.map((t, c) => /* @__PURE__ */ u(
-      _,
-      {
-        $carouselSlotPadding: x,
-        $slideAlign: y,
-        children: t
-      },
-      c
-    )) : /* @__PURE__ */ u(_, { $carouselSlotPadding: x, $slideAlign: y, children: l }) }) }),
-    h > 1 && !F && /* @__PURE__ */ u(V, { $flexCenterIndicators: D, children: Array.from({ length: h }, (t, c) => /* @__PURE__ */ u(
-      X,
-      {
-        onClick: () => W(c),
-        $isCurrent: c === r,
-        $dotColor: K,
-        $inactiveDotColor: b,
-        $activeIndicatorSize: z
-      },
-      c
-    )) })
-  ] });
-}, T = Y;
-export {
-  T as default
-};
-//# sourceMappingURL=carousal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"carousal.js","sources":["../../../../src/features/ui/carousal/carousal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback } from 'react';\n\nimport { getTheme } from '../theme/get-theme';\nimport { CarouselContainer, CarouselSlot, Container, Dot, Wrapper } from './carousal-styles';\n\nconst { colors } = getTheme();\n\ninterface CarouselProps {\n  children: React.ReactNode[] | React.ReactNode;\n  initialPosition?: number;\n  infinite?: boolean;\n  slideDuration?: number;\n  dotColor?: string;\n  changeColor?: (position: number) => void;\n  slideAlign?: string | null;\n  inactiveDotColor?: string;\n  activeIndicatorSize?: string;\n  flexCenterIndicators?: boolean;\n  isTestimonial?: boolean;\n  setColor?: (position: number) => void;\n  setPosition?: (position: number) => void;\n  carouselSlotPadding?: string;\n  wrapperMargin?: string;\n  hideIndicators?: boolean;\n  autoScroll?: boolean;\n  nodeRef?: { current?: { next?: () => void; prev?: () => void; position?: number } } | null;\n  onChange?: () => void;\n}\n\nconst Carousel: React.FC<CarouselProps> = ({\n  children,\n  initialPosition = 0,\n  infinite = false,\n  slideDuration = 8000,\n  dotColor = colors.BLACK,\n  changeColor = () => null,\n  slideAlign = null,\n  inactiveDotColor = colors.BLACK_T_15,\n  activeIndicatorSize = '8px',\n  flexCenterIndicators = false,\n  isTestimonial = false,\n  setColor = () => null,\n  setPosition = () => null,\n  carouselSlotPadding = '',\n  wrapperMargin = '',\n  hideIndicators = false,\n  autoScroll = true,\n  nodeRef = null,\n  onChange = () => null,\n}) => {\n  const [position, setPositionState] = useState(initialPosition);\n  const autoSlideRef = useRef<NodeJS.Timeout | null>(null);\n\n  const slide = useCallback(\n    (newPosition: number) => {\n      setPositionState(newPosition);\n      setPosition(newPosition);\n      if (nodeRef && nodeRef.current) {\n        nodeRef.current.position = newPosition;\n      }\n      onChange();\n    },\n    [setPosition, nodeRef, onChange],\n  );\n\n  const changeSlide = useCallback(\n    (action: 'next' | 'prev', infiniteOverride = false) => {\n      const childrenArray = Array.isArray(children) ? children : [children];\n      const numItems = childrenArray.length;\n      let newPosition = position;\n\n      if (isTestimonial && setColor) {\n        setColor(newPosition);\n      }\n\n      if (action === 'next') {\n        newPosition = position + 1;\n        if (newPosition > numItems - 1) {\n          newPosition = infiniteOverride ? 0 : position;\n        }\n      } else {\n        newPosition = position - 1;\n        if (newPosition < 0) {\n          newPosition = infiniteOverride ? numItems - 1 : position;\n        }\n      }\n\n      if (newPosition !== position) slide(newPosition);\n    },\n    [position, children, isTestimonial, setColor, slide],\n  );\n\n  const nextSlide = useCallback(() => changeSlide('next', infinite), [changeSlide, infinite]);\n  const prevSlide = useCallback(() => changeSlide('prev', infinite), [changeSlide, infinite]);\n\n  const onIndicatorClick = useCallback(\n    (newPosition: number) => {\n      if (isTestimonial && setColor) {\n        setColor(position);\n      }\n\n      if (newPosition !== position) {\n        slide(newPosition);\n      }\n    },\n    [position, isTestimonial, setColor, slide],\n  );\n\n  useEffect(() => {\n    if (nodeRef && nodeRef.current) {\n      nodeRef.current.next = nextSlide;\n      nodeRef.current.prev = prevSlide;\n      nodeRef.current.position = position;\n    }\n\n    if (autoScroll) {\n      autoSlideRef.current = setInterval(() => changeSlide('next', true), slideDuration);\n    }\n\n    return () => {\n      if (autoSlideRef.current) {\n        clearInterval(autoSlideRef.current);\n      }\n    };\n  }, [slideDuration, autoScroll, nodeRef, position, nextSlide, prevSlide, changeSlide]);\n\n  useEffect(() => {\n    changeColor(position);\n  }, [position, changeColor]);\n\n  const carouselLength = Array.isArray(children) ? children.length : 1;\n\n  return (\n    <>\n      <Wrapper $wrapperMargin={wrapperMargin}>\n        <CarouselContainer $position={position}>\n          {Array.isArray(children) ? (\n            children.map((child, index) => (\n              <CarouselSlot\n                key={index}\n                $carouselSlotPadding={carouselSlotPadding}\n                $slideAlign={slideAlign}\n              >\n                {child}\n              </CarouselSlot>\n            ))\n          ) : (\n            <CarouselSlot $carouselSlotPadding={carouselSlotPadding} $slideAlign={slideAlign}>\n              {children}\n            </CarouselSlot>\n          )}\n        </CarouselContainer>\n      </Wrapper>\n      {carouselLength > 1 && !hideIndicators && (\n        <Container $flexCenterIndicators={flexCenterIndicators}>\n          {Array.from({ length: carouselLength }, (_, index) => (\n            <Dot\n              key={index}\n              onClick={() => onIndicatorClick(index)}\n              $isCurrent={index === position}\n              $dotColor={dotColor}\n              $inactiveDotColor={inactiveDotColor}\n              $activeIndicatorSize={activeIndicatorSize}\n            />\n          ))}\n        </Container>\n      )}\n    </>\n  );\n};\n\nexport default Carousel;\n"],"names":["colors","getTheme","Carousel","children","initialPosition","infinite","slideDuration","dotColor","changeColor","slideAlign","inactiveDotColor","activeIndicatorSize","flexCenterIndicators","isTestimonial","setColor","setPosition","carouselSlotPadding","wrapperMargin","hideIndicators","autoScroll","nodeRef","onChange","position","setPositionState","useState","autoSlideRef","useRef","slide","useCallback","newPosition","changeSlide","action","infiniteOverride","numItems","nextSlide","prevSlide","onIndicatorClick","useEffect","carouselLength","jsxs","Fragment","jsx","Wrapper","CarouselContainer","child","index","CarouselSlot","Container","_","Dot","Carousel$1"],"mappings":"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"}

package/dist/features/ui/dot-lottie-animations/dot-lottie-animation-styled.js

@@ -1,9 +0,0 @@
-import p from "styled-components";
-const a = p.canvas`
-  ${({ $renderWidth: o }) => typeof o == "number" ? `width: ${o}px;` : `width: ${o};`}
-  ${({ $renderHeight: o }) => typeof o == "number" ? `height: ${o}px;` : `height: ${o};`}
-`;
-export {
-  a as Canvas
-};
-//# sourceMappingURL=dot-lottie-animation-styled.js.map

package/dist/features/ui/dot-lottie-animations/dot-lottie-animation-styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dot-lottie-animation-styled.js","sources":["../../../../src/features/ui/dot-lottie-animations/dot-lottie-animation-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Canvas = styled.canvas<{\n  $renderWidth: string | number;\n  $renderHeight: string | number;\n}>`\n  ${({ $renderWidth }) =>\n    typeof $renderWidth === 'number' ? `width: ${$renderWidth}px;` : `width: ${$renderWidth};`}\n  ${({ $renderHeight }) =>\n    typeof $renderHeight === 'number' ? `height: ${$renderHeight}px;` : `height: ${$renderHeight};`}\n`;\n"],"names":["Canvas","styled","$renderWidth","$renderHeight"],"mappings":";AAEO,MAAMA,IAASC,EAAO;AAAA,IAIzB,CAAC,EAAE,cAAAC,EAAa,MAChB,OAAOA,KAAiB,WAAW,UAAUA,CAAY,QAAQ,UAAUA,CAAY,GAAG;AAAA,IAC1F,CAAC,EAAE,eAAAC,EAAc,MACjB,OAAOA,KAAkB,WAAW,WAAWA,CAAa,QAAQ,WAAWA,CAAa,GAAG;AAAA;"}

package/dist/features/ui/dot-lottie-animations/dot-lottie-animation.js

@@ -1,80 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { DotLottieWorker as v } from "../../../node_modules/@lottiefiles/dotlottie-web/dist/index.js";
-import { memo as w, forwardRef as x, useRef as p, useImperativeHandle as R, useEffect as h } from "react";
-import E from "../layout/flex-view.js";
-import { Canvas as H } from "./dot-lottie-animation-styled.js";
-const N = x((y, g) => {
-  const {
-    src: m,
-    width: i = "100%",
-    height: a = "100%",
-    settings: f,
-    eventListeners: r,
-    onRender: u,
-    onError: c
-  } = y, s = p(null), t = p(null);
-  return R(
-    g,
-    () => ({
-      playSegments: (e) => {
-        var n, o;
-        (n = t.current) == null || n.setSegment(e[0], e[1]), (o = t.current) == null || o.play();
-      },
-      play: () => {
-        var e;
-        (e = t.current) == null || e.play();
-      },
-      pause: () => {
-        var e;
-        (e = t.current) == null || e.pause();
-      }
-    }),
-    []
-  ), h(() => {
-    if (s.current)
-      try {
-        t.current = new v({
-          src: m,
-          canvas: s.current,
-          autoplay: !0,
-          loop: !1,
-          renderConfig: {
-            autoResize: !0,
-            devicePixelRatio: window.devicePixelRatio,
-            freezeOnOffscreen: !0
-          },
-          ...f
-        }), requestAnimationFrame(() => {
-          u == null || u();
-        });
-      } catch (e) {
-        console.log(e), c == null || c();
-      }
-  }, [m, f, u, c]), h(() => (r == null || r.forEach(
-    ({ name: e, callback: n }) => {
-      var o;
-      return (o = t.current) == null ? void 0 : o.addEventListener(e, n);
-    }
-  ), () => {
-    var e;
-    r == null || r.forEach(
-      ({ name: n, callback: o }) => {
-        var d;
-        return (d = t.current) == null ? void 0 : d.removeEventListener(n, o);
-      }
-    ), (e = t.current) == null || e.destroy();
-  }), [r]), /* @__PURE__ */ l(E, { $width: i, $height: a, children: /* @__PURE__ */ l(
-    H,
-    {
-      ref: s,
-      $renderWidth: i,
-      $renderHeight: a,
-      width: typeof i == "number" ? i : void 0,
-      height: typeof a == "number" ? a : void 0
-    }
-  ) });
-}), F = w(N);
-export {
-  F as default
-};
-//# sourceMappingURL=dot-lottie-animation.js.map

package/dist/features/ui/dot-lottie-animations/dot-lottie-animation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dot-lottie-animation.js","sources":["../../../../src/features/ui/dot-lottie-animations/dot-lottie-animation.tsx"],"sourcesContent":["import type {\n  AnimationSegment,\n  ILottieAnimationProps,\n  ILottieAnimationRef,\n} from './dot-lottie-types';\n\nimport { DotLottieWorker } from '@lottiefiles/dotlottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport * as Styled from './dot-lottie-animation-styled';\n\nconst DotLottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n  const {\n    src,\n    width = '100%',\n    height = '100%',\n    settings,\n    eventListeners,\n    onRender,\n    onError,\n  } = props;\n\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const animationInstance = useRef<DotLottieWorker | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      playSegments: (segments: AnimationSegment) => {\n        animationInstance.current?.setSegment(segments[0], segments[1]);\n        animationInstance.current?.play();\n      },\n      play: () => {\n        animationInstance.current?.play();\n      },\n      pause: () => {\n        animationInstance.current?.pause();\n      },\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    if (!canvasRef.current) return;\n\n    try {\n      animationInstance.current = new DotLottieWorker({\n        src,\n        canvas: canvasRef.current,\n        autoplay: true,\n        loop: false,\n        renderConfig: {\n          autoResize: true,\n          devicePixelRatio: window.devicePixelRatio,\n          freezeOnOffscreen: true,\n        },\n        ...settings,\n      });\n\n      requestAnimationFrame(() => {\n        onRender?.();\n      });\n    } catch (err) {\n      // eslint-disable-next-line no-console\n      console.log(err);\n      onError?.();\n    }\n  }, [src, settings, onRender, onError]);\n\n  useEffect(() => {\n    eventListeners?.forEach(\n      ({ name, callback }) => animationInstance.current?.addEventListener(name, callback),\n    );\n\n    return () => {\n      eventListeners?.forEach(\n        ({ name, callback }) => animationInstance.current?.removeEventListener(name, callback),\n      );\n      animationInstance.current?.destroy();\n    };\n  }, [eventListeners]);\n\n  const isNumW = typeof width === 'number';\n  const isNumH = typeof height === 'number';\n\n  return (\n    <FlexView $width={width} $height={height}>\n      <Styled.Canvas\n        ref={canvasRef}\n        $renderWidth={width}\n        $renderHeight={height}\n        width={isNumW ? width : undefined}\n        height={isNumH ? height : undefined}\n      />\n    </FlexView>\n  );\n});\n\nexport default memo(DotLottieAnimation);\n"],"names":["DotLottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListeners","onRender","onError","canvasRef","useRef","animationInstance","useImperativeHandle","segments","_a","_b","useEffect","DotLottieWorker","err","name","callback","jsx","FlexView","Styled.Canvas","dotLottieAnimation","memo"],"mappings":";;;;;AAYA,MAAMA,IAAqBC,EAAuD,CAACC,GAAOC,MAAQ;AAC1F,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,EACE,IAAAR,GAEES,IAAYC,EAA0B,IAAI,GAC1CC,IAAoBD,EAA+B,IAAI;AAE7D,SAAAE;AAAA,IACEX;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACY,MAA+B;;AAC5C,SAAAC,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B,WAAWD,EAAS,CAAC,GAAGA,EAAS,CAAC,KAC7DE,IAAAJ,EAAkB,YAAlB,QAAAI,EAA2B;AAAA,MAC7B;AAAA,MACA,MAAM,MAAM;;AACV,SAAAD,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,MAC7B;AAAA,MACA,OAAO,MAAM;;AACX,SAAAA,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,MAC7B;AAAA,IAAA;AAAA,IAEF,CAAC;AAAA,EAAA,GAGHE,EAAU,MAAM;AACV,QAACP,EAAU;AAEX,UAAA;AACgB,QAAAE,EAAA,UAAU,IAAIM,EAAgB;AAAA,UAC9C,KAAAf;AAAA,UACA,QAAQO,EAAU;AAAA,UAClB,UAAU;AAAA,UACV,MAAM;AAAA,UACN,cAAc;AAAA,YACZ,YAAY;AAAA,YACZ,kBAAkB,OAAO;AAAA,YACzB,mBAAmB;AAAA,UACrB;AAAA,UACA,GAAGJ;AAAA,QAAA,CACJ,GAED,sBAAsB,MAAM;AACf,UAAAE,KAAA,QAAAA;AAAA,QAAA,CACZ;AAAA,eACMW,GAAK;AAEZ,gBAAQ,IAAIA,CAAG,GACLV,KAAA,QAAAA;AAAA,MACZ;AAAA,KACC,CAACN,GAAKG,GAAUE,GAAUC,CAAO,CAAC,GAErCQ,EAAU,OACQV,KAAA,QAAAA,EAAA;AAAA,IACd,CAAC,EAAE,MAAAa,GAAM,UAAAC,QAAe;;AAAA,cAAAN,IAAAH,EAAkB,YAAlB,gBAAAG,EAA2B,iBAAiBK,GAAMC;AAAA;AAAA,KAGrE,MAAM;;AACK,IAAAd,KAAA,QAAAA,EAAA;AAAA,MACd,CAAC,EAAE,MAAAa,GAAM,UAAAC,QAAe;;AAAA,gBAAAN,IAAAH,EAAkB,YAAlB,gBAAAG,EAA2B,oBAAoBK,GAAMC;AAAA;AAAA,QAE/EN,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,EAAQ,IAEpC,CAACR,CAAc,CAAC,GAMhB,gBAAAe,EAAAC,GAAA,EAAS,QAAQnB,GAAO,SAASC,GAChC,UAAA,gBAAAiB;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,KAAKd;AAAA,MACL,cAAcN;AAAA,MACd,eAAeC;AAAA,MACf,OATS,OAAOD,KAAU,WASVA,IAAQ;AAAA,MACxB,QATS,OAAOC,KAAW,WASVA,IAAS;AAAA,IAAA;AAAA,EAE9B,EAAA,CAAA;AAEJ,CAAC,GAEcoB,IAAAC,EAAK3B,CAAkB;"}

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

@@ -1,108 +0,0 @@
-import { jsxs as y, jsx as a } from "react/jsx-runtime";
-import h, { css as i } from "styled-components";
-import b from "../../ui/layout/flex-view.js";
-import l from "../../ui/separator/separator.js";
-import { StickerMap as A, MATH_REWARDS as k, INSTRUCTION_REWARDS as R, SCREEN_SIZES as m } from "../constants.js";
-import T from "./belts.js";
-import p from "./reward-elements.js";
-const D = h(b)`
-  justify-content: space-between;
-  margin: 110px 120px;
-  margin-bottom: 48px;
-  ${({ $containerStyle: t }) => t}
-
-  ${({ $renderOnTeacher: t }) => t && i`
-      margin: 50px auto;
-      padding: 0 16px;
-    `}
-`, _ = (t) => {
-  if (!(t && Array.isArray(t) && t.length > 0))
-    return { elements: [] };
-  const e = {
-    elements: []
-  };
-  return t.forEach((n) => {
-    const { aggregate_for: r, aggregates: s } = n || {}, { name: o } = r || {};
-    o && [...k, ...R].includes(o) && e.elements.push({ name: o, count: s || 0 });
-  }), e;
-}, C = (t) => {
-  if (!(t && Array.isArray(t) && t.length > 0))
-    return { stickers: [] };
-  const e = {};
-  return t.forEach((n) => {
-    const { badge_id: r, name: s } = n;
-    r && s && (e[r] === void 0 ? e[r] = { name: s, count: 1 } : e[r] = { name: s, count: e[r].count + 1 });
-  }), { stickers: Object.values(e) };
-}, $ = (t) => t >= m.LAPTOPL ? {
-  containerStyle: i`
-        margin: 110px auto;
-        margin-bottom: 48px;
-        max-width: 1040px;
-        width: 100%;
-      `
-} : t < m.TABLET ? {
-  containerStyle: i`
-        margin: 110px 40px;
-        margin-bottom: 48px;
-        flex-direction: column;
-        width: 100%;
-      `
-} : t < m.LAPTOP ? {
-  containerStyle: i`
-        max-width: 784px;
-        width: 100%;
-        margin: 100px auto;
-        flex-direction: column;
-      `
-} : {
-  containerStyle: i`
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      margin: 110px 120px;
-      margin-bottom: 48px;
-    `
-}, j = ({
-  curriculumHomeData: t,
-  rewardHomeData: c,
-  programStream: e = "MATH",
-  currentScreenWidth: n,
-  renderOnTeacher: r = !1
-}) => {
-  const { data: s } = t || {}, { curriculum_map: o } = s || {}, { belts: u, goals: x } = o || {}, { data: g } = c || {}, { user_rewards: d, user_stickers: f } = g || {}, { elements: w } = _(d || []), { stickers: E } = C(f || []), { containerStyle: S } = $(n) || {};
-  return /* @__PURE__ */ y(
-    D,
-    {
-      $flexDirection: "row",
-      $justifyContent: "space-between",
-      $containerStyle: S,
-      $renderOnTeacher: r,
-      children: [
-        /* @__PURE__ */ a(T, { beltStats: u, goalStats: x, currentScreenWidth: n }),
-        /* @__PURE__ */ a(l, { width: 60, height: 30 }),
-        /* @__PURE__ */ a(
-          p,
-          {
-            elements: w,
-            programStream: e,
-            currentScreenWidth: n
-          }
-        ),
-        /* @__PURE__ */ a(l, { width: 60, height: 30 }),
-        /* @__PURE__ */ a(
-          p,
-          {
-            elements: E,
-            isSticker: !0,
-            currentScreenWidth: n,
-            lotties: A
-          }
-        )
-      ]
-    }
-  );
-}, N = j;
-export {
-  N as default
-};
-//# sourceMappingURL=belts-elements-stickers.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"belts-elements-stickers.js","sources":["../../../../src/features/wins-dashboard/belts-elements-stickers/belts-elements-stickers.tsx"],"sourcesContent":["import React 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 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$1"],"mappings":"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"}

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

@@ -1,94 +0,0 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import l, { css as c } from "styled-components";
-import w from "../../ui/arrow-tooltip/arrow-tooltip.js";
-import g from "../../ui/layout/flex-view.js";
-import h from "../../ui/separator/separator.js";
-import m from "../../ui/text/text.js";
-import { SCREEN_SIZES as p, getBeltIcon as x } from "../constants.js";
-import E from "./progress-bar-horizontal.js";
-const u = "Black", y = l.div`
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  align-items: center;
-  ${({ $currentScreenWidth: e }) => e < p.LAPTOP && c`
-      width: 80%;
-      flex-direction: row;
-    `}
-`, P = l(g)`
-  min-width: 250px;
-  ${({ $currentScreenWidth: e }) => e < p.LAPTOP && c`
-      min-width: 180px;
-    `}
-`, _ = l(g)`
-  width: 120px;
-  align-items: center;
-  padding-left: 22px;
-`, A = l.img`
-  width: 142px;
-  height: 110px;
-  ${({ $isBeltsExist: e }) => !e && c`
-      filter: grayscale(100%);
-      opacity: 20%;
-    `};
-  ${({ $currentScreenWidth: e }) => e < p.LAPTOP && c`
-      width: 104px;
-      height: 80px;
-    `}
-`, b = l(g)`
-  width: 250px;
-`, Y = l(h)`
-  ${({ $currentScreenWidth: e }) => e < p.LAPTOP && c`
-      height: 52px;
-    `}
-`, C = l(m)`
-  opacity: ${({ $isBeltsExist: e }) => !e && "50%"};
-`, L = (e, s, o, r) => {
-  let i = `${e}/${s} goal mastered`;
-  const a = s - e;
-  return o ? e === s ? i = "Congrats! You're now a Black Belt" : r ? i = `Next Belt: ${r} ${r > 1 ? "goals" : "goal"} away` : i = e < s ? `Next Belt: ${a} ${a > 1 ? "goals" : "goal"} away` : "Congrats! You're now a Black Belt" : o || (i = "You have no belts earned"), i;
-}, S = () => /* @__PURE__ */ t(m, { $renderAs: "body3", $color: "WHITE", children: "You can't earn belts for the selected program" }), j = ({ beltStats: e, goalStats: s, currentScreenWidth: o }) => {
-  const { current_belt_type: r, goals_required: i } = e || {}, { completed_goals: a = 0, total_goals: $ = 1 } = s || {}, n = !!r, f = n ? `${r && r.toUpperCase()} BELT` : "BELTS", B = Math.floor(a * 100 / $), T = L(a, $, n, i);
-  return /* @__PURE__ */ t(
-    w,
-    {
-      position: "bottom",
-      tooltipItem: S(),
-      renderAs: "primary",
-      hidden: n,
-      children: /* @__PURE__ */ d(y, { $currentScreenWidth: o, children: [
-        /* @__PURE__ */ d(P, { $currentScreenWidth: o, children: [
-          /* @__PURE__ */ t(m, { $renderAs: "h5", children: f }),
-          /* @__PURE__ */ t(h, { height: 24 }),
-          /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(
-            A,
-            {
-              $currentScreenWidth: o,
-              $isBeltsExist: n,
-              src: n ? x(r || "") : x(u),
-              alt: "Belt"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ d(b, { children: [
-          /* @__PURE__ */ t(Y, { $currentScreenWidth: o, height: 38 }),
-          /* @__PURE__ */ t(
-            E,
-            {
-              progress: B,
-              height: 4,
-              backgroundColor: "GREY_1",
-              progressColor: n ? "GREY_4" : "GREY_2"
-            }
-          ),
-          /* @__PURE__ */ t(h, { height: 8 }),
-          /* @__PURE__ */ t(C, { $isBeltsExist: n, $renderAs: "body3", $color: "GREY_4", children: T })
-        ] })
-      ] })
-    }
-  );
-};
-export {
-  j as default
-};
-//# sourceMappingURL=belts.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"belts.js","sources":["../../../../src/features/wins-dashboard/belts-elements-stickers/belts.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\n\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport FlexView from '../../ui/layout/flex-view';\nimport Separator from '../../ui/separator/separator';\nimport Text from '../../ui/text/text';\nimport { getBeltIcon, SCREEN_SIZES } from '../constants';\nimport ProgressBarHorizontal from './progress-bar-horizontal';\n\nconst DEFAULT_BELT_TYPE = 'Black';\n\ninterface ContainerProps {\n  $currentScreenWidth: number;\n}\n\nconst Container = styled.div<ContainerProps>`\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  ${({ $currentScreenWidth }) =>\n    $currentScreenWidth < SCREEN_SIZES.LAPTOP &&\n    css`\n      width: 80%;\n      flex-direction: row;\n    `}\n`;\n\ninterface HeaderContainerProps {\n  $currentScreenWidth: number;\n}\n\nconst HeaderContainer = styled(FlexView)<HeaderContainerProps>`\n  min-width: 250px;\n  ${({ $currentScreenWidth }) =>\n    $currentScreenWidth < SCREEN_SIZES.LAPTOP &&\n    css`\n      min-width: 180px;\n    `}\n`;\n\nconst ProfileWrapper = styled(FlexView)`\n  width: 120px;\n  align-items: center;\n  padding-left: 22px;\n`;\n\ninterface BeltImgProps {\n  $isBeltsExist: boolean;\n  $currentScreenWidth: number;\n}\n\nconst BeltImg = styled.img<BeltImgProps>`\n  width: 142px;\n  height: 110px;\n  ${({ $isBeltsExist }) =>\n    !$isBeltsExist &&\n    css`\n      filter: grayscale(100%);\n      opacity: 20%;\n    `};\n  ${({ $currentScreenWidth }) =>\n    $currentScreenWidth < SCREEN_SIZES.LAPTOP &&\n    css`\n      width: 104px;\n      height: 80px;\n    `}\n`;\n\nconst ProgressBarWrapper = styled(FlexView)`\n  width: 250px;\n`;\n\ninterface SeparatorDivProps {\n  $currentScreenWidth: number;\n}\n\nconst SeparatorDiv = styled(Separator)<SeparatorDivProps>`\n  ${({ $currentScreenWidth }) =>\n    $currentScreenWidth < SCREEN_SIZES.LAPTOP &&\n    css`\n      height: 52px;\n    `}\n`;\n\ninterface BeltTextProps {\n  $isBeltsExist: boolean;\n}\n\nconst BeltText = styled(Text)<BeltTextProps>`\n  opacity: ${({ $isBeltsExist }) => !$isBeltsExist && '50%'};\n`;\n\nconst getBarTitle = (\n  completedGoals: number,\n  totalGoals: number,\n  isBeltsExist: boolean,\n  nextBeltGoals?: number,\n): string => {\n  let title = `${completedGoals}/${totalGoals} goal mastered`;\n  const goalsReq = totalGoals - completedGoals;\n\n  if (isBeltsExist) {\n    if (completedGoals === totalGoals) {\n      title = \"Congrats! You're now a Black Belt\";\n    } else if (nextBeltGoals) {\n      title = `Next Belt: ${nextBeltGoals} ${nextBeltGoals > 1 ? 'goals' : 'goal'} away`;\n    } else {\n      title =\n        completedGoals < totalGoals\n          ? `Next Belt: ${goalsReq} ${goalsReq > 1 ? 'goals' : 'goal'} away`\n          : \"Congrats! You're now a Black Belt\";\n    }\n  } else if (!isBeltsExist) {\n    title = 'You have no belts earned';\n  }\n\n  return title;\n};\n\nconst getToolTipText = () => {\n  return (\n    <Text $renderAs=\"body3\" $color=\"WHITE\">\n      You can&apos;t earn belts for the selected program\n    </Text>\n  );\n};\n\ninterface BeltStats {\n  current_belt_type?: string;\n  goals_required?: number;\n}\n\ninterface GoalStats {\n  completed_goals: number;\n  total_goals: number;\n}\n\ninterface BeltsProps {\n  beltStats?: BeltStats | null;\n  goalStats?: GoalStats | null;\n  currentScreenWidth: number;\n}\n\nconst Belts: React.FC<BeltsProps> = ({ beltStats, goalStats, currentScreenWidth }) => {\n  const { current_belt_type: currentBeltType, goals_required: nextBeltGoals } = beltStats || {};\n  const { completed_goals: completedGoals = 0, total_goals: totalGoals = 1 } = goalStats || {};\n\n  const isBeltsExist = !!currentBeltType;\n  const beltTitle = isBeltsExist\n    ? `${currentBeltType && currentBeltType.toUpperCase()} BELT`\n    : 'BELTS';\n  const progress = Math.floor((completedGoals * 100) / totalGoals);\n  const barTitle = getBarTitle(completedGoals, totalGoals, isBeltsExist, nextBeltGoals);\n\n  return (\n    <ArrowTooltip\n      position=\"bottom\"\n      tooltipItem={getToolTipText()}\n      renderAs=\"primary\"\n      hidden={isBeltsExist}\n    >\n      <Container $currentScreenWidth={currentScreenWidth}>\n        <HeaderContainer $currentScreenWidth={currentScreenWidth}>\n          <Text $renderAs=\"h5\">{beltTitle}</Text>\n          <Separator height={24} />\n          <ProfileWrapper>\n            <BeltImg\n              $currentScreenWidth={currentScreenWidth}\n              $isBeltsExist={isBeltsExist}\n              src={\n                !isBeltsExist ? getBeltIcon(DEFAULT_BELT_TYPE) : getBeltIcon(currentBeltType || '')\n              }\n              alt=\"Belt\"\n            />\n          </ProfileWrapper>\n        </HeaderContainer>\n        <ProgressBarWrapper>\n          <SeparatorDiv $currentScreenWidth={currentScreenWidth} height={38} />\n          <ProgressBarHorizontal\n            progress={progress}\n            height={4}\n            backgroundColor=\"GREY_1\"\n            progressColor={isBeltsExist ? 'GREY_4' : 'GREY_2'}\n          />\n          <Separator height={8} />\n          <BeltText $isBeltsExist={isBeltsExist} $renderAs=\"body3\" $color=\"GREY_4\">\n            {barTitle}\n          </BeltText>\n        </ProgressBarWrapper>\n      </Container>\n    </ArrowTooltip>\n  );\n};\n\nexport default Belts;\n"],"names":["DEFAULT_BELT_TYPE","Container","styled","$currentScreenWidth","SCREEN_SIZES","css","HeaderContainer","FlexView","ProfileWrapper","BeltImg","$isBeltsExist","ProgressBarWrapper","SeparatorDiv","Separator","BeltText","Text","getBarTitle","completedGoals","totalGoals","isBeltsExist","nextBeltGoals","title","goalsReq","getToolTipText","Belts","beltStats","goalStats","currentScreenWidth","currentBeltType","beltTitle","progress","barTitle","jsx","ArrowTooltip","jsxs","getBeltIcon","ProgressBarHorizontal"],"mappings":"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"}