{"version":3,"file":"static/chunks/1161.abd775ae938e4697.js","mappings":"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","sources":["webpack://_N_E/./src/components/SideBar/Content/RewardsSection/Rewards/Reward/V1/Badge/styles.ts","webpack://_N_E/./src/components/SideBar/Content/RewardsSection/Rewards/Reward/V1/Badge/Progress/styles.ts","webpack://_N_E/./src/components/SideBar/Content/RewardsSection/Rewards/Reward/V1/Badge/Progress/index.tsx","webpack://_N_E/./src/components/SideBar/Content/RewardsSection/Rewards/Reward/V1/Badge/index.tsx","webpack://_N_E/./src/components/SideBar/Content/RewardsSection/Rewards/Reward/V1/index.tsx","webpack://_N_E/./src/hooks/useRewardState.ts","webpack://_N_E/./src/models/userReward/user-reward-status.enum.ts","webpack://_N_E/./src/utils/progress/GetProgress/index.ts","webpack://_N_E/../../packages/common/src/components/CircularProgress/index.ts","webpack://_N_E/./src/components/SideBar/Content/RewardsSection/Rewards/Reward/V1/styles.module.scss"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Container = styled.div`\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background-color: ${({ theme }) => theme.vars.palette.background.default};\n  display: flex;\n  z-index: 2;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -8px;\n  right: -8px;\n`;\n\nexport const Icon = styled.i`\n  font-size: 10px;\n  color: ${({ theme }) => theme.vars.palette.text.secondary};\n`;\n","import { CircularProgress } from '@starsoft/common/components';\nimport styled from 'styled-components';\n\nexport const Progress = styled(CircularProgress)`\n  width: 18px;\n  height: 18px;\n  position: absolute;\n  top: -8px;\n  z-index: 2;\n  right: -8px;\n\n  &::after {\n    content: '';\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background-color: ${({ theme }) => theme.vars.palette.background.default};\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n`;\n","import { useEffect, useState } from 'react';\nimport { BadgeProps } from '../props';\nimport { Progress } from './styles';\nimport getProgress from '@/utils/progress/GetProgress';\n\nexport default function BadgeProgress({ reward }: BadgeProps) {\n  const [progress, setProgress] = useState(0);\n\n  function handleInterval() {\n    setProgress(getProgress({ reward }));\n\n    const timer = setInterval(() => {\n      setProgress(getProgress({ reward }));\n    }, 60 * 1000);\n\n    return () => {\n      clearInterval(timer);\n    };\n  }\n\n  useEffect(handleInterval, [reward, getProgress]);\n\n  return <Progress progress={progress} />;\n}\n","import { UserRewardStatus } from '@/models/userReward/user-reward-status.enum';\nimport { BadgeProps } from './props';\nimport { Container, Icon } from './styles';\nimport BadgeProgress from './Progress';\nimport { RewardId } from '@/enums/reward-id';\n\nexport default function Badge({ reward }: BadgeProps) {\n  const isLevelUp: boolean = reward?.id === RewardId.LevelUp;\n\n  if (!reward?.userReward) {\n    return (\n      <Container>\n        <Icon className=\"fa-solid fa-lock\" />\n      </Container>\n    );\n  }\n\n  if (\n    !!reward?.userReward &&\n    reward?.userReward?.status === UserRewardStatus.Pending &&\n    !isLevelUp\n  ) {\n    return <BadgeProgress reward={reward} />;\n  }\n\n  return null;\n}\n","import Badge from './Badge';\nimport { RewardProps } from '../props';\nimport { memo } from 'react';\nimport { useRewardState } from '@/hooks/useRewardState';\nimport { Image } from '@starsoft/common/components';\nimport styles from './styles.module.scss';\nimport Link from '@/components/core/Link';\nimport { RewardId } from '@/enums/reward-id';\n\nfunction RewardV1({ isLoading, reward }: RewardProps) {\n  const isLuckyWheel =\n    reward?.id?.toString() === RewardId.LuckyWheel.toString() ||\n    reward?.id?.toString() === RewardId.RollCompetition.toString();\n\n  const { isDisabled, getLink } = useRewardState(reward);\n\n  if (isLoading) {\n    return <div className={styles.wrapper__container__skeleton} />;\n  }\n\n  return (\n    <div className={styles.wrapper}>\n      {!isLuckyWheel && <Badge reward={reward} />}\n      <Link\n        className={`${styles.wrapper__container} ${isDisabled ? styles['wrapper__container--isDisabled'] : ''} ${!reward?.userReward ? styles['wrapper__container'] : ''} `}\n        href={getLink()}\n        shallow={true}\n        scroll={false}\n        style={{\n          //@ts-ignore\n          '--data-color': reward?.color,\n        }}\n      >\n        <Image\n          className={styles.wrapper__container__image}\n          format=\"square\"\n          width={40}\n          height={40}\n          src={`${process.env.NEXT_PUBLIC_S3_BUCKET_BASE_URL}/icons/bonus/${reward?.image}`}\n          alt={reward?.name}\n        />\n      </Link>\n    </div>\n  );\n}\n\nexport default memo(RewardV1);\n","import { Reward } from '@/models/userReward/reward';\nimport { UserRewardStatus } from '@/models/userReward/user-reward-status.enum';\nimport { ModalsKey } from '@/enums/modalsKey';\nimport { RewardId } from '@/enums/reward-id';\nimport { useUserAccount } from '@/api/user/queries';\nimport { useCallback } from 'react';\nimport { useModalNavigation } from './modals/useModalNavigation';\nimport { QueryClient, useQueryClient } from '@tanstack/react-query';\nimport { UserRewardsQueryKeys } from '@/api/user-rewards/queryKeys';\nimport { useCountdown } from '@starsoft/common/hooks';\nimport { RootState } from '@/lib/store';\nimport { useSelector } from 'react-redux';\n\nexport function useRewardState(reward?: Reward) {\n  const { user } = useUserAccount();\n  const isAdminView: boolean = useSelector(\n    (state: RootState) => state.theme.isAdminView,\n  );\n  const queryClient: QueryClient = useQueryClient();\n  const isLuckyWheel =\n    reward?.id?.toString() === RewardId.LuckyWheel.toString() ||\n    reward?.id?.toString() === RewardId.RollCompetition.toString();\n  const isDisabled = isAdminView ? false : !reward?.userReward && !isLuckyWheel;\n  const { getModalLink } = useModalNavigation();\n  const isCountdownDisabled: boolean =\n    !reward?.userReward ||\n    (!!reward?.userReward &&\n      ![UserRewardStatus.Claimable, UserRewardStatus.Pending].includes(\n        reward?.userReward?.status,\n      ));\n\n  const isCountdownVisible = [\n    UserRewardStatus.Pending,\n    UserRewardStatus.Claimable,\n  ].includes(reward?.userReward?.status);\n\n  const { hours, minutes, seconds, days } = useCountdown({\n    targetDate:\n      reward?.userReward?.status == UserRewardStatus.Claimable\n        ? reward?.userReward?.expireAt\n        : (reward?.userReward?.redeemableAt as string),\n    disabled: isCountdownDisabled,\n    onCountdownComplete: () => {\n      if (isCountdownDisabled) {\n        return;\n      }\n\n      queryClient.invalidateQueries({\n        queryKey: [UserRewardsQueryKeys.Primary],\n      });\n    },\n  });\n\n  const getLink = useCallback(() => {\n    if (!user) {\n      return getModalLink(ModalsKey.Login);\n    }\n\n    switch (reward?.id?.toString()) {\n      case RewardId.LuckyWheel.toString():\n        return getModalLink(\n          ModalsKey.LuckySpin,\n          `?reward-id=${reward?.id}&mode=1`,\n        );\n      case RewardId.RollCompetition.toString():\n        return getModalLink(\n          ModalsKey.RollCompetition,\n          `?reward-id=${reward?.id}`,\n        );\n      default:\n        return getModalLink(ModalsKey.ClaimReward, `?reward-id=${reward?.id}`);\n    }\n  }, [getModalLink, user, reward]);\n\n  return {\n    isDisabled,\n    timer: {\n      days,\n      hours,\n      minutes,\n      seconds,\n    },\n    getLink,\n    isCountdownVisible,\n  };\n}\n","export enum UserRewardStatus {\n  Pending = 'pending',\n  Claimable = 'claimable',\n  Claimed = 'claimed',\n  Expired = 'expired',\n}\n","import { useCallback } from 'react';\nimport { UserRewardStatus } from '@/models/userReward/user-reward-status.enum';\nimport { BadgeProps } from '@/components/SideBar/Content/RewardsSection/Rewards/Reward/V3/Badge/props';\n\nexport default function getProgress({ reward }: BadgeProps) {\n  if (!reward?.userReward) {\n    return 100;\n  }\n\n  const now: number = +new Date();\n  const isClaimable: boolean =\n    reward.userReward.status === UserRewardStatus.Claimable;\n\n  const endDate: number = +new Date(\n    isClaimable ? reward.userReward.expireAt : reward.userReward.redeemableAt,\n  );\n\n  if (isClaimable) {\n    const timeRemaining: number = endDate - now;\n    const initialDuration: number =\n      +new Date(reward.userReward.expireAt) - +new Date();\n    const percentagePassed: number =\n      ((initialDuration - timeRemaining) / initialDuration) * 100;\n\n    return Math.min(100, percentagePassed);\n  }\n\n  const createdAt: number = +new Date(reward.userReward.createdAt);\n  const totalDuration: number = endDate - createdAt;\n  const elapsedTime: number = now - createdAt;\n  const percentagePassed: number = (elapsedTime / totalDuration) * 100;\n\n  return Math.min(100, percentagePassed);\n}\n","import styled from 'styled-components';\nimport Color from 'color';\nimport { CircularProgressProps } from './props';\nimport { getComputedColor } from '@starsoft/common/utils';\n\n/**\n * CircularProgress component that renders a circular progress indicator\n * using styled-components.\n *\n * @component\n * @param {CircularProgressProps} props\n * @param {number} props.progress - The progress percentage (0-100)\n * @param {string} props.pathColor - Custom color for the progress path\n * @param {string} props.trailColor - Custom color for the progress trail\n * @param {boolean} props.invert - Whether to invert the colors\n * @returns {React.ComponentType} Styled div component with circular progress styling\n */\nexport const CircularProgress = styled.div<CircularProgressProps>`\n  ${({ progress, pathColor, trailColor, invert }) => {\n    // Default primary color from MUI theme or fallback\n    const primaryColor =\n      'var(--mui-palette-primary-main, var(--primary-color))';\n\n    // Calculate trail color based on props\n    // Uses trailColor if provided, otherwise calculates based on invert flag\n    const trail = trailColor\n      ? trailColor\n      : invert\n        ? getComputedColor(primaryColor)\n        : Color(getComputedColor(primaryColor)).alpha(0.5).toString();\n\n    // Calculate path color based on props\n    // Uses pathColor if provided, otherwise calculates based on invert flag\n    const path = pathColor\n      ? pathColor\n      : invert\n        ? Color(getComputedColor(primaryColor)).alpha(0.5).toString()\n        : getComputedColor(primaryColor);\n\n    // Return the CSS styles for the circular progress\n    return `\n      border-radius: 50%;\n      width: 12px;\n      height: 12px;\n      background: conic-gradient(\n        ${trail} ${progress}%, 0,\n        ${path} ${100 - Math.ceil(progress)}%\n      );\n    `;\n  }}\n`;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper__container__skeleton\":\"styles_wrapper__container__skeleton__F4MdZ\",\"skeleton-animation\":\"styles_skeleton-animation__6S5zu\",\"wrapper\":\"styles_wrapper__fSxCX\",\"wrapper__container\":\"styles_wrapper__container__eMl7_\",\"wrapper__container__image\":\"styles_wrapper__container__image__PoQdI\",\"wrapper__container__skeleton--isSmall\":\"styles_wrapper__container__skeleton--isSmall__SSYpO\",\"wrapper__container--isSmall\":\"styles_wrapper__container--isSmall__7Di25\",\"wrapper__container--isDisabled\":\"styles_wrapper__container--isDisabled__g38fl\"};"],"names":["Container","styled","div","withConfig","theme","param","vars","palette","background","default","Icon","i","text","secondary","Progress","CircularProgress","BadgeProgress","reward","progress","setProgress","useState","useEffect","getProgress","timer","setInterval","clearInterval","jsx_runtime","jsx","Badge","isLevelUp","id","RewardId","LevelUp","userReward","status","UserRewardStatus","Pending","className","V1","memo","isLoading","isLuckyWheel","toString","LuckyWheel","RollCompetition","isDisabled","getLink","useRewardState","styles","jsxs","Link","concat","href","shallow","scroll","style","color","Image","format","width","height","src","process","image","alt","name","user","useUserAccount","isAdminView","useSelector","state","queryClient","useQueryClient","getModalLink","useModalNavigation","isCountdownDisabled","Claimable","includes","isCountdownVisible","hours","minutes","seconds","days","useCountdown","targetDate","expireAt","redeemableAt","disabled","onCountdownComplete","invalidateQueries","queryKey","UserRewardsQueryKeys","Primary","useCallback","ModalsKey","Login","LuckySpin","ClaimReward","now","Date","isClaimable","endDate","initialDuration","Math","min","timeRemaining","createdAt","elapsedTime","pathColor","trailColor","invert","primaryColor","trail","getComputedColor","Color","alpha","path","ceil","module","exports"],"sourceRoot":""}