{"version":3,"file":"static/chunks/38498.da558fc6de365c17.js","mappings":"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","sources":["webpack://_N_E/./src/components/CoinConversionModal/Content/Coins/Coin/Skeleton/index.tsx","webpack://_N_E/./src/components/CoinConversionModal/Content/Coins/Coin/index.tsx","webpack://_N_E/./src/components/CoinConversionModal/Content/Coins/index.tsx","webpack://_N_E/./src/components/CoinConversionModal/Content/index.tsx","webpack://_N_E/./src/components/CoinConversionModal/index.tsx","webpack://_N_E/./src/components/CoinConversionModal/Content/Coins/Coin/Skeleton/styles.module.scss","webpack://_N_E/./src/components/CoinConversionModal/Content/Coins/Coin/styles.module.scss","webpack://_N_E/./src/components/CoinConversionModal/Content/Coins/styles.module.scss","webpack://_N_E/./src/components/CoinConversionModal/Content/styles.module.scss"],"sourcesContent":["import { Input } from '@starsoft/common/components';\nimport styles from '../styles.module.scss';\nimport skeleton from './styles.module.scss';\n\nexport default function CoinSkeleton() {\n  return (\n    <div className={`${styles.container} ${styles['container--loading']}`}>\n      <Input type=\"radio\" isLoading />\n      <div className={skeleton.text} />\n      <div className={skeleton.coin} />\n    </div>\n  );\n}\n","import { memo } from 'react';\nimport { CoinProps } from './props';\nimport styles from './styles.module.scss';\nimport { Image, Input } from '@starsoft/common/components';\nimport { Nullable } from '@starsoft/common/interfaces';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { RootState } from '@/lib/store';\nimport { AnyAction, Dispatch } from 'redux';\nimport { setFiatConversionCoin } from '@/lib/store/wallet/actions';\nimport CoinSkeleton from './Skeleton';\n\nfunction Coin({ coin, isLoading }: CoinProps) {\n  const dispatch: Dispatch<AnyAction> = useDispatch();\n  const selectedCoinId: Nullable<bigint> = useSelector(\n    (state: RootState) => state.wallet.conversionCoinId,\n  );\n  const isChecked: boolean = selectedCoinId === coin?.id;\n\n  function onChange(): void {\n    dispatch(setFiatConversionCoin(coin?.id as bigint));\n  }\n\n  if (isLoading) {\n    return <CoinSkeleton />;\n  }\n\n  return (\n    <label className={styles.container}>\n      <Input type=\"radio\" checked={isChecked} onChange={onChange} />\n\n      <span className={styles.container__text}>{coin?.code}</span>\n\n      <Image\n        className={styles.container__coin}\n        width={24}\n        height={24}\n        src={`${process.env.NEXT_PUBLIC_S3_BUCKET_BASE_URL}/coins/rounded/${coin?.image}`}\n        secondarySkeleton\n        alt={`coin ${coin?.name}`}\n      />\n    </label>\n  );\n}\n\nexport default memo(Coin);\n","import { ErrorCard } from '@starsoft/common/components';\nimport { useMemo } from 'react';\nimport Coin from './Coin';\nimport styles from './styles.module.scss';\nimport { useWalletsMe } from '@/api/wallets';\n\nexport default function Coins() {\n  const { fiats, error, refetch, isLoading: isPending } = useWalletsMe();\n  const Items: JSX.Element[] = useMemo(\n    () =>\n      fiats?.map(coin => (\n        <Coin key={`conversion_coin_${coin?.id}`} coin={coin} />\n      )),\n    [fiats],\n  );\n  const Skeletons: JSX.Element[] = useMemo(\n    () =>\n      Array.from({ length: 50 })?.map((_, i) => (\n        <Coin\n          isLoading\n          coin={null}\n          key={`fiat_conversion_coin_skeleton_${i}`}\n        />\n      )),\n    [],\n  );\n\n  if (error) {\n    return <ErrorCard error={error} refetch={refetch} />;\n  }\n\n  return (\n    <div className={styles.container}>\n      {Items}\n      {isPending && Skeletons}\n    </div>\n  );\n}\n","import useTranslation from 'next-translate/useTranslation';\nimport styles from './styles.module.scss';\nimport Coins from './Coins';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Nullable } from '@starsoft/common/interfaces';\nimport { RootState } from '@/lib/store';\nimport { AnyAction, Dispatch } from 'redux';\nimport { setFiatConversionCoin } from '@/lib/store/wallet/actions';\nimport { CoinID } from '@starsoft/common/enums';\nimport { useEffect } from 'react';\n\nexport default function CoinConversionModalContent() {\n  const { t } = useTranslation('common');\n\n  const selectedCoinId: Nullable<bigint> = useSelector(\n    (state: RootState) => state.wallet.conversionCoinId,\n  );\n  const dispatch: Dispatch<AnyAction> = useDispatch();\n\n  function onUnmount() {\n    return () => {\n      if (selectedCoinId) {\n        return;\n      }\n\n      dispatch(setFiatConversionCoin(CoinID.BRL));\n    };\n  }\n\n  useEffect(onUnmount, [dispatch, selectedCoinId]);\n\n  return (\n    <div className={styles.container}>\n      <p className={styles.container__text}>\n        {t('fiat_conversion_description')}\n      </p>\n\n      <Coins />\n    </div>\n  );\n}\n","import { ModalsKey } from '@/enums/modalsKey';\nimport { AuthService } from '@/services/AuthService';\nimport { ModalLayout } from '@starsoft/common/components';\nimport useTranslation from 'next-translate/useTranslation';\nimport CoinConversionModalContent from './Content';\nimport { ModalWithVersion } from '../core/Modal/WithVersion';\n\nexport default function CoinConversionModal() {\n  const { t } = useTranslation('common');\n\n  return (\n    <ModalWithVersion\n      smallMobilePadding\n      fitContent\n      title={t('information')}\n      modal={ModalsKey.CoinConversion}\n      condition={AuthService.isAuthorized()}\n    >\n      <CoinConversionModalContent />\n    </ModalWithVersion>\n  );\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"coin\":\"styles_coin__n07cc\",\"text\":\"styles_text__wVecC\",\"skeleton-animation\":\"styles_skeleton-animation__DDwG0\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles_container__tx7hB\",\"container--loading\":\"styles_container--loading__TpwTM\",\"container__coin\":\"styles_container__coin__eV3RA\",\"container__text\":\"styles_container__text__mSLsS\",\"skeleton-animation\":\"styles_skeleton-animation__n_xPm\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles_container__WDA5Z\",\"skeleton-animation\":\"styles_skeleton-animation__kl2ft\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styles_container__Lut1i\",\"container__text\":\"styles_container__text__9S14f\",\"skeleton-animation\":\"styles_skeleton-animation__KtwLI\"};"],"names":["CoinSkeleton","jsx_runtime","jsxs","div","className","styles","concat","jsx","Input","type","isLoading","skeleton","Coins_Coin","memo","param","coin","dispatch","useDispatch","isChecked","selectedCoinId","useSelector","state","wallet","conversionCoinId","id","label","checked","onChange","setFiatConversionCoin","span","code","Image","width","height","src","process","image","secondarySkeleton","alt","name","Coins","fiats","error","refetch","isPending","useWalletsMe","Items","useMemo","map","Coin","Skeletons","Array","from","length","_","i","ErrorCard","CoinConversionModalContent","t","useTranslation","useEffect","CoinID","BRL","p","CoinConversionModal","ModalWithVersion","smallMobilePadding","fitContent","title","modal","ModalsKey","CoinConversion","condition","AuthService","isAuthorized","module","exports"],"sourceRoot":""}