\n
\n \n );\n};\n","import { useService } from '@redtea/react-inversify';\nimport { format } from 'date-fns';\nimport { toBlob, toPng } from 'html-to-image';\nimport { useEffect, useRef, useState } from 'react';\nimport { useTheme } from 'styles/themes/use-theme.hook';\n\nimport { Amplitude } from 'core/amplitude/amplitude';\nimport { AmplitudeService } from 'core/amplitude/amplitude.service';\nimport { logger } from 'core/logger';\nimport { SnackbarStore } from 'core/snackbars/snackbar.store';\nimport { VaultActionInfo } from 'core/vault/vault-action.info';\n\nimport { Button } from 'components/button';\nimport { CopyIcon, DownloadIcon } from 'components/icons';\nimport { VaultLoader } from 'components/loading';\nimport { H2, Secondary } from 'components/typography';\n\nimport ShareCard from 'common/share-card';\n\ntype ActionsShareProps = {\n data?: VaultActionInfo;\n};\n\nconst options = {\n cacheBust: true,\n};\n\nexport const StatsShare = (props: ActionsShareProps) => {\n const [shareImg, setShareImg] = useState\n
\n );\n};\n","import { FC } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\ntype AssetLike = {\n Icon: FC;\n chain: {\n Icon: FC;\n };\n};\n\nexport type AssetIconProps = {\n asset: AssetLike;\n size?: AssetIconSize;\n chain?: boolean;\n};\n\nexport enum AssetIconSize {\n Small = 'small', // 23px\n Medium = 'medium', // 29px @default\n Big = 'big', // 40px\n}\n\nexport const AssetIcon = (props: AssetIconProps) => {\n const { asset, chain, size = AssetIconSize.Medium } = props;\n\n return (\n \n
\n \n Share with your subscribers or depositors \n
\n\n Download your P&L shareable image!
\n\n
\n \n {shareImg ? (\n 
\n ) : (\n !hasError && Failed to load image }\n
\n\n \n
\n \n
\n {startIcon}
}\n\n {text}\n\n {endIcon && {endIcon}
}\n \n );\n};\n","import { ComponentPropsWithoutRef } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nexport const CallToAction = () => (\n <>\n \n
\n );\n};\n\nconst Snake = (props: ComponentPropsWithoutRef<'div'>) => {\n const { className } = props;\n\n return (\n \n {slides.map((Component, index) => (\n \n { navigate(Direction.Forward)}\n >\n navigate(Direction.Forward)}\n >\n
\n );\n};\n\nconst getChevronByTheme = (theme: OneOfTheme) => {\n switch (theme) {\n case 'anodos':\n return \n {slides.length > 1 &&\n slides.map((_, index) => (\n paginate(index)}\n className={twMerge(\n 'relative w-[50px] bg-icon-secondary h-[5px] transition-all duration-500 ease-linear rounded-[3px] cursor-pointer after:-inset-5 after:absolute before:-inset-5 before:absolute',\n currentIndex === index && 'bg-[#f7faff] bg-opacity-100 shadow-brand'\n )}\n />\n ))}\n
\n\n {navigation && (\n <>\n {getChevronByTheme(theme)}
\n \n {getChevronByTheme(theme)}
\n \n \n )}\n \n
\n );\n};\n","import BigNumber from 'bignumber.js';\nimport { BigNumberish } from 'ethers';\nimport { ComponentPropsWithoutRef } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nimport { Asset } from 'core/asset';\nimport { MoneyFormatter } from 'core/asset/money-formatter';\n\nimport { Secondary } from 'components/typography';\n\nimport { isSomething } from 'utils/is-something';\n\nimport { Amount, Units } from 'types';\n\nexport type FormatMoneyProps = ComponentPropsWithoutRef<'div'> & {\n value?: number | BigNumber | Units | Amount | BigNumberish | null;\n dollarSign?: boolean;\n prefix?: string;\n showSuffix?: boolean;\n prependSign?: boolean;\n colored?: boolean;\n asset?: Asset | null;\n unstyled?: boolean;\n precise?: boolean;\n primary?: boolean;\n decimals?: number;\n decimalPlaces?: number;\n};\n\nexport const FormatMoney = (props: FormatMoneyProps) => {\n const {\n value,\n dollarSign,\n showSuffix,\n prependSign,\n asset,\n unstyled,\n prefix,\n precise,\n decimals,\n decimalPlaces,\n colored,\n primary,\n className,\n ...rest\n } = props;\n\n const formattedValue = MoneyFormatter.format(value, { asset, precise, decimals, decimalPlaces });\n const absoluteValue = MoneyFormatter.format(formattedValue.value?.absoluteValue(), {\n asset,\n precise: false,\n decimals,\n decimalPlaces,\n });\n\n const isEmpty = !isSomething(formattedValue.value);\n\n const isPositive = formattedValue.value?.isPositive() && !formattedValue.value?.isZero();\n\n const isNegative = formattedValue.value?.isNegative();\n\n const formattedString = [\n prefix && prefix,\n isSomething(formattedValue.value) && isNegative && '-',\n prependSign && isSomething(formattedValue.value) && isPositive && '+',\n !isEmpty && dollarSign && '$',\n absoluteValue.toString(),\n !isEmpty && showSuffix && asset && ' ' + asset.symbol,\n ]\n .filter(Boolean)\n .join('');\n\n if (unstyled) return <>{formattedString};\n\n return (\n \n \n {helper && {helper} }\n
\n {children}\n \n {typeof icon === 'string' ? 
: icon}\n
\n {animation &&