@ape.swap/bonds-sdk 7.0.4-test.4 → 7.0.4-test.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,7 +2,6 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
2
2
|
import React, { useState } from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { formatNumberSI } from '../../../../utils/formatNumber.js';
|
|
5
|
-
import { UserBillTooltipText } from '../../../../config/constants/tooltips.js';
|
|
6
5
|
import { pending, claimable, pendingUSD, claimableUSD, claimed } from '../../../../utils/displayHelpers.js';
|
|
7
6
|
import { getTimePeriods } from '../../../../utils/getTimePeriods.js';
|
|
8
7
|
import SafeHTMLComponent from '../../../../components/SafeHTMLComponent/index.js';
|
|
@@ -67,11 +66,11 @@ const YourLpStakingBondModal = ({ userBill: userBillProp, lostProfit, onDismiss,
|
|
|
67
66
|
: cliffPeriods.hours > 0
|
|
68
67
|
? `${cliffPeriods.hours} hours`
|
|
69
68
|
: `${cliffPeriods.minutes} minutes`;
|
|
70
|
-
return (jsx(Modal, { className: clsx('ape:w-[480px] ape:[overflow-y:unset]! ape:p-0! ape:top-[56%] ape:overflow-x-visible', showNFTImg ? 'ape:bg-transparent!' : 'ape:bg-white2'), children: jsxs(Flex, { className: clsx('ape:flex-col ape:rounded-normal ape:relative ape:p-[20px]', showNFTImg ? 'ape:bg-transparent!' : 'ape:bg-white2'), children: [jsx(NftImage, { userBill: userBill, showNFTImg: showNFTImg, setShowNFTImg: setShowNFTImg, isLpStakingBond: true }), !showNFTImg && (jsxs(Flex, { className: "ape:flex-col", children: [jsx(YourLpBondModalHeader, { userBill: userBill, onDismiss: onDismiss }), jsxs(Flex, { className: "ape:mt-[10px] ape:flex-col ape:gap-[10px]", children: [jsxs(Flex, { className: "ape:w-full ape:gap-[15px] ape:relative", children: [jsxs(Flex, { className: "ape:bg-white3 ape:rounded-normal ape:flex-col ape:md:flex-row ape:justify-center ape:md:justify-between ape:gap-[4px] ape:md:gap-0 ape:p-[10px] ape:w-1/2 ape:items-center ape:text-[14px]", children: [jsx(Flex, { children: "Deposit" }), isLoading ? (jsx(ValueSkeleton, { width: "60px" })) : depositUSD ? (jsxs(Flex, { children: ["$", formatNumberSI(depositUSD)] })) : (jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: ["Indexing...", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "Our services are indexing the tx and deposit amount will be calculated shortly" }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "block-header icon ape:text-white ape:font-normal ape:text-[12px]", children: jsx(QuestionCircle, { width: "12px" }) }) })] }))] }), jsx(Flex, { className: "ape:absolute ape:top-1/2 ape:left-1/2 ape:-translate-y-1/2 ape:-translate-x-1/2", children: jsx(Arrow, { direction: "right", width: '5px' }) }), jsxs(Flex, { className: "ape:bg-white3 ape:rounded-normal ape:flex-col ape:md:flex-row ape:justify-center ape:md:justify-between ape:gap-[4px] ape:md:gap-0 ape:p-[10px] ape:w-1/2 ape:items-center ape:text-[14px]", children: [jsx(Flex, { children: "Staked" }), jsxs(Flex, { className: "ape:flex-col ape:gap-[4px]", children: [isLoading && (jsxs(Fragment, { children: [jsx(ValueSkeleton, { width: "100px" }), jsx(ValueSkeleton, { width: "100px" })] })), stakedTokens.map((token) => (jsxs(Flex, { className: "ape:items-center ape:justify-center ape:md:justify-end ape:gap-[5px]", children: [jsxs(Flex, { className: "ape:text-[12px]", children: [formatNumberSI(token.amount), " ", token.symbol] }), jsxs(Flex, { className: "ape:text-[10px] ape:font-normal ape:opacity-60", children: ["($", formatNumberSI(token.amountUsd), ")"] })] }, token.address)))] })] })] }), lostProfit && (jsxs(Flex, { className: "ape:bg-white3 ape:rounded-normal ape:w-full ape:p-[10px] ape:justify-between", children: [jsx(Flex, { className: "ape:w-1/5", children: jsx("img", { src: `https://ape.bond/images/launch/mythical.png`, alt: "mythical", style: { width: '90px', height: '90px' } }) }), jsxs(Flex, { className: "ape:w-[75%] ape:flex-col ape:gap-[3px]", children: [jsxs(Flex, { children: ["You missed a", ' ', jsxs(Flex, { className: "ape:px-[3px]", style: { color: 'var(--ape-color-success)' }, children: ["$", lostProfit] }), ' ', "bonus"] }), jsx(Flex, { className: "ape:text-[12px] ape:font-normal", style: { lineHeight: '16px' }, children: "Holding an Ape Tier would\u2019ve gotten you an extra 5% bonus on this purchase and all future ones." }), jsx(Button, { variant: "secondary", className: "ape:w-full ape:text-[14px]! ape:h-[30px] ape:font-semibold", onClick: () => window.open('https://ape.bond/true-yield', '_blank'), children: "Upgrade Your Tier" })] })] })), jsxs(Flex, { className: "ape:flex-col ape:text-[12px] ape:font-normal", children: [jsxs(Flex, { className: "ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white3 ape:h-[26px] ape:rounded-[10px_10px_0px_0px]", children: [jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: [jsx(Flex, { className: "ape:opacity-60", children: "Bonus Reward" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: `Your
|
|
69
|
+
return (jsx(Modal, { className: clsx('ape:w-[480px] ape:[overflow-y:unset]! ape:p-0! ape:top-[56%] ape:overflow-x-visible', showNFTImg ? 'ape:bg-transparent!' : 'ape:bg-white2'), children: jsxs(Flex, { className: clsx('ape:flex-col ape:rounded-normal ape:relative ape:p-[20px]', showNFTImg ? 'ape:bg-transparent!' : 'ape:bg-white2'), children: [jsx(NftImage, { userBill: userBill, showNFTImg: showNFTImg, setShowNFTImg: setShowNFTImg, isLpStakingBond: true }), !showNFTImg && (jsxs(Flex, { className: "ape:flex-col", children: [jsx(YourLpBondModalHeader, { userBill: userBill, onDismiss: onDismiss }), jsxs(Flex, { className: "ape:mt-[10px] ape:flex-col ape:gap-[10px]", children: [jsxs(Flex, { className: "ape:w-full ape:gap-[15px] ape:relative", children: [jsxs(Flex, { className: "ape:bg-white3 ape:rounded-normal ape:flex-col ape:md:flex-row ape:justify-center ape:md:justify-between ape:gap-[4px] ape:md:gap-0 ape:p-[10px] ape:w-1/2 ape:items-center ape:text-[14px]", children: [jsx(Flex, { children: "Deposit" }), isLoading ? (jsx(ValueSkeleton, { width: "60px" })) : depositUSD ? (jsxs(Flex, { children: ["$", formatNumberSI(depositUSD)] })) : (jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: ["Indexing...", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "Our services are indexing the tx and deposit amount will be calculated shortly" }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "block-header icon ape:text-white ape:font-normal ape:text-[12px]", children: jsx(QuestionCircle, { width: "12px" }) }) })] }))] }), jsx(Flex, { className: "ape:absolute ape:top-1/2 ape:left-1/2 ape:-translate-y-1/2 ape:-translate-x-1/2", children: jsx(Arrow, { direction: "right", width: '5px' }) }), jsxs(Flex, { className: "ape:bg-white3 ape:rounded-normal ape:flex-col ape:md:flex-row ape:justify-center ape:md:justify-between ape:gap-[4px] ape:md:gap-0 ape:p-[10px] ape:w-1/2 ape:items-center ape:text-[14px]", children: [jsx(Flex, { children: "Staked" }), jsxs(Flex, { className: "ape:flex-col ape:gap-[4px]", children: [isLoading && (jsxs(Fragment, { children: [jsx(ValueSkeleton, { width: "100px" }), jsx(ValueSkeleton, { width: "100px" })] })), stakedTokens.map((token) => (jsxs(Flex, { className: "ape:items-center ape:justify-center ape:md:justify-end ape:gap-[5px]", children: [jsxs(Flex, { className: "ape:text-[12px]", children: [formatNumberSI(token.amount), " ", token.symbol] }), jsxs(Flex, { className: "ape:text-[10px] ape:font-normal ape:opacity-60", children: ["($", formatNumberSI(token.amountUsd), ")"] })] }, token.address)))] })] })] }), lostProfit && (jsxs(Flex, { className: "ape:bg-white3 ape:rounded-normal ape:w-full ape:p-[10px] ape:justify-between", children: [jsx(Flex, { className: "ape:w-1/5", children: jsx("img", { src: `https://ape.bond/images/launch/mythical.png`, alt: "mythical", style: { width: '90px', height: '90px' } }) }), jsxs(Flex, { className: "ape:w-[75%] ape:flex-col ape:gap-[3px]", children: [jsxs(Flex, { children: ["You missed a", ' ', jsxs(Flex, { className: "ape:px-[3px]", style: { color: 'var(--ape-color-success)' }, children: ["$", lostProfit] }), ' ', "bonus"] }), jsx(Flex, { className: "ape:text-[12px] ape:font-normal", style: { lineHeight: '16px' }, children: "Holding an Ape Tier would\u2019ve gotten you an extra 5% bonus on this purchase and all future ones." }), jsx(Button, { variant: "secondary", className: "ape:w-full ape:text-[14px]! ape:h-[30px] ape:font-semibold", onClick: () => window.open('https://ape.bond/true-yield', '_blank'), children: "Upgrade Your Tier" })] })] })), jsxs(Flex, { className: "ape:flex-col ape:text-[12px] ape:font-normal", children: [jsxs(Flex, { className: "ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white3 ape:h-[26px] ape:rounded-[10px_10px_0px_0px]", children: [jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: [jsx(Flex, { className: "ape:opacity-60", children: "Bonus Reward" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: `Your 10% $ASSET bonus unlocks after ${cliffLength} of staking. Unstaking early forfeits the bonus.` }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "block-header icon ape:text-white ape:font-normal ape:text-[12px]", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), isLoading ? (jsx(ValueSkeleton, { width: "90px" })) : (jsxs(Flex, { className: "ape:items-center", children: [jsxs(Text, { weight: 700, className: "ape:ml-[10px]", size: "12px", children: [formatNumberSI(pending(userBill) + claimable(userBill), 2), " ", payoutTokenSymbol] }), jsxs(Text, { weight: 400, className: "ape:ml-[5px] ape:opacity-60 ape:text-[10px]!", children: ["($", formatNumberSI(pendingUSD(userBill) + claimableUSD(userBill)), ")"] })] }))] }), jsxs(Flex, { className: "ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white4 ape:h-[26px]", children: [jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: [jsx(Flex, { className: "ape:opacity-60", children: "Claim Status" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "Time remaining until your 10% $ASSET bonus becomes available to claim." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "block-header icon ape:text-white ape:font-normal ape:text-[12px]", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsx(Flex, { className: "ape:items-center", children: isLoading ? (jsx(ValueSkeleton, { width: "90px" })) : userBill?.lpStakingData?.bonusStatus === null ? (jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: ["Not eligible", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: bonusThreshold !== undefined
|
|
71
70
|
? `This sale was not eligible for Bonus Rewards as its value was below the minimum threshold of ${formatNumberSI(bonusThreshold)} ${payoutTokenSymbol} ($${formatNumberSI(bonusThreshold * payoutTokenPrice)}).`
|
|
72
71
|
: 'This sale was not eligible for Bonus Rewards as its value was below the minimum threshold.' }), width: "230px", placement: "bottomRight", transformTip: "translate(5%, 0%)", children: jsx(Flex, { className: "block-header icon ape:text-white ape:font-normal ape:text-[12px]", children: jsx(QuestionCircle, { width: "12px" }) }) })] })) : isPendingCliff ? (`Claiming starts in ${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`) : claimable(userBill) > 0 ? ('Claim now!') : claimed(userBill) > 0 ? ('Claimed') : (
|
|
73
72
|
// Forfeited: unstaked before the cliff
|
|
74
|
-
'-') })] }), jsxs(Flex, { className: "ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white3 ape:min-h-[26px] ape:md:h-[26px] ape:rounded-[0px_0px_10px_10px]", children: [jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: [jsx(Flex, { className: "ape:opacity-60", children: "Pool Rewards" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "
|
|
73
|
+
'-') })] }), jsxs(Flex, { className: "ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white3 ape:min-h-[26px] ape:md:h-[26px] ape:rounded-[0px_0px_10px_10px]", children: [jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: [jsx(Flex, { className: "ape:opacity-60", children: "Pool Rewards" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "Rewards earned by your staked LP position through Real Finance." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "block-header icon ape:text-white ape:font-normal ape:text-[12px]", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsx(Flex, { className: "ape:flex-col ape:md:flex-row ape:items-end ape:md:items-center ape:gap-[2px] ape:md:gap-[10px]", children: isLoading ? (jsx(ValueSkeleton, { width: "90px" })) : poolRewards ? (poolRewards.map((reward, index) => (jsxs(React.Fragment, { children: [index > 0 && (jsx(Text, { as: "span", weight: 700, className: "ape:hidden ape:md:inline", size: "12px", children: "\u00B7" })), jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: [jsxs(Text, { weight: 700, size: "12px", children: [formatNumberSI(reward.amount, 2), " ", reward.symbol] }), reward.amountUsd !== undefined && (jsxs(Flex, { className: "ape:text-[10px] ape:font-normal ape:opacity-60", children: ["($", formatNumberSI(reward.amountUsd), ")"] }))] })] }, reward.address)))) : ('-') })] })] }), userBill?.bond?.warningCard && (jsx(Flex, { className: "ape:w-full ape:justify-center ape:rounded-normal ape:bg-[#DE62F366]", children: jsx(Text, { as: "div", weight: 400, size: "12px", className: "ape:p-[4px_10px]", style: { lineHeight: '16px' }, children: jsx(SafeHTMLComponent, { html: userBill?.bond?.warningCard }) }) })), jsxs(Flex, { className: "ape:w-full ape:justify-between ape:gap-[10px] ape:md:gap-[15px] ape:h-[40px]", children: [jsx(Button, { className: "ape:w-full ape:text-[14px]!", disabled: !positionUrl, onClick: () => window.open(positionUrl, '_blank', 'noopener,noreferrer'), children: "Manage on REAL" }), isLoading ? (jsx(Button, { className: "ape:text-[14px]! ape:w-full", disabled: true, children: "Buy again" })) : canPurchaseAgain ? (jsx(Button, { className: "ape:text-[14px]! ape:w-full", onClick: () => (window.location.href = `/bonds?bondAddress=${liveBond.contractAddress[liveBond.chainId]}&bondChain=${liveBond.chainId}`), children: "Buy again" })) : (jsx("div", { className: "ape:w-full ape:flex ape:*:w-full ape:*:*:w-full", children: jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "Bond sold out" }), width: "150px", placement: "topRight", children: jsx(Button, { className: "ape:text-[14px]! ape:w-full ape:pointer-events-none", disabled: true, children: "Buy again" }) }) }))] })] })] }))] }) }));
|
|
75
74
|
};
|
|
76
75
|
|
|
77
76
|
export { YourLpStakingBondModal as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YourLpStakingBondModal.js","sources":["../../../../../src/adapters/evm/views/lpStaking/YourLpStakingBondModal.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport clsx from 'clsx'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { UserBillTooltipText } from '../../../../config/constants/tooltips'\nimport { claimable, claimableUSD, claimed, pending, pendingUSD } from '../../../../utils/displayHelpers'\nimport { getTimePeriods } from '../../../../utils/getTimePeriods'\nimport SafeHTMLComponent from '../../../../components/SafeHTMLComponent'\nimport NFTImage from '../../../../views/YourBondsModal/components/NFTImage/NFTImage'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport Text from '../../../../components/uikit-sdk/Text'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport useUserBonds from '../../../../state/bonds/useUserBonds'\nimport Arrow from '../../../../components/uikit-sdk/Svg/Icons/Arrow'\nimport QuestionCircle from '../../../../components/uikit-sdk/Svg/Icons/QuestionCircle'\nimport Skeleton from '../../../../components/uikit-sdk/Skeleton'\nimport YourLpBondModalHeader from './YourLpBondModalHeader'\n\n// Stands in for a value while the position isn't loaded yet\nconst ValueSkeleton = ({ width }: { width: string }) => (\n <Skeleton animation=\"waves\" style={{ width, height: '14px', borderRadius: 'var(--ape-radius-normal)' }} />\n)\n\nconst YourLpStakingBondModal = ({\n userBill: userBillProp,\n lostProfit,\n onDismiss,\n}: {\n userBill?: UserBill\n lostProfit?: string\n onDismiss?: () => void\n}) => {\n // Hooks\n const { data: liveBonds } = useBondsData()\n // Subscribes the modal to the user bonds query (refetched every 2 minutes), so the position updates while it's\n // open: the bill passed in is a snapshot from when the modal was opened (e.g. the deposit still \"Indexing...\")\n const { data: userBonds } = useUserBonds()\n const userBill =\n userBonds?.find(\n (bill) =>\n bill.bond?.billType === 'lpStaking' &&\n bill.id === userBillProp?.id &&\n bill.bond?.chainId === userBillProp?.bond?.chainId,\n ) ?? userBillProp\n\n // State\n const [showNFTImg, setShowNFTImg] = useState(false)\n\n // Static Data\n // Right after a purchase the modal opens before REAL's API lists the position (see ModalHandlerLpStaking)\n const isLoading = !userBill\n // REAL's API only prices a fresh purchase some minutes after it shows up, so 0 means it's still being indexed\n const depositUSD = userBill?.nftData?.data?.dollarValue\n // Minimum position value for a purchase to earn the bonus, in the bonus token\n const bonusThreshold = userBill?.lpStakingData?.bonusThreshold\n const payoutTokenPrice = parseFloat(userBill?.bond?.payoutTokenPrice ?? '0')\n // The position's two pool tokens, as staked now\n const stakedTokens = userBill?.lpStakingData ? [userBill.lpStakingData.token0, userBill.lpStakingData.token1] : []\n const payoutSymbol = userBill?.bond?.showcaseTokenName ?? userBill?.bond?.earnToken.symbol\n const payoutTokenSymbol = payoutSymbol === 'AIX' && userBill?.bond?.chainId === ChainId.SOL ? 'SOLAIX' : payoutSymbol\n // The same bond, if it's still on sale. Matched by index: the bill's copy of the bond has the bonus token as\n // earnToken, so matching by earn token symbol like the regular Actions do wouldn't find it.\n const liveBond = liveBonds?.find(\n (bond) =>\n !bond?.soldOut && !bond?.hide && bond.index === userBill?.bond?.index && bond.chainId === userBill?.bond?.chainId,\n )\n const canPurchaseAgain = !!liveBond\n const positionUrl = userBill?.lpStakingData?.positionUrl\n const poolRewards = userBill?.lpStakingData?.poolRewards\n\n // Cliff display info:\n const vestingCliff = Number(userBill?.bond?.vestingCliff)\n const currentTime = Math.round(new Date().getTime() / 1000)\n const vestingStartTimestamp = parseInt(userBill?.vestingStartTimestamp ?? '0')\n const isPendingCliff = vestingCliff ? currentTime - vestingStartTimestamp < vestingCliff : false\n const cliffCountdown = getTimePeriods(vestingStartTimestamp + (vestingCliff ?? 0) - currentTime, true)\n // The cliff's length, from the campaign (90 days on mainnet, 5 minutes on the Sepolia test stack). Unknown (0)\n // for purchases with no bonus.\n const cliffPeriods = getTimePeriods(vestingCliff || 0, true)\n const cliffLength = !vestingCliff\n ? undefined\n : cliffPeriods.days > 0\n ? `${cliffPeriods.days} days`\n : cliffPeriods.hours > 0\n ? `${cliffPeriods.hours} hours`\n : `${cliffPeriods.minutes} minutes`\n\n return (\n <Modal\n className={clsx(\n 'ape:w-[480px] ape:[overflow-y:unset]! ape:p-0! ape:top-[56%] ape:overflow-x-visible',\n showNFTImg ? 'ape:bg-transparent!' : 'ape:bg-white2',\n )}\n >\n <Flex\n className={clsx(\n 'ape:flex-col ape:rounded-normal ape:relative ape:p-[20px]',\n showNFTImg ? 'ape:bg-transparent!' : 'ape:bg-white2',\n )}\n >\n {/* The position is a Uniswap v3 NFT with no bond art: the image is a placeholder, with nothing to share */}\n <NFTImage userBill={userBill} showNFTImg={showNFTImg} setShowNFTImg={setShowNFTImg} isLpStakingBond />\n\n {/* Modal Content */}\n\n {!showNFTImg && (\n <Flex className=\"ape:flex-col\">\n <YourLpBondModalHeader userBill={userBill} onDismiss={onDismiss} />\n <Flex className=\"ape:mt-[10px] ape:flex-col ape:gap-[10px]\">\n <Flex className=\"ape:w-full ape:gap-[15px] ape:relative\">\n {/* On mobile the label goes on top and the amount below it */}\n <Flex className=\"ape:bg-white3 ape:rounded-normal ape:flex-col ape:md:flex-row ape:justify-center ape:md:justify-between ape:gap-[4px] ape:md:gap-0 ape:p-[10px] ape:w-1/2 ape:items-center ape:text-[14px]\">\n <Flex>Deposit</Flex>\n {isLoading ? (\n <ValueSkeleton width=\"60px\" />\n ) : depositUSD ? (\n <Flex>${formatNumberSI(depositUSD)}</Flex>\n ) : (\n <Flex className=\"ape:items-center ape:gap-[5px]\">\n Indexing...\n <TooltipBubble\n className=\"tooltip-bubble\"\n body={\n <Flex>Our services are indexing the tx and deposit amount will be calculated shortly</Flex>\n }\n width=\"230px\"\n placement=\"bottomLeft\"\n transformTip=\"translate(-5%, 0%)\"\n >\n <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n <QuestionCircle width=\"12px\" />\n </Flex>\n </TooltipBubble>\n </Flex>\n )}\n </Flex>\n <Flex className=\"ape:absolute ape:top-1/2 ape:left-1/2 ape:-translate-y-1/2 ape:-translate-x-1/2\">\n <Arrow direction=\"right\" width={'5px'} />\n </Flex>\n <Flex className=\"ape:bg-white3 ape:rounded-normal ape:flex-col ape:md:flex-row ape:justify-center ape:md:justify-between ape:gap-[4px] ape:md:gap-0 ape:p-[10px] ape:w-1/2 ape:items-center ape:text-[14px]\">\n <Flex>Staked</Flex>\n <Flex className=\"ape:flex-col ape:gap-[4px]\">\n {isLoading && (\n <>\n <ValueSkeleton width=\"100px\" />\n <ValueSkeleton width=\"100px\" />\n </>\n )}\n {stakedTokens.map((token) => (\n <Flex\n key={token.address}\n className=\"ape:items-center ape:justify-center ape:md:justify-end ape:gap-[5px]\"\n >\n <Flex className=\"ape:text-[12px]\">\n {formatNumberSI(token.amount)} {token.symbol}\n </Flex>\n <Flex className=\"ape:text-[10px] ape:font-normal ape:opacity-60\">\n (${formatNumberSI(token.amountUsd)})\n </Flex>\n </Flex>\n ))}\n </Flex>\n </Flex>\n </Flex>\n {lostProfit && (\n <Flex className=\"ape:bg-white3 ape:rounded-normal ape:w-full ape:p-[10px] ape:justify-between\">\n <Flex className=\"ape:w-1/5\">\n <img\n src={`https://ape.bond/images/launch/mythical.png`}\n alt=\"mythical\"\n style={{ width: '90px', height: '90px' }}\n />\n </Flex>\n <Flex className=\"ape:w-[75%] ape:flex-col ape:gap-[3px]\">\n <Flex>\n You missed a{' '}\n <Flex className=\"ape:px-[3px]\" style={{ color: 'var(--ape-color-success)' }}>\n ${lostProfit}\n </Flex>{' '}\n bonus\n </Flex>\n <Flex className=\"ape:text-[12px] ape:font-normal\" style={{ lineHeight: '16px' }}>\n Holding an Ape Tier would’ve gotten you an extra 5% bonus on this purchase and all future ones.\n </Flex>\n <Button\n variant=\"secondary\"\n className=\"ape:w-full ape:text-[14px]! ape:h-[30px] ape:font-semibold\"\n onClick={() => window.open('https://ape.bond/true-yield', '_blank')}\n >\n Upgrade Your Tier\n </Button>\n </Flex>\n </Flex>\n )}\n <Flex className=\"ape:flex-col ape:text-[12px] ape:font-normal\">\n <Flex className=\"ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white3 ape:h-[26px] ape:rounded-[10px_10px_0px_0px]\">\n <Flex className=\"ape:items-center ape:gap-[5px]\">\n <Flex className=\"ape:opacity-60\">Bonus Reward</Flex>\n <TooltipBubble\n className=\"tooltip-bubble\"\n body={\n <Flex>\n {`Your Bonus Reward unlocks ${cliffLength} after your purchase. Unstaking before it unlocks forfeits the bonus. Once unlocked, you can claim it on REAL's site.`}\n </Flex>\n }\n width=\"230px\"\n placement=\"bottomLeft\"\n transformTip=\"translate(-5%, 0%)\"\n >\n <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n <QuestionCircle width=\"12px\" />\n </Flex>\n </TooltipBubble>\n </Flex>\n {isLoading ? (\n <ValueSkeleton width=\"90px\" />\n ) : (\n <Flex className=\"ape:items-center\">\n <Text weight={700} className=\"ape:ml-[10px]\" size=\"12px\">\n {/* The bonus, locked or claimable; 0 once claimed */}\n {formatNumberSI(pending(userBill) + claimable(userBill), 2)} {payoutTokenSymbol}\n </Text>\n <Text weight={400} className=\"ape:ml-[5px] ape:opacity-60 ape:text-[10px]!\">\n (${formatNumberSI(pendingUSD(userBill) + claimableUSD(userBill))})\n </Text>\n </Flex>\n )}\n </Flex>\n <Flex className=\"ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white4 ape:h-[26px]\">\n <Flex className=\"ape:items-center ape:gap-[5px]\">\n <Flex className=\"ape:opacity-60\">Claim Status</Flex>\n <TooltipBubble\n className=\"tooltip-bubble\"\n body={<Flex>{UserBillTooltipText.FullyVested}</Flex>}\n width=\"230px\"\n placement=\"bottomLeft\"\n transformTip=\"translate(-5%, 0%)\"\n >\n <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n <QuestionCircle width=\"12px\" />\n </Flex>\n </TooltipBubble>\n </Flex>\n <Flex className=\"ape:items-center\">\n {isLoading ? (\n <ValueSkeleton width=\"90px\" />\n ) : userBill?.lpStakingData?.bonusStatus === null ? (\n // The purchase was below the campaign's minimum bonus, so it has no bonus at all\n <Flex className=\"ape:items-center ape:gap-[5px]\">\n Not eligible\n <TooltipBubble\n className=\"tooltip-bubble\"\n body={\n <Flex>\n {bonusThreshold !== undefined\n ? `This sale was not eligible for Bonus Rewards as its value was below the minimum threshold of ${formatNumberSI(bonusThreshold)} ${payoutTokenSymbol} ($${formatNumberSI(bonusThreshold * payoutTokenPrice)}).`\n : 'This sale was not eligible for Bonus Rewards as its value was below the minimum threshold.'}\n </Flex>\n }\n width=\"230px\"\n placement=\"bottomRight\"\n transformTip=\"translate(5%, 0%)\"\n >\n <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n <QuestionCircle width=\"12px\" />\n </Flex>\n </TooltipBubble>\n </Flex>\n ) : isPendingCliff ? (\n `Claiming starts in ${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`\n ) : claimable(userBill) > 0 ? (\n 'Claim now!'\n ) : claimed(userBill) > 0 ? (\n 'Claimed'\n ) : (\n // Forfeited: unstaked before the cliff\n '-'\n )}\n </Flex>\n </Flex>\n {/* On mobile the rewards stack one per line, so the row grows to fit them */}\n <Flex className=\"ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white3 ape:min-h-[26px] ape:md:h-[26px] ape:rounded-[0px_0px_10px_10px]\">\n <Flex className=\"ape:items-center ape:gap-[5px]\">\n <Flex className=\"ape:opacity-60\">Pool Rewards</Flex>\n <TooltipBubble\n className=\"tooltip-bubble\"\n body={\n <Flex>\n Pool Rewards are accrued per epoch, by the position's weight among all staked positions,\n and only while it's in range.\n </Flex>\n }\n width=\"230px\"\n placement=\"bottomLeft\"\n transformTip=\"translate(-5%, 0%)\"\n >\n <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n <QuestionCircle width=\"12px\" />\n </Flex>\n </TooltipBubble>\n </Flex>\n <Flex className=\"ape:flex-col ape:md:flex-row ape:items-end ape:md:items-center ape:gap-[2px] ape:md:gap-[10px]\">\n {isLoading ? (\n <ValueSkeleton width=\"90px\" />\n ) : poolRewards ? (\n poolRewards.map((reward, index) => (\n <React.Fragment key={reward.address}>\n {/* Separator between the rewards on one line; on mobile they're stacked instead */}\n {index > 0 && (\n <Text as=\"span\" weight={700} className=\"ape:hidden ape:md:inline\" size=\"12px\">\n ·\n </Text>\n )}\n <Flex className=\"ape:items-center ape:gap-[5px]\">\n <Text weight={700} size=\"12px\">\n {formatNumberSI(reward.amount, 2)} {reward.symbol}\n </Text>\n {reward.amountUsd !== undefined && (\n <Flex className=\"ape:text-[10px] ape:font-normal ape:opacity-60\">\n (${formatNumberSI(reward.amountUsd)})\n </Flex>\n )}\n </Flex>\n </React.Fragment>\n ))\n ) : (\n '-'\n )}\n </Flex>\n </Flex>\n </Flex>\n {userBill?.bond?.warningCard && (\n <Flex className=\"ape:w-full ape:justify-center ape:rounded-normal ape:bg-[#DE62F366]\">\n <Text as=\"div\" weight={400} size=\"12px\" className=\"ape:p-[4px_10px]\" style={{ lineHeight: '16px' }}>\n <SafeHTMLComponent html={userBill?.bond?.warningCard} />\n </Text>\n </Flex>\n )}\n <Flex className=\"ape:w-full ape:justify-between ape:gap-[10px] ape:md:gap-[15px] ape:h-[40px]\">\n {/* Every claim (bonus and pool rewards) happens on REAL's site, on the position's page */}\n <Button\n className=\"ape:w-full ape:text-[14px]!\"\n disabled={!positionUrl}\n onClick={() => window.open(positionUrl, '_blank', 'noopener,noreferrer')}\n >\n Manage on REAL\n </Button>\n {isLoading ? (\n // Not known yet whether the bond is still on sale, so no \"sold out\" tooltip\n <Button className=\"ape:text-[14px]! ape:w-full\" disabled>\n Buy again\n </Button>\n ) : canPurchaseAgain ? (\n <Button\n className=\"ape:text-[14px]! ape:w-full\"\n onClick={() =>\n (window.location.href = `/bonds?bondAddress=${liveBond.contractAddress[liveBond.chainId]}&bondChain=${liveBond.chainId}`)\n }\n >\n Buy again\n </Button>\n ) : (\n // The tooltip's wrappers are sized to their content, so they're stretched to the button's half.\n // The disabled button lets the pointer through, so hovering or tapping it opens the tooltip.\n <div className=\"ape:w-full ape:flex ape:*:w-full ape:*:*:w-full\">\n <TooltipBubble\n className=\"tooltip-bubble\"\n body={<Flex>Bond sold out</Flex>}\n width=\"150px\"\n placement=\"topRight\"\n >\n <Button className=\"ape:text-[14px]! ape:w-full ape:pointer-events-none\" disabled>\n Buy again\n </Button>\n </TooltipBubble>\n </div>\n )}\n </Flex>\n </Flex>\n </Flex>\n )}\n </Flex>\n </Modal>\n )\n}\n\nexport default YourLpStakingBondModal\n"],"names":["_jsx","_jsxs","NFTImage","_Fragment"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"YourLpStakingBondModal.js","sources":["../../../../../src/adapters/evm/views/lpStaking/YourLpStakingBondModal.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport clsx from 'clsx'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { UserBillTooltipText } from '../../../../config/constants/tooltips'\nimport { claimable, claimableUSD, claimed, pending, pendingUSD } from '../../../../utils/displayHelpers'\nimport { getTimePeriods } from '../../../../utils/getTimePeriods'\nimport SafeHTMLComponent from '../../../../components/SafeHTMLComponent'\nimport NFTImage from '../../../../views/YourBondsModal/components/NFTImage/NFTImage'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport Text from '../../../../components/uikit-sdk/Text'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport useUserBonds from '../../../../state/bonds/useUserBonds'\nimport Arrow from '../../../../components/uikit-sdk/Svg/Icons/Arrow'\nimport QuestionCircle from '../../../../components/uikit-sdk/Svg/Icons/QuestionCircle'\nimport Skeleton from '../../../../components/uikit-sdk/Skeleton'\nimport YourLpBondModalHeader from './YourLpBondModalHeader'\n\n// Stands in for a value while the position isn't loaded yet\nconst ValueSkeleton = ({ width }: { width: string }) => (\n <Skeleton animation=\"waves\" style={{ width, height: '14px', borderRadius: 'var(--ape-radius-normal)' }} />\n)\n\nconst YourLpStakingBondModal = ({\n userBill: userBillProp,\n lostProfit,\n onDismiss,\n}: {\n userBill?: UserBill\n lostProfit?: string\n onDismiss?: () => void\n}) => {\n // Hooks\n const { data: liveBonds } = useBondsData()\n // Subscribes the modal to the user bonds query (refetched every 2 minutes), so the position updates while it's\n // open: the bill passed in is a snapshot from when the modal was opened (e.g. the deposit still \"Indexing...\")\n const { data: userBonds } = useUserBonds()\n const userBill =\n userBonds?.find(\n (bill) =>\n bill.bond?.billType === 'lpStaking' &&\n bill.id === userBillProp?.id &&\n bill.bond?.chainId === userBillProp?.bond?.chainId,\n ) ?? userBillProp\n\n // State\n const [showNFTImg, setShowNFTImg] = useState(false)\n\n // Static Data\n // Right after a purchase the modal opens before REAL's API lists the position (see ModalHandlerLpStaking)\n const isLoading = !userBill\n // REAL's API only prices a fresh purchase some minutes after it shows up, so 0 means it's still being indexed\n const depositUSD = userBill?.nftData?.data?.dollarValue\n // Minimum position value for a purchase to earn the bonus, in the bonus token\n const bonusThreshold = userBill?.lpStakingData?.bonusThreshold\n const payoutTokenPrice = parseFloat(userBill?.bond?.payoutTokenPrice ?? '0')\n // The position's two pool tokens, as staked now\n const stakedTokens = userBill?.lpStakingData ? [userBill.lpStakingData.token0, userBill.lpStakingData.token1] : []\n const payoutSymbol = userBill?.bond?.showcaseTokenName ?? userBill?.bond?.earnToken.symbol\n const payoutTokenSymbol = payoutSymbol === 'AIX' && userBill?.bond?.chainId === ChainId.SOL ? 'SOLAIX' : payoutSymbol\n // The same bond, if it's still on sale. Matched by index: the bill's copy of the bond has the bonus token as\n // earnToken, so matching by earn token symbol like the regular Actions do wouldn't find it.\n const liveBond = liveBonds?.find(\n (bond) =>\n !bond?.soldOut && !bond?.hide && bond.index === userBill?.bond?.index && bond.chainId === userBill?.bond?.chainId,\n )\n const canPurchaseAgain = !!liveBond\n const positionUrl = userBill?.lpStakingData?.positionUrl\n const poolRewards = userBill?.lpStakingData?.poolRewards\n\n // Cliff display info:\n const vestingCliff = Number(userBill?.bond?.vestingCliff)\n const currentTime = Math.round(new Date().getTime() / 1000)\n const vestingStartTimestamp = parseInt(userBill?.vestingStartTimestamp ?? '0')\n const isPendingCliff = vestingCliff ? currentTime - vestingStartTimestamp < vestingCliff : false\n const cliffCountdown = getTimePeriods(vestingStartTimestamp + (vestingCliff ?? 0) - currentTime, true)\n // The cliff's length, from the campaign (90 days on mainnet, 5 minutes on the Sepolia test stack). Unknown (0)\n // for purchases with no bonus.\n const cliffPeriods = getTimePeriods(vestingCliff || 0, true)\n const cliffLength = !vestingCliff\n ? undefined\n : cliffPeriods.days > 0\n ? `${cliffPeriods.days} days`\n : cliffPeriods.hours > 0\n ? `${cliffPeriods.hours} hours`\n : `${cliffPeriods.minutes} minutes`\n\n return (\n <Modal\n className={clsx(\n 'ape:w-[480px] ape:[overflow-y:unset]! ape:p-0! ape:top-[56%] ape:overflow-x-visible',\n showNFTImg ? 'ape:bg-transparent!' : 'ape:bg-white2',\n )}\n >\n <Flex\n className={clsx(\n 'ape:flex-col ape:rounded-normal ape:relative ape:p-[20px]',\n showNFTImg ? 'ape:bg-transparent!' : 'ape:bg-white2',\n )}\n >\n {/* The position is a Uniswap v3 NFT with no bond art: the image is a placeholder, with nothing to share */}\n <NFTImage userBill={userBill} showNFTImg={showNFTImg} setShowNFTImg={setShowNFTImg} isLpStakingBond />\n\n {/* Modal Content */}\n\n {!showNFTImg && (\n <Flex className=\"ape:flex-col\">\n <YourLpBondModalHeader userBill={userBill} onDismiss={onDismiss} />\n <Flex className=\"ape:mt-[10px] ape:flex-col ape:gap-[10px]\">\n <Flex className=\"ape:w-full ape:gap-[15px] ape:relative\">\n {/* On mobile the label goes on top and the amount below it */}\n <Flex className=\"ape:bg-white3 ape:rounded-normal ape:flex-col ape:md:flex-row ape:justify-center ape:md:justify-between ape:gap-[4px] ape:md:gap-0 ape:p-[10px] ape:w-1/2 ape:items-center ape:text-[14px]\">\n <Flex>Deposit</Flex>\n {isLoading ? (\n <ValueSkeleton width=\"60px\" />\n ) : depositUSD ? (\n <Flex>${formatNumberSI(depositUSD)}</Flex>\n ) : (\n <Flex className=\"ape:items-center ape:gap-[5px]\">\n Indexing...\n <TooltipBubble\n className=\"tooltip-bubble\"\n body={\n <Flex>Our services are indexing the tx and deposit amount will be calculated shortly</Flex>\n }\n width=\"230px\"\n placement=\"bottomLeft\"\n transformTip=\"translate(-5%, 0%)\"\n >\n <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n <QuestionCircle width=\"12px\" />\n </Flex>\n </TooltipBubble>\n </Flex>\n )}\n </Flex>\n <Flex className=\"ape:absolute ape:top-1/2 ape:left-1/2 ape:-translate-y-1/2 ape:-translate-x-1/2\">\n <Arrow direction=\"right\" width={'5px'} />\n </Flex>\n <Flex className=\"ape:bg-white3 ape:rounded-normal ape:flex-col ape:md:flex-row ape:justify-center ape:md:justify-between ape:gap-[4px] ape:md:gap-0 ape:p-[10px] ape:w-1/2 ape:items-center ape:text-[14px]\">\n <Flex>Staked</Flex>\n <Flex className=\"ape:flex-col ape:gap-[4px]\">\n {isLoading && (\n <>\n <ValueSkeleton width=\"100px\" />\n <ValueSkeleton width=\"100px\" />\n </>\n )}\n {stakedTokens.map((token) => (\n <Flex\n key={token.address}\n className=\"ape:items-center ape:justify-center ape:md:justify-end ape:gap-[5px]\"\n >\n <Flex className=\"ape:text-[12px]\">\n {formatNumberSI(token.amount)} {token.symbol}\n </Flex>\n <Flex className=\"ape:text-[10px] ape:font-normal ape:opacity-60\">\n (${formatNumberSI(token.amountUsd)})\n </Flex>\n </Flex>\n ))}\n </Flex>\n </Flex>\n </Flex>\n {lostProfit && (\n <Flex className=\"ape:bg-white3 ape:rounded-normal ape:w-full ape:p-[10px] ape:justify-between\">\n <Flex className=\"ape:w-1/5\">\n <img\n src={`https://ape.bond/images/launch/mythical.png`}\n alt=\"mythical\"\n style={{ width: '90px', height: '90px' }}\n />\n </Flex>\n <Flex className=\"ape:w-[75%] ape:flex-col ape:gap-[3px]\">\n <Flex>\n You missed a{' '}\n <Flex className=\"ape:px-[3px]\" style={{ color: 'var(--ape-color-success)' }}>\n ${lostProfit}\n </Flex>{' '}\n bonus\n </Flex>\n <Flex className=\"ape:text-[12px] ape:font-normal\" style={{ lineHeight: '16px' }}>\n Holding an Ape Tier would’ve gotten you an extra 5% bonus on this purchase and all future ones.\n </Flex>\n <Button\n variant=\"secondary\"\n className=\"ape:w-full ape:text-[14px]! ape:h-[30px] ape:font-semibold\"\n onClick={() => window.open('https://ape.bond/true-yield', '_blank')}\n >\n Upgrade Your Tier\n </Button>\n </Flex>\n </Flex>\n )}\n <Flex className=\"ape:flex-col ape:text-[12px] ape:font-normal\">\n <Flex className=\"ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white3 ape:h-[26px] ape:rounded-[10px_10px_0px_0px]\">\n <Flex className=\"ape:items-center ape:gap-[5px]\">\n <Flex className=\"ape:opacity-60\">Bonus Reward</Flex>\n <TooltipBubble\n className=\"tooltip-bubble\"\n body={\n <Flex>\n {`Your 10% $ASSET bonus unlocks after ${cliffLength} of staking. Unstaking early forfeits the bonus.`}\n </Flex>\n }\n width=\"230px\"\n placement=\"bottomLeft\"\n transformTip=\"translate(-5%, 0%)\"\n >\n <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n <QuestionCircle width=\"12px\" />\n </Flex>\n </TooltipBubble>\n </Flex>\n {isLoading ? (\n <ValueSkeleton width=\"90px\" />\n ) : (\n <Flex className=\"ape:items-center\">\n <Text weight={700} className=\"ape:ml-[10px]\" size=\"12px\">\n {/* The bonus, locked or claimable; 0 once claimed */}\n {formatNumberSI(pending(userBill) + claimable(userBill), 2)} {payoutTokenSymbol}\n </Text>\n <Text weight={400} className=\"ape:ml-[5px] ape:opacity-60 ape:text-[10px]!\">\n (${formatNumberSI(pendingUSD(userBill) + claimableUSD(userBill))})\n </Text>\n </Flex>\n )}\n </Flex>\n <Flex className=\"ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white4 ape:h-[26px]\">\n <Flex className=\"ape:items-center ape:gap-[5px]\">\n <Flex className=\"ape:opacity-60\">Claim Status</Flex>\n <TooltipBubble\n className=\"tooltip-bubble\"\n body={<Flex>Time remaining until your 10% $ASSET bonus becomes available to claim.</Flex>}\n width=\"230px\"\n placement=\"bottomLeft\"\n transformTip=\"translate(-5%, 0%)\"\n >\n <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n <QuestionCircle width=\"12px\" />\n </Flex>\n </TooltipBubble>\n </Flex>\n <Flex className=\"ape:items-center\">\n {isLoading ? (\n <ValueSkeleton width=\"90px\" />\n ) : userBill?.lpStakingData?.bonusStatus === null ? (\n // The purchase was below the campaign's minimum bonus, so it has no bonus at all\n <Flex className=\"ape:items-center ape:gap-[5px]\">\n Not eligible\n <TooltipBubble\n className=\"tooltip-bubble\"\n body={\n <Flex>\n {bonusThreshold !== undefined\n ? `This sale was not eligible for Bonus Rewards as its value was below the minimum threshold of ${formatNumberSI(bonusThreshold)} ${payoutTokenSymbol} ($${formatNumberSI(bonusThreshold * payoutTokenPrice)}).`\n : 'This sale was not eligible for Bonus Rewards as its value was below the minimum threshold.'}\n </Flex>\n }\n width=\"230px\"\n placement=\"bottomRight\"\n transformTip=\"translate(5%, 0%)\"\n >\n <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n <QuestionCircle width=\"12px\" />\n </Flex>\n </TooltipBubble>\n </Flex>\n ) : isPendingCliff ? (\n `Claiming starts in ${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`\n ) : claimable(userBill) > 0 ? (\n 'Claim now!'\n ) : claimed(userBill) > 0 ? (\n 'Claimed'\n ) : (\n // Forfeited: unstaked before the cliff\n '-'\n )}\n </Flex>\n </Flex>\n {/* On mobile the rewards stack one per line, so the row grows to fit them */}\n <Flex className=\"ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white3 ape:min-h-[26px] ape:md:h-[26px] ape:rounded-[0px_0px_10px_10px]\">\n <Flex className=\"ape:items-center ape:gap-[5px]\">\n <Flex className=\"ape:opacity-60\">Pool Rewards</Flex>\n <TooltipBubble\n className=\"tooltip-bubble\"\n body={<Flex>Rewards earned by your staked LP position through Real Finance.</Flex>}\n width=\"230px\"\n placement=\"bottomLeft\"\n transformTip=\"translate(-5%, 0%)\"\n >\n <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n <QuestionCircle width=\"12px\" />\n </Flex>\n </TooltipBubble>\n </Flex>\n <Flex className=\"ape:flex-col ape:md:flex-row ape:items-end ape:md:items-center ape:gap-[2px] ape:md:gap-[10px]\">\n {isLoading ? (\n <ValueSkeleton width=\"90px\" />\n ) : poolRewards ? (\n poolRewards.map((reward, index) => (\n <React.Fragment key={reward.address}>\n {/* Separator between the rewards on one line; on mobile they're stacked instead */}\n {index > 0 && (\n <Text as=\"span\" weight={700} className=\"ape:hidden ape:md:inline\" size=\"12px\">\n ·\n </Text>\n )}\n <Flex className=\"ape:items-center ape:gap-[5px]\">\n <Text weight={700} size=\"12px\">\n {formatNumberSI(reward.amount, 2)} {reward.symbol}\n </Text>\n {reward.amountUsd !== undefined && (\n <Flex className=\"ape:text-[10px] ape:font-normal ape:opacity-60\">\n (${formatNumberSI(reward.amountUsd)})\n </Flex>\n )}\n </Flex>\n </React.Fragment>\n ))\n ) : (\n '-'\n )}\n </Flex>\n </Flex>\n </Flex>\n {userBill?.bond?.warningCard && (\n <Flex className=\"ape:w-full ape:justify-center ape:rounded-normal ape:bg-[#DE62F366]\">\n <Text as=\"div\" weight={400} size=\"12px\" className=\"ape:p-[4px_10px]\" style={{ lineHeight: '16px' }}>\n <SafeHTMLComponent html={userBill?.bond?.warningCard} />\n </Text>\n </Flex>\n )}\n <Flex className=\"ape:w-full ape:justify-between ape:gap-[10px] ape:md:gap-[15px] ape:h-[40px]\">\n {/* Every claim (bonus and pool rewards) happens on REAL's site, on the position's page */}\n <Button\n className=\"ape:w-full ape:text-[14px]!\"\n disabled={!positionUrl}\n onClick={() => window.open(positionUrl, '_blank', 'noopener,noreferrer')}\n >\n Manage on REAL\n </Button>\n {isLoading ? (\n // Not known yet whether the bond is still on sale, so no \"sold out\" tooltip\n <Button className=\"ape:text-[14px]! ape:w-full\" disabled>\n Buy again\n </Button>\n ) : canPurchaseAgain ? (\n <Button\n className=\"ape:text-[14px]! ape:w-full\"\n onClick={() =>\n (window.location.href = `/bonds?bondAddress=${liveBond.contractAddress[liveBond.chainId]}&bondChain=${liveBond.chainId}`)\n }\n >\n Buy again\n </Button>\n ) : (\n // The tooltip's wrappers are sized to their content, so they're stretched to the button's half.\n // The disabled button lets the pointer through, so hovering or tapping it opens the tooltip.\n <div className=\"ape:w-full ape:flex ape:*:w-full ape:*:*:w-full\">\n <TooltipBubble\n className=\"tooltip-bubble\"\n body={<Flex>Bond sold out</Flex>}\n width=\"150px\"\n placement=\"topRight\"\n >\n <Button className=\"ape:text-[14px]! ape:w-full ape:pointer-events-none\" disabled>\n Buy again\n </Button>\n </TooltipBubble>\n </div>\n )}\n </Flex>\n </Flex>\n </Flex>\n )}\n </Flex>\n </Modal>\n )\n}\n\nexport default YourLpStakingBondModal\n"],"names":["_jsx","_jsxs","NFTImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA;AACA,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAqB,MACjDA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,0BAA0B,EAAE,EAAA,CAAI,CAC3G;AAED,MAAM,sBAAsB,GAAG,CAAC,EAC9B,QAAQ,EAAE,YAAY,EACtB,UAAU,EACV,SAAS,GAKV,KAAI;;IAEH,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;;;IAG1C,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;AAC1C,IAAA,MAAM,QAAQ,GACZ,SAAS,EAAE,IAAI,CACb,CAAC,IAAI,KACH,IAAI,CAAC,IAAI,EAAE,QAAQ,KAAK,WAAW;AACnC,QAAA,IAAI,CAAC,EAAE,KAAK,YAAY,EAAE,EAAE;AAC5B,QAAA,IAAI,CAAC,IAAI,EAAE,OAAO,KAAK,YAAY,EAAE,IAAI,EAAE,OAAO,CACrD,IAAI,YAAY;;IAGnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;;;AAInD,IAAA,MAAM,SAAS,GAAG,CAAC,QAAQ;;IAE3B,MAAM,UAAU,GAAG,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW;;AAEvD,IAAA,MAAM,cAAc,GAAG,QAAQ,EAAE,aAAa,EAAE,cAAc;AAC9D,IAAA,MAAM,gBAAgB,GAAG,UAAU,CAAC,QAAQ,EAAE,IAAI,EAAE,gBAAgB,IAAI,GAAG,CAAC;;IAE5E,MAAM,YAAY,GAAG,QAAQ,EAAE,aAAa,GAAG,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE;AAClH,IAAA,MAAM,YAAY,GAAG,QAAQ,EAAE,IAAI,EAAE,iBAAiB,IAAI,QAAQ,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM;IAC1F,MAAM,iBAAiB,GAAG,YAAY,KAAK,KAAK,IAAI,QAAQ,EAAE,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,GAAG,QAAQ,GAAG,YAAY;;;AAGrH,IAAA,MAAM,QAAQ,GAAG,SAAS,EAAE,IAAI,CAC9B,CAAC,IAAI,KACH,CAAC,IAAI,EAAE,OAAO,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE,IAAI,EAAE,OAAO,CACpH;AACD,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAAC,QAAQ;AACnC,IAAA,MAAM,WAAW,GAAG,QAAQ,EAAE,aAAa,EAAE,WAAW;AACxD,IAAA,MAAM,WAAW,GAAG,QAAQ,EAAE,aAAa,EAAE,WAAW;;IAGxD,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,EAAE,IAAI,EAAE,YAAY,CAAC;AACzD,IAAA,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC;IAC3D,MAAM,qBAAqB,GAAG,QAAQ,CAAC,QAAQ,EAAE,qBAAqB,IAAI,GAAG,CAAC;AAC9E,IAAA,MAAM,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,qBAAqB,GAAG,YAAY,GAAG,KAAK;AAChG,IAAA,MAAM,cAAc,GAAG,cAAc,CAAC,qBAAqB,IAAI,YAAY,IAAI,CAAC,CAAC,GAAG,WAAW,EAAE,IAAI,CAAC;;;IAGtG,MAAM,YAAY,GAAG,cAAc,CAAC,YAAY,IAAI,CAAC,EAAE,IAAI,CAAC;IAC5D,MAAM,WAAW,GAAG,CAAC;AACnB,UAAE;AACF,UAAE,YAAY,CAAC,IAAI,GAAG;AACpB,cAAE,CAAA,EAAG,YAAY,CAAC,IAAI,CAAA,KAAA;AACtB,cAAE,YAAY,CAAC,KAAK,GAAG;AACrB,kBAAE,CAAA,EAAG,YAAY,CAAC,KAAK,CAAA,MAAA;AACvB,kBAAE,CAAA,EAAG,YAAY,CAAC,OAAO,UAAU;AAEzC,IAAA,QACEA,GAAA,CAAC,KAAK,IACJ,SAAS,EAAE,IAAI,CACb,qFAAqF,EACrF,UAAU,GAAG,qBAAqB,GAAG,eAAe,CACrD,EAAA,QAAA,EAEDC,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,IAAI,CACb,2DAA2D,EAC3D,UAAU,GAAG,qBAAqB,GAAG,eAAe,CACrD,EAAA,QAAA,EAAA,CAGDD,GAAA,CAACE,QAAQ,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAA,IAAA,EAAA,CAAG,EAIrG,CAAC,UAAU,KACVD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,cAAc,aAC5BD,GAAA,CAAC,qBAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,EACnEC,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,CACzDA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,wCAAwC,aAEtDA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4LAA4L,EAAA,QAAA,EAAA,CAC1MD,IAAC,IAAI,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,CAAe,EACnB,SAAS,IACRA,GAAA,CAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAA,CAAG,IAC5B,UAAU,IACZC,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAG,cAAc,CAAC,UAAU,CAAC,CAAA,EAAA,CAAQ,KAE1CA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAAA,CAAA,aAAA,EAE9CD,IAAC,aAAa,EAAA,EACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EACFA,GAAA,CAAC,IAAI,iGAAsF,EAE7F,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,YAAY,EACtB,YAAY,EAAC,oBAAoB,EAAA,QAAA,EAEjCA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,kEAAkE,YAChFA,GAAA,CAAC,cAAc,IAAC,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,CAC1B,EAAA,CACO,CAAA,EAAA,CACX,CACR,CAAA,EAAA,CACI,EACPA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iFAAiF,EAAA,QAAA,EAC/FA,GAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,EAAA,CAAI,EAAA,CACpC,EACPC,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,4LAA4L,EAAA,QAAA,EAAA,CAC1MD,GAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,QAAA,EAAA,CAAc,EACnBC,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAAA,CACzC,SAAS,KACRA,4BACED,GAAA,CAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAA,CAAG,EAC/BA,GAAA,CAAC,aAAa,IAAC,KAAK,EAAC,OAAO,EAAA,CAAG,CAAA,EAAA,CAC9B,CACJ,EACA,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,MACtBC,KAAC,IAAI,EAAA,EAEH,SAAS,EAAC,sEAAsE,EAAA,QAAA,EAAA,CAEhFA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAA,CAC9B,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,EAAA,GAAA,EAAG,KAAK,CAAC,MAAM,CAAA,EAAA,CACvC,EACPA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAA,CAAA,IAAA,EAC3D,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,SAC7B,CAAA,EAAA,EARF,KAAK,CAAC,OAAO,CASb,CACR,CAAC,CAAA,EAAA,CACG,CAAA,EAAA,CACF,CAAA,EAAA,CACF,EACN,UAAU,KACTA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,8EAA8E,EAAA,QAAA,EAAA,CAC5FD,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,WAAW,YACzBA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,CAAA,2CAAA,CAA6C,EAClD,GAAG,EAAC,UAAU,EACd,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,CACxC,EAAA,CACG,EACPC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,wCAAwC,EAAA,QAAA,EAAA,CACtDA,KAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CAAA,cAAA,EACU,GAAG,EAChBA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,kBACvE,UAAU,CAAA,EAAA,CACP,EAAC,GAAG,EAAA,OAAA,CAAA,EAAA,CAEN,EACPD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iCAAiC,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,sGAAA,EAAA,CAExE,EACPA,GAAA,CAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAE,MAAM,MAAM,CAAC,IAAI,CAAC,6BAA6B,EAAE,QAAQ,CAAC,kCAG5D,CAAA,EAAA,CACJ,CAAA,EAAA,CACF,CACR,EACDC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAAA,CAC5DA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6HAA6H,EAAA,QAAA,EAAA,CAC3IA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAAA,CAC9CD,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,cAAA,EAAA,CAAoB,EACpDA,IAAC,aAAa,EAAA,EACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EACFA,GAAA,CAAC,IAAI,cACF,CAAA,oCAAA,EAAuC,WAAW,kDAAkD,EAAA,CAChG,EAET,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,YAAY,EACtB,YAAY,EAAC,oBAAoB,EAAA,QAAA,EAEjCA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,kEAAkE,EAAA,QAAA,EAChFA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAC,MAAM,GAAG,EAAA,CAC1B,EAAA,CACO,IACX,EACN,SAAS,IACRA,GAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAC,MAAM,EAAA,CAAG,KAE9BC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,CAChCA,KAAC,IAAI,EAAA,EAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EAAA,CAErD,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAA,GAAA,EAAG,iBAAiB,CAAA,EAAA,CAC1E,EACPA,KAAC,IAAI,EAAA,EAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAAA,CAAA,IAAA,EACtE,cAAc,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC,SAC3D,CAAA,EAAA,CACF,CACR,CAAA,EAAA,CACI,EACPA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6FAA6F,aAC3GA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAAA,CAC9CD,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gBAAgB,6BAAoB,EACpDA,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAEA,GAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,wEAAA,EAAA,CAA8E,EACzF,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,YAAY,EACtB,YAAY,EAAC,oBAAoB,EAAA,QAAA,EAEjCA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,kEAAkE,EAAA,QAAA,EAChFA,GAAA,CAAC,cAAc,IAAC,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,CAC1B,GACO,CAAA,EAAA,CACX,EACPA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,kBAAkB,YAC/B,SAAS,IACRA,GAAA,CAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAA,CAAG,IAC5B,QAAQ,EAAE,aAAa,EAAE,WAAW,KAAK,IAAI,IAE/CC,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAAA,CAAA,cAAA,EAE9CD,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EACFA,GAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EACF,cAAc,KAAK;AAClB,0EAAE,CAAA,6FAAA,EAAgG,cAAc,CAAC,cAAc,CAAC,CAAA,CAAA,EAAI,iBAAiB,CAAA,GAAA,EAAM,cAAc,CAAC,cAAc,GAAG,gBAAgB,CAAC,CAAA,EAAA;0EAC1M,4FAA4F,EAAA,CAC3F,EAET,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,aAAa,EACvB,YAAY,EAAC,mBAAmB,EAAA,QAAA,EAEhCA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,kEAAkE,EAAA,QAAA,EAChFA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,CAC1B,EAAA,CACO,CAAA,EAAA,CACX,IACL,cAAc,IAChB,sBAAsB,cAAc,CAAC,IAAI,KAAK,CAAC,GAAG,CAAA,EAAG,cAAc,CAAC,IAAI,CAAA,KAAA,CAAO,GAAG,cAAc,CAAC,KAAK,KAAK,CAAC,GAAG,CAAA,EAAG,cAAc,CAAC,KAAK,QAAQ,GAAG,CAAA,EAAG,cAAc,CAAC,OAAO,CAAA,KAAA,CAAO,CAAA,CAAE,IACjL,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,IACzB,YAAY,IACV,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,IACvB,SAAS;;oDAGT,GAAG,CACJ,GACI,CAAA,EAAA,CACF,EAEPC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iJAAiJ,EAAA,QAAA,EAAA,CAC/JA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gCAAgC,aAC9CD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gBAAgB,6BAAoB,EACpDA,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAEA,GAAA,CAAC,IAAI,kFAAuE,EAClF,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,YAAY,EACtB,YAAY,EAAC,oBAAoB,YAEjCA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,kEAAkE,EAAA,QAAA,EAChFA,GAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,CAC1B,GACO,CAAA,EAAA,CACX,EACPA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gGAAgG,EAAA,QAAA,EAC7G,SAAS,IACRA,GAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAC,MAAM,EAAA,CAAG,IAC5B,WAAW,IACb,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAC5BC,IAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CAEZ,KAAK,GAAG,CAAC,KACRD,GAAA,CAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EAAA,QAAA,EAAA,CAEtE,CACR,EACDC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAAA,CAC9CA,KAAC,IAAI,EAAA,EAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAC,MAAM,aAC3B,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,EAAA,GAAA,EAAG,MAAM,CAAC,MAAM,IAC5C,EACN,MAAM,CAAC,SAAS,KAAK,SAAS,KAC7BA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAA,CAAA,IAAA,EAC3D,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,EAAA,GAAA,CAAA,EAAA,CAC9B,CACR,CAAA,EAAA,CACI,CAAA,EAAA,EAhBY,MAAM,CAAC,OAAO,CAiBlB,CAClB,CAAC,KAEF,GAAG,CACJ,GACI,CAAA,EAAA,CACF,CAAA,EAAA,CACF,EACN,QAAQ,EAAE,IAAI,EAAE,WAAW,KAC1BD,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,qEAAqE,EAAA,QAAA,EACnFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA,QAAA,EAChGA,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,GAAI,EAAA,CACnD,EAAA,CACF,CACR,EACDC,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,8EAA8E,EAAA,QAAA,EAAA,CAE5FD,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,6BAA6B,EACvC,QAAQ,EAAE,CAAC,WAAW,EACtB,OAAO,EAAE,MAAM,MAAM,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,qBAAqB,CAAC,+BAGjE,EACR,SAAS,IAERA,IAAC,MAAM,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAC,QAAQ,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,CAE/C,IACP,gBAAgB,IAClBA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,OACN,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,mBAAA,EAAsB,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA,WAAA,EAAc,QAAQ,CAAC,OAAO,CAAA,CAAE,CAAC,0BAIpH,KAITA,aAAK,SAAS,EAAC,iDAAiD,EAAA,QAAA,EAC9DA,GAAA,CAAC,aAAa,IACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAEA,GAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,eAAA,EAAA,CAAqB,EAChC,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,UAAU,EAAA,QAAA,EAEpBA,IAAC,MAAM,EAAA,EAAC,SAAS,EAAC,qDAAqD,EAAC,QAAQ,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,CAEvE,EAAA,CACK,EAAA,CACZ,CACP,CAAA,EAAA,CACI,CAAA,EAAA,CACF,IACF,CACR,CAAA,EAAA,CACI,EAAA,CACD;AAEZ;;;;"}
|