@ape.swap/bonds-sdk 7.0.4-test.3 → 7.0.4-test.5

package/dist/adapters/evm/views/lpStaking/BuyComponentLpStaking.js

@@ -201,7 +201,7 @@ const BuyComponentLpStaking = ({ onDismiss, bondAddress, bondChain, handlePurcha
             setLoadingTx(false);
         }
     };
-    return bondData ? (jsx(Flex, { className: "modal-content ape:flex ape:flex-col ape:rounded-[10px] ape:bg-white2 ape:w-full ape:p-3.75 ape:md:p-5", style: { ...MCBuyComponentStyles[bondData?.marketingCampaign] }, children: jsxs(Flex, { className: "modaltable-container ape:w-full ape:flex ape:flex-col ape:relative ape:gap-2.5", children: [jsx(LpBondModalHeader, { bondData: bondData, onDismiss: onDismiss }), jsx(ProjectDescription, { description: bondData.shortDescription, isProjectView: isProjectView }), jsx(Flex, { className: clsx('ape:w-full', isProjectView ? 'ape:flex ape:md:hidden!' : 'ape:flex'), children: jsx(BondCards, { bondData: bondData, isDoingMaxBuy: false }) }), jsx(LpStakingEstimations, { inputValue: inputValue, inputTokenPrice: inputTokenPrice, bondData: bondData, youSpendString: youSpendString, isZap: isZapSupported, fetchingZapQuote: zapLoading, zapError: zapError, protocolQuote: zapData?.protocolQuote, lpQuote: zapData?.lpQuote }), jsx(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleValueBtn: handleMaxButton, handleCurrencySelect: handleCurrencySelect, bondChainId: bondData?.chainId, enableZap: true, bondPrincipalToken: bondData?.lpToken, tokenBalance: inputCurrencyBalance, selectedTokenPrice: parseFloat(bondData?.principalTokenPrice ?? '0'), marketingCampaign: bondData?.marketingCampaign, isConnected: !!account }), bondData?.warningCard && (jsx(Flex, { className: "ape:w-full ape:rounded-normal ape:p-[2px_10px]", style: { background: '#DE62F366' }, children: jsx(Text, { as: "div", size: "12px", className: "ape:font-normal ape:flex ape:items-center ape:leading-5.5!", children: jsx(SafeHTMLComponent, { html: bondData?.warningCard }) }) })), jsx(Flex, { className: "modaltable-container button-container ape:w-full ape:flex ape:relative ape:flex-row ape:justify-between", children: jsx(Flex, { className: "button-container buy ape:justify-center ape:items-center ape:cursor-pointer ape:w-full", children: !account ? (jsx(ConnectButton, {})) : (jsx(Button, { className: "action-button ape:w-full ape:text-[14px]! ape:lg:text-[16px]!", load: load || approvalState === ApprovalState.PENDING || zapLoading, disabled: load ||
+    return bondData ? (jsx(Flex, { className: "modal-content ape:flex ape:flex-col ape:rounded-[10px] ape:bg-white2 ape:w-full ape:p-3.75 ape:md:p-5", style: { ...MCBuyComponentStyles[bondData?.marketingCampaign] }, children: jsxs(Flex, { className: "modaltable-container ape:w-full ape:flex ape:flex-col ape:relative ape:gap-2.5", children: [jsx(LpBondModalHeader, { bondData: bondData, onDismiss: onDismiss }), jsx(ProjectDescription, { description: bondData.shortDescription, isProjectView: true }), jsx(Flex, { className: clsx('ape:w-full', isProjectView ? 'ape:flex ape:md:hidden!' : 'ape:flex'), children: jsx(BondCards, { bondData: bondData, isDoingMaxBuy: false }) }), jsx(LpStakingEstimations, { inputValue: inputValue, inputTokenPrice: inputTokenPrice, bondData: bondData, youSpendString: youSpendString, isZap: isZapSupported, fetchingZapQuote: zapLoading, zapError: zapError, protocolQuote: zapData?.protocolQuote, lpQuote: zapData?.lpQuote }), jsx(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: inputToken, handleValueBtn: handleMaxButton, handleCurrencySelect: handleCurrencySelect, bondChainId: bondData?.chainId, enableZap: true, bondPrincipalToken: bondData?.lpToken, tokenBalance: inputCurrencyBalance, selectedTokenPrice: parseFloat(bondData?.principalTokenPrice ?? '0'), marketingCampaign: bondData?.marketingCampaign, isConnected: !!account }), bondData?.warningCard && (jsx(Flex, { className: "ape:w-full ape:rounded-normal ape:p-[2px_10px]", style: { background: '#DE62F366' }, children: jsx(Text, { as: "div", size: "12px", className: "ape:font-normal ape:flex ape:items-center ape:leading-5.5!", children: jsx(SafeHTMLComponent, { html: bondData?.warningCard }) }) })), jsx(Flex, { className: "modaltable-container button-container ape:w-full ape:flex ape:relative ape:flex-row ape:justify-between", children: jsx(Flex, { className: "button-container buy ape:justify-center ape:items-center ape:cursor-pointer ape:w-full", children: !account ? (jsx(ConnectButton, {})) : (jsx(Button, { className: "action-button ape:w-full ape:text-[14px]! ape:lg:text-[16px]!", load: load || approvalState === ApprovalState.PENDING || zapLoading, disabled: load ||
                                 approvalState === ApprovalState.PENDING ||
                                 bondData?.soldOut ||
                                 isEmptyInput ||

package/dist/adapters/evm/views/lpStaking/BuyComponentLpStaking.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuyComponentLpStaking.js","sources":["../../../../../src/adapters/evm/views/lpStaking/BuyComponentLpStaking.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useChainId, useSendTransaction, useSwitchChain } from 'wagmi'\nimport { ChainId, MarketingCampaign } from '@ape.swap/apeswap-lists'\nimport type { ChainBuyComponentProps } from '../../../types'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport { useSendReferenceId } from '../../../../hooks/useSendReferenceId'\nimport TokenSelectorPanel from '../../../../components/TokenSelectorPanel'\nimport ConnectButton from '../../../../components/ConnectButton'\nimport ProjectDescription from '../../../../views/BuyBond/components/ProjectDescription'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport { MCBuyComponentStyles } from '../../../../utils/campaignStyles'\nimport { toFixedString } from '../../../../utils/fixedPoint'\nimport { remove0xPrefix } from '../../../../utils/remove0xPrefix'\nimport { reportError } from '../../../../utils/reportError'\nimport track from '../../../../utils/track'\nimport useEVMAccount from '../../state/useEVMAccount'\nimport { ApprovalState, useApproval } from '../../state/useAllowance'\nimport { useMonitorTx } from '../../state/useMonitorTx'\nimport clsx from 'clsx'\nimport BondCards from '../../../../views/BuyBond/components/BondCards/BondCards'\nimport Text from '../../../../components/uikit-sdk/Text'\nimport SafeHTMLComponent from '../../../../components/SafeHTMLComponent'\nimport useSoulZapLpStakingQuote from '../../state/lpStaking/useSoulZapLpStakingQuote'\nimport { parseEther } from 'viem'\nimport useTokenFromZapList from '../../../../hooks/useTokenFromZapList'\nimport { SoulZapTokenManager } from '../../../../config/constants/addresses'\nimport { ZapSupportedChainId } from '../../../../config/constants/variables'\nimport LpBondModalHeader from './LpBondModalHeader'\nimport LpStakingEstimations from './LpStakingEstimations'\nimport useSortedZapList from '../../../../hooks/useSortedZapList'\nimport { getSymbol } from '../../../../utils/getNativeTicker'\nimport { formatUSDNumber, getMaxBuy } from '../../../../utils/displayHelpers'\n\n/**\n * Buy form of LP staking bonds (`billType === 'lpStaking'`). Kept apart from the regular EVM BuyComponent because the\n * flow is different: no zaps, tiers, bridge or max-buy rules. Rendered inside ModalHandlerLpStaking from the bond list,\n * and directly by ChainBuyComponent elsewhere.\n */\nconst BuyComponentLpStaking: React.FC<ChainBuyComponentProps> = ({\n  onDismiss,\n  bondAddress,\n  bondChain,\n  handlePurchasedBond,\n  setBillId,\n  isProjectView,\n}) => {\n  // Hooks\n  const SDKConfig = useSDKConfig()\n  const userChainId = useChainId()\n  const { switchChainAsync } = useSwitchChain()\n  const { address: account } = useEVMAccount()\n  const { data: bonds } = useBondsData()\n  const { addToastError } = usePopups()\n  const sendReferenceId = useSendReferenceId()\n  const { sendTransactionAsync } = useSendTransaction()\n\n  // Bond to be used\n  const bondData = useMemo(\n    () =>\n      bonds?.find(\n        (bond) =>\n          bond?.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress?.toLowerCase() &&\n          bond.chainId === bondChain,\n      ),\n    [bonds, bondAddress, bondChain],\n  )\n\n  // State\n  const [buyTxHash, setBuyTxHash] = useState<string | undefined>()\n  const [inputValue, setInputValue] = useState('')\n  const [loadingTx, setLoadingTx] = useState(false)\n  const { isLoading: isConfirming, isSuccess: isConfirmed, data: buyTxReceipt } = useMonitorTx(buyTxHash, bondChain)\n  const [inputTokenString, setInputTokenString] = useState(bondData?.lpToken?.address?.[bondData.chainId])\n  const inputToken = useTokenFromZapList(inputTokenString, bondData?.chainId, bondData?.lpToken)\n\n  const { sortedZapList } = useSortedZapList(bondChain, bondData?.lpToken)\n  const enrichedTokenData = sortedZapList.find((item) =>\n    item.token === 'NATIVE' || inputToken === 'NATIVE'\n      ? item.token === inputToken\n      : item?.token?.address?.[bondChain as ChainId]?.toLowerCase() ===\n        inputToken?.address?.[bondChain as ChainId]?.toLowerCase(),\n  )\n  const inputCurrencyBalance = enrichedTokenData?.balance\n\n  const inputTokenPrice = enrichedTokenData?.price\n\n  // Zap call data\n\n  const [zapLoading, zapData, , zapError] = useSoulZapLpStakingQuote(inputValue, inputToken, bondData, account)\n  // console.log(zapData)\n\n  // Static Data\n  const load = loadingTx || (isConfirming && !isConfirmed)\n  const isWrongChain = !!bondChain && userChainId !== bondChain\n  const exceedsBalance = Number(inputCurrencyBalance ?? '0') < Number(inputValue)\n  const isEmptyInput = !inputValue || parseFloat(inputValue) === 0\n\n  const spendAmount = parseFloat(inputValue) || 0\n  const youSpendString = `${spendAmount.toLocaleString()} ${getSymbol(inputToken, bondData?.chainId)}${inputTokenPrice ? ` ($${formatUSDNumber((spendAmount * inputTokenPrice).toString())})` : ''}`\n  const isZapSupported = false\n  // Every purchase goes through the zap, so it can't be sent without a quote to send\n  const hasZapQuote = !zapError && !!zapData?.txData\n\n  // maxPayout and the bond's remaining capacity are in the pool's stablecoin (lpToken1), counted at $1. Paying with it\n  // needs no price; other tokens are converted with their USD price, and can't be checked without one (the price\n  // guard still reverts the tx).\n  const stablecoinAddress = bondData?.lpStakingConfig?.lpToken1?.address?.[bondChain as ChainId]?.toLowerCase()\n  const isPayingWithStablecoin =\n    inputToken !== 'NATIVE' && inputToken?.address?.[bondChain as ChainId]?.toLowerCase() === stablecoinAddress\n  const spendInStablecoin = isPayingWithStablecoin ? spendAmount : spendAmount * (inputTokenPrice ?? 0)\n  const maxBuy = getMaxBuy(bondData, true)\n  // 0 when the limits couldn't be read; the price guard still applies then\n  const exceedsMaxBuy = maxBuy > 0 && spendInStablecoin > maxBuy\n\n  // Once the buy tx is confirmed, report the new position's NFT id so ModalHandlerLpStaking can show it. The adapter's\n  // deposit event has it: topics = [event, tokenId, campaignId, buyer]. It's the token_id REAL's API lists the\n  // position under, which is the bill's id.\n  useEffect(() => {\n    if (!buyTxReceipt || !setBillId) return\n    try {\n      const adapter = bondData?.lpStakingConfig?.adapter?.toLowerCase()\n      const campaignId = bondData?.lpStakingConfig?.campaignId?.toLowerCase()\n      const depositLog = buyTxReceipt.logs.find(\n        (log) => log.address.toLowerCase() === adapter && log.topics[2]?.toLowerCase() === campaignId,\n      )\n      const tokenIdTopic = depositLog?.topics[1]\n      if (tokenIdTopic) setBillId(BigInt(tokenIdTopic).toString())\n    } catch (e) {\n      console.error(e)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [buyTxReceipt])\n\n  // State Handlers\n  const handleMaxButton = useCallback(() => {\n    setInputValue(inputCurrencyBalance ?? '0')\n  }, [inputCurrencyBalance])\n\n  const handleCurrencySelect = useCallback((newInputToken: string) => {\n    setInputValue('')\n    setInputTokenString(newInputToken)\n  }, [])\n\n  // Approve & Purchase Functions\n  const [approvalState, approveCallback] = useApproval(\n    inputValue,\n    inputToken ?? null,\n    SoulZapTokenManager?.[bondData?.chainId as ZapSupportedChainId] ?? null,\n    account ?? null,\n    bondChain ?? null,\n  )\n  const isApproved = approvalState === ApprovalState.APPROVED\n\n  const handleApprove = async () => {\n    if (isWrongChain) {\n      try {\n        await switchChainAsync({ chainId: bondChain })\n      } catch (error: any) {\n        addToastError(error.shortMessage)\n        return\n      }\n    }\n    await approveCallback()\n    track({\n      event: 'approveBondClick',\n      chain: bondChain,\n      data: {\n        cat: bondData?.billType,\n        bond: bondData?.earnToken.symbol,\n      },\n    })\n  }\n\n  const handleBuy = async () => {\n    if (!bondData || !bondAddress || !bondChain || !hasZapQuote) return\n\n    if (isWrongChain) {\n      try {\n        await switchChainAsync({ chainId: bondChain })\n      } catch (error: any) {\n        addToastError(error.shortMessage)\n        return\n      }\n    }\n\n    setLoadingTx(true)\n    const usdAmount = parseFloat(inputValue) * parseFloat(bondData?.principalTokenPrice ?? '0')\n    track({\n      event: 'buyBondClick',\n      chain: bondChain,\n      data: {\n        cat: bondData?.billType,\n        bond: bondData?.earnToken.symbol,\n        value: usdAmount,\n      },\n    })\n    try {\n      const validated18DecimalAmount = toFixedString(inputValue ?? '0', 18, 'trunc')\n      const parsedValue = parseEther(validated18DecimalAmount)\n      const hash = await sendTransactionAsync({\n        to: zapData.txData.to,\n        data: zapData.txData.data,\n        value: inputToken === 'NATIVE' ? parsedValue : undefined,\n      })\n      if (hash) {\n        setBuyTxHash(hash)\n        sendReferenceId(bondAddress, bondChain, hash)\n        handlePurchasedBond?.({ buyTxHash: hash })\n        track({\n          event: 'bond',\n          chain: bondChain,\n          data: {\n            cat: 'lp-staking-buy',\n            type: bondData?.billType ?? '',\n            typedValue: inputValue,\n            principalToken: bondData?.lpToken.symbol ?? '',\n            earnToken: bondData?.earnToken.symbol ?? '',\n            address: remove0xPrefix(bondAddress),\n            usdAmount,\n          },\n        })\n      }\n    } catch (error: any) {\n      console.error('Buy error', error)\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error,\n        extraInfo: { type: 'buyLpStakingBond', bondData, error },\n        chainId: bondChain,\n        account,\n      })\n      addToastError(error.shortMessage)\n    } finally {\n      setLoadingTx(false)\n    }\n  }\n\n  return bondData ? (\n    <Flex\n      className=\"modal-content ape:flex ape:flex-col ape:rounded-[10px] ape:bg-white2 ape:w-full ape:p-3.75 ape:md:p-5\"\n      style={{ ...MCBuyComponentStyles[bondData?.marketingCampaign as MarketingCampaign] }}\n    >\n      <Flex className=\"modaltable-container ape:w-full ape:flex ape:flex-col ape:relative ape:gap-2.5\">\n        <LpBondModalHeader bondData={bondData} onDismiss={onDismiss} />\n        <ProjectDescription description={bondData.shortDescription} isProjectView={isProjectView} />\n        <Flex className={clsx('ape:w-full', isProjectView ? 'ape:flex ape:md:hidden!' : 'ape:flex')}>\n          <BondCards bondData={bondData} isDoingMaxBuy={false} />\n        </Flex>\n        <LpStakingEstimations\n          inputValue={inputValue}\n          inputTokenPrice={inputTokenPrice}\n          bondData={bondData}\n          youSpendString={youSpendString}\n          isZap={isZapSupported}\n          fetchingZapQuote={zapLoading}\n          zapError={zapError}\n          protocolQuote={zapData?.protocolQuote}\n          lpQuote={zapData?.lpQuote}\n        />\n        <TokenSelectorPanel\n          typedValue={inputValue}\n          setTypedValue={setInputValue}\n          selectedToken={inputToken}\n          handleValueBtn={handleMaxButton}\n          handleCurrencySelect={handleCurrencySelect}\n          bondChainId={bondData?.chainId}\n          enableZap={true}\n          bondPrincipalToken={bondData?.lpToken}\n          tokenBalance={inputCurrencyBalance}\n          selectedTokenPrice={parseFloat(bondData?.principalTokenPrice ?? '0')}\n          marketingCampaign={bondData?.marketingCampaign}\n          isConnected={!!account}\n        />\n        {bondData?.warningCard && (\n          <Flex className=\"ape:w-full ape:rounded-normal ape:p-[2px_10px]\" style={{ background: '#DE62F366' }}>\n            <Text as=\"div\" size=\"12px\" className=\"ape:font-normal ape:flex ape:items-center ape:leading-5.5!\">\n              <SafeHTMLComponent html={bondData?.warningCard} />\n            </Text>\n          </Flex>\n        )}\n        <Flex className=\"modaltable-container button-container ape:w-full ape:flex ape:relative ape:flex-row ape:justify-between\">\n          <Flex className=\"button-container buy ape:justify-center ape:items-center ape:cursor-pointer ape:w-full\">\n            {!account ? (\n              <ConnectButton />\n            ) : (\n              <Button\n                className=\"action-button ape:w-full ape:text-[14px]! ape:lg:text-[16px]!\"\n                load={load || approvalState === ApprovalState.PENDING || zapLoading}\n                disabled={\n                  load ||\n                  approvalState === ApprovalState.PENDING ||\n                  bondData?.soldOut ||\n                  isEmptyInput ||\n                  exceedsBalance ||\n                  exceedsMaxBuy ||\n                  SDKConfig.blockSales ||\n                  zapLoading ||\n                  // Approving doesn't need the quote, buying does\n                  (isApproved && !hasZapQuote)\n                }\n                onClick={isApproved ? handleBuy : handleApprove}\n              >\n                {exceedsBalance\n                  ? 'Exceeds balance'\n                  : isEmptyInput\n                    ? 'Insert amount'\n                    : exceedsMaxBuy\n                      ? 'Exceeds Max Buy. Reduce amount'\n                      : isApproved\n                        ? zapLoading\n                          ? 'Loading'\n                          : hasZapQuote\n                            ? 'buy'\n                            : 'Quote unavailable'\n                        : 'approve'}\n              </Button>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  ) : (\n    <></>\n  )\n}\n\nexport default React.memo(BuyComponentLpStaking)\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"BuyComponentLpStaking.js","sources":["../../../../../src/adapters/evm/views/lpStaking/BuyComponentLpStaking.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useChainId, useSendTransaction, useSwitchChain } from 'wagmi'\nimport { ChainId, MarketingCampaign } from '@ape.swap/apeswap-lists'\nimport type { ChainBuyComponentProps } from '../../../types'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport { useSendReferenceId } from '../../../../hooks/useSendReferenceId'\nimport TokenSelectorPanel from '../../../../components/TokenSelectorPanel'\nimport ConnectButton from '../../../../components/ConnectButton'\nimport ProjectDescription from '../../../../views/BuyBond/components/ProjectDescription'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport { MCBuyComponentStyles } from '../../../../utils/campaignStyles'\nimport { toFixedString } from '../../../../utils/fixedPoint'\nimport { remove0xPrefix } from '../../../../utils/remove0xPrefix'\nimport { reportError } from '../../../../utils/reportError'\nimport track from '../../../../utils/track'\nimport useEVMAccount from '../../state/useEVMAccount'\nimport { ApprovalState, useApproval } from '../../state/useAllowance'\nimport { useMonitorTx } from '../../state/useMonitorTx'\nimport clsx from 'clsx'\nimport BondCards from '../../../../views/BuyBond/components/BondCards/BondCards'\nimport Text from '../../../../components/uikit-sdk/Text'\nimport SafeHTMLComponent from '../../../../components/SafeHTMLComponent'\nimport useSoulZapLpStakingQuote from '../../state/lpStaking/useSoulZapLpStakingQuote'\nimport { parseEther } from 'viem'\nimport useTokenFromZapList from '../../../../hooks/useTokenFromZapList'\nimport { SoulZapTokenManager } from '../../../../config/constants/addresses'\nimport { ZapSupportedChainId } from '../../../../config/constants/variables'\nimport LpBondModalHeader from './LpBondModalHeader'\nimport LpStakingEstimations from './LpStakingEstimations'\nimport useSortedZapList from '../../../../hooks/useSortedZapList'\nimport { getSymbol } from '../../../../utils/getNativeTicker'\nimport { formatUSDNumber, getMaxBuy } from '../../../../utils/displayHelpers'\n\n/**\n * Buy form of LP staking bonds (`billType === 'lpStaking'`). Kept apart from the regular EVM BuyComponent because the\n * flow is different: no zaps, tiers, bridge or max-buy rules. Rendered inside ModalHandlerLpStaking from the bond list,\n * and directly by ChainBuyComponent elsewhere.\n */\nconst BuyComponentLpStaking: React.FC<ChainBuyComponentProps> = ({\n  onDismiss,\n  bondAddress,\n  bondChain,\n  handlePurchasedBond,\n  setBillId,\n  isProjectView,\n}) => {\n  // Hooks\n  const SDKConfig = useSDKConfig()\n  const userChainId = useChainId()\n  const { switchChainAsync } = useSwitchChain()\n  const { address: account } = useEVMAccount()\n  const { data: bonds } = useBondsData()\n  const { addToastError } = usePopups()\n  const sendReferenceId = useSendReferenceId()\n  const { sendTransactionAsync } = useSendTransaction()\n\n  // Bond to be used\n  const bondData = useMemo(\n    () =>\n      bonds?.find(\n        (bond) =>\n          bond?.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress?.toLowerCase() &&\n          bond.chainId === bondChain,\n      ),\n    [bonds, bondAddress, bondChain],\n  )\n\n  // State\n  const [buyTxHash, setBuyTxHash] = useState<string | undefined>()\n  const [inputValue, setInputValue] = useState('')\n  const [loadingTx, setLoadingTx] = useState(false)\n  const { isLoading: isConfirming, isSuccess: isConfirmed, data: buyTxReceipt } = useMonitorTx(buyTxHash, bondChain)\n  const [inputTokenString, setInputTokenString] = useState(bondData?.lpToken?.address?.[bondData.chainId])\n  const inputToken = useTokenFromZapList(inputTokenString, bondData?.chainId, bondData?.lpToken)\n\n  const { sortedZapList } = useSortedZapList(bondChain, bondData?.lpToken)\n  const enrichedTokenData = sortedZapList.find((item) =>\n    item.token === 'NATIVE' || inputToken === 'NATIVE'\n      ? item.token === inputToken\n      : item?.token?.address?.[bondChain as ChainId]?.toLowerCase() ===\n        inputToken?.address?.[bondChain as ChainId]?.toLowerCase(),\n  )\n  const inputCurrencyBalance = enrichedTokenData?.balance\n\n  const inputTokenPrice = enrichedTokenData?.price\n\n  // Zap call data\n\n  const [zapLoading, zapData, , zapError] = useSoulZapLpStakingQuote(inputValue, inputToken, bondData, account)\n  // console.log(zapData)\n\n  // Static Data\n  const load = loadingTx || (isConfirming && !isConfirmed)\n  const isWrongChain = !!bondChain && userChainId !== bondChain\n  const exceedsBalance = Number(inputCurrencyBalance ?? '0') < Number(inputValue)\n  const isEmptyInput = !inputValue || parseFloat(inputValue) === 0\n\n  const spendAmount = parseFloat(inputValue) || 0\n  const youSpendString = `${spendAmount.toLocaleString()} ${getSymbol(inputToken, bondData?.chainId)}${inputTokenPrice ? ` ($${formatUSDNumber((spendAmount * inputTokenPrice).toString())})` : ''}`\n  const isZapSupported = false\n  // Every purchase goes through the zap, so it can't be sent without a quote to send\n  const hasZapQuote = !zapError && !!zapData?.txData\n\n  // maxPayout and the bond's remaining capacity are in the pool's stablecoin (lpToken1), counted at $1. Paying with it\n  // needs no price; other tokens are converted with their USD price, and can't be checked without one (the price\n  // guard still reverts the tx).\n  const stablecoinAddress = bondData?.lpStakingConfig?.lpToken1?.address?.[bondChain as ChainId]?.toLowerCase()\n  const isPayingWithStablecoin =\n    inputToken !== 'NATIVE' && inputToken?.address?.[bondChain as ChainId]?.toLowerCase() === stablecoinAddress\n  const spendInStablecoin = isPayingWithStablecoin ? spendAmount : spendAmount * (inputTokenPrice ?? 0)\n  const maxBuy = getMaxBuy(bondData, true)\n  // 0 when the limits couldn't be read; the price guard still applies then\n  const exceedsMaxBuy = maxBuy > 0 && spendInStablecoin > maxBuy\n\n  // Once the buy tx is confirmed, report the new position's NFT id so ModalHandlerLpStaking can show it. The adapter's\n  // deposit event has it: topics = [event, tokenId, campaignId, buyer]. It's the token_id REAL's API lists the\n  // position under, which is the bill's id.\n  useEffect(() => {\n    if (!buyTxReceipt || !setBillId) return\n    try {\n      const adapter = bondData?.lpStakingConfig?.adapter?.toLowerCase()\n      const campaignId = bondData?.lpStakingConfig?.campaignId?.toLowerCase()\n      const depositLog = buyTxReceipt.logs.find(\n        (log) => log.address.toLowerCase() === adapter && log.topics[2]?.toLowerCase() === campaignId,\n      )\n      const tokenIdTopic = depositLog?.topics[1]\n      if (tokenIdTopic) setBillId(BigInt(tokenIdTopic).toString())\n    } catch (e) {\n      console.error(e)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [buyTxReceipt])\n\n  // State Handlers\n  const handleMaxButton = useCallback(() => {\n    setInputValue(inputCurrencyBalance ?? '0')\n  }, [inputCurrencyBalance])\n\n  const handleCurrencySelect = useCallback((newInputToken: string) => {\n    setInputValue('')\n    setInputTokenString(newInputToken)\n  }, [])\n\n  // Approve & Purchase Functions\n  const [approvalState, approveCallback] = useApproval(\n    inputValue,\n    inputToken ?? null,\n    SoulZapTokenManager?.[bondData?.chainId as ZapSupportedChainId] ?? null,\n    account ?? null,\n    bondChain ?? null,\n  )\n  const isApproved = approvalState === ApprovalState.APPROVED\n\n  const handleApprove = async () => {\n    if (isWrongChain) {\n      try {\n        await switchChainAsync({ chainId: bondChain })\n      } catch (error: any) {\n        addToastError(error.shortMessage)\n        return\n      }\n    }\n    await approveCallback()\n    track({\n      event: 'approveBondClick',\n      chain: bondChain,\n      data: {\n        cat: bondData?.billType,\n        bond: bondData?.earnToken.symbol,\n      },\n    })\n  }\n\n  const handleBuy = async () => {\n    if (!bondData || !bondAddress || !bondChain || !hasZapQuote) return\n\n    if (isWrongChain) {\n      try {\n        await switchChainAsync({ chainId: bondChain })\n      } catch (error: any) {\n        addToastError(error.shortMessage)\n        return\n      }\n    }\n\n    setLoadingTx(true)\n    const usdAmount = parseFloat(inputValue) * parseFloat(bondData?.principalTokenPrice ?? '0')\n    track({\n      event: 'buyBondClick',\n      chain: bondChain,\n      data: {\n        cat: bondData?.billType,\n        bond: bondData?.earnToken.symbol,\n        value: usdAmount,\n      },\n    })\n    try {\n      const validated18DecimalAmount = toFixedString(inputValue ?? '0', 18, 'trunc')\n      const parsedValue = parseEther(validated18DecimalAmount)\n      const hash = await sendTransactionAsync({\n        to: zapData.txData.to,\n        data: zapData.txData.data,\n        value: inputToken === 'NATIVE' ? parsedValue : undefined,\n      })\n      if (hash) {\n        setBuyTxHash(hash)\n        sendReferenceId(bondAddress, bondChain, hash)\n        handlePurchasedBond?.({ buyTxHash: hash })\n        track({\n          event: 'bond',\n          chain: bondChain,\n          data: {\n            cat: 'lp-staking-buy',\n            type: bondData?.billType ?? '',\n            typedValue: inputValue,\n            principalToken: bondData?.lpToken.symbol ?? '',\n            earnToken: bondData?.earnToken.symbol ?? '',\n            address: remove0xPrefix(bondAddress),\n            usdAmount,\n          },\n        })\n      }\n    } catch (error: any) {\n      console.error('Buy error', error)\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error,\n        extraInfo: { type: 'buyLpStakingBond', bondData, error },\n        chainId: bondChain,\n        account,\n      })\n      addToastError(error.shortMessage)\n    } finally {\n      setLoadingTx(false)\n    }\n  }\n\n  return bondData ? (\n    <Flex\n      className=\"modal-content ape:flex ape:flex-col ape:rounded-[10px] ape:bg-white2 ape:w-full ape:p-3.75 ape:md:p-5\"\n      style={{ ...MCBuyComponentStyles[bondData?.marketingCampaign as MarketingCampaign] }}\n    >\n      <Flex className=\"modaltable-container ape:w-full ape:flex ape:flex-col ape:relative ape:gap-2.5\">\n        <LpBondModalHeader bondData={bondData} onDismiss={onDismiss} />\n        {/* isProjectView makes it render at all (it's always on in the regular BuyComponent), not a page check */}\n        <ProjectDescription description={bondData.shortDescription} isProjectView />\n        <Flex className={clsx('ape:w-full', isProjectView ? 'ape:flex ape:md:hidden!' : 'ape:flex')}>\n          <BondCards bondData={bondData} isDoingMaxBuy={false} />\n        </Flex>\n        <LpStakingEstimations\n          inputValue={inputValue}\n          inputTokenPrice={inputTokenPrice}\n          bondData={bondData}\n          youSpendString={youSpendString}\n          isZap={isZapSupported}\n          fetchingZapQuote={zapLoading}\n          zapError={zapError}\n          protocolQuote={zapData?.protocolQuote}\n          lpQuote={zapData?.lpQuote}\n        />\n        <TokenSelectorPanel\n          typedValue={inputValue}\n          setTypedValue={setInputValue}\n          selectedToken={inputToken}\n          handleValueBtn={handleMaxButton}\n          handleCurrencySelect={handleCurrencySelect}\n          bondChainId={bondData?.chainId}\n          enableZap={true}\n          bondPrincipalToken={bondData?.lpToken}\n          tokenBalance={inputCurrencyBalance}\n          selectedTokenPrice={parseFloat(bondData?.principalTokenPrice ?? '0')}\n          marketingCampaign={bondData?.marketingCampaign}\n          isConnected={!!account}\n        />\n        {bondData?.warningCard && (\n          <Flex className=\"ape:w-full ape:rounded-normal ape:p-[2px_10px]\" style={{ background: '#DE62F366' }}>\n            <Text as=\"div\" size=\"12px\" className=\"ape:font-normal ape:flex ape:items-center ape:leading-5.5!\">\n              <SafeHTMLComponent html={bondData?.warningCard} />\n            </Text>\n          </Flex>\n        )}\n        <Flex className=\"modaltable-container button-container ape:w-full ape:flex ape:relative ape:flex-row ape:justify-between\">\n          <Flex className=\"button-container buy ape:justify-center ape:items-center ape:cursor-pointer ape:w-full\">\n            {!account ? (\n              <ConnectButton />\n            ) : (\n              <Button\n                className=\"action-button ape:w-full ape:text-[14px]! ape:lg:text-[16px]!\"\n                load={load || approvalState === ApprovalState.PENDING || zapLoading}\n                disabled={\n                  load ||\n                  approvalState === ApprovalState.PENDING ||\n                  bondData?.soldOut ||\n                  isEmptyInput ||\n                  exceedsBalance ||\n                  exceedsMaxBuy ||\n                  SDKConfig.blockSales ||\n                  zapLoading ||\n                  // Approving doesn't need the quote, buying does\n                  (isApproved && !hasZapQuote)\n                }\n                onClick={isApproved ? handleBuy : handleApprove}\n              >\n                {exceedsBalance\n                  ? 'Exceeds balance'\n                  : isEmptyInput\n                    ? 'Insert amount'\n                    : exceedsMaxBuy\n                      ? 'Exceeds Max Buy. Reduce amount'\n                      : isApproved\n                        ? zapLoading\n                          ? 'Loading'\n                          : hasZapQuote\n                            ? 'buy'\n                            : 'Quote unavailable'\n                        : 'approve'}\n              </Button>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  ) : (\n    <></>\n  )\n}\n\nexport default React.memo(BuyComponentLpStaking)\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA;;;;AAIG;AACH,MAAM,qBAAqB,GAAqC,CAAC,EAC/D,SAAS,EACT,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,SAAS,EACT,aAAa,GACd,KAAI;;AAEH,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,MAAM,WAAW,GAAG,UAAU,EAAE;AAChC,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,cAAc,EAAE;IAC7C,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE;AACtC,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE;AACrC,IAAA,MAAM,eAAe,GAAG,kBAAkB,EAAE;AAC5C,IAAA,MAAM,EAAE,oBAAoB,EAAE,GAAG,kBAAkB,EAAE;;AAGrD,IAAA,MAAM,QAAQ,GAAG,OAAO,CACtB,MACE,KAAK,EAAE,IAAI,CACT,CAAC,IAAI,KACH,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,WAAW,EAAE;AACnF,QAAA,IAAI,CAAC,OAAO,KAAK,SAAS,CAC7B,EACH,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CAChC;;IAGD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAsB;IAChE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjD,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC;IAClH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;AACxG,IAAA,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;AAE9F,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC;AACxE,IAAA,MAAM,iBAAiB,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,KAChD,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,UAAU,KAAK;AACxC,UAAE,IAAI,CAAC,KAAK,KAAK;AACjB,UAAE,IAAI,EAAE,KAAK,EAAE,OAAO,GAAG,SAAoB,CAAC,EAAE,WAAW,EAAE;YAC3D,UAAU,EAAE,OAAO,GAAG,SAAoB,CAAC,EAAE,WAAW,EAAE,CAC/D;AACD,IAAA,MAAM,oBAAoB,GAAG,iBAAiB,EAAE,OAAO;AAEvD,IAAA,MAAM,eAAe,GAAG,iBAAiB,EAAE,KAAK;;IAIhD,MAAM,CAAC,UAAU,EAAE,OAAO,IAAI,QAAQ,CAAC,GAAG,wBAAwB,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC;;;IAI7G,MAAM,IAAI,GAAG,SAAS,KAAK,YAAY,IAAI,CAAC,WAAW,CAAC;IACxD,MAAM,YAAY,GAAG,CAAC,CAAC,SAAS,IAAI,WAAW,KAAK,SAAS;AAC7D,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAoB,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC;IAC/E,MAAM,YAAY,GAAG,CAAC,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC;IAEhE,MAAM,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC;AAC/C,IAAA,MAAM,cAAc,GAAG,CAAA,EAAG,WAAW,CAAC,cAAc,EAAE,CAAA,CAAA,EAAI,SAAS,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC,GAAG,eAAe,GAAG,MAAM,eAAe,CAAC,CAAC,WAAW,GAAG,eAAe,EAAE,QAAQ,EAAE,CAAC,CAAA,CAAA,CAAG,GAAG,EAAE,EAAE;IAClM,MAAM,cAAc,GAAG,KAAK;;IAE5B,MAAM,WAAW,GAAG,CAAC,QAAQ,IAAI,CAAC,CAAC,OAAO,EAAE,MAAM;;;;AAKlD,IAAA,MAAM,iBAAiB,GAAG,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAoB,CAAC,EAAE,WAAW,EAAE;AAC7G,IAAA,MAAM,sBAAsB,GAC1B,UAAU,KAAK,QAAQ,IAAI,UAAU,EAAE,OAAO,GAAG,SAAoB,CAAC,EAAE,WAAW,EAAE,KAAK,iBAAiB;AAC7G,IAAA,MAAM,iBAAiB,GAAG,sBAAsB,GAAG,WAAW,GAAG,WAAW,IAAI,eAAe,IAAI,CAAC,CAAC;IACrG,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC;;IAExC,MAAM,aAAa,GAAG,MAAM,GAAG,CAAC,IAAI,iBAAiB,GAAG,MAAM;;;;IAK9D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,YAAY,IAAI,CAAC,SAAS;YAAE;AACjC,QAAA,IAAI;YACF,MAAM,OAAO,GAAG,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE;YACjE,MAAM,UAAU,GAAG,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE;AACvE,YAAA,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CACvC,CAAC,GAAG,KAAK,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,OAAO,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,UAAU,CAC9F;YACD,MAAM,YAAY,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AAC1C,YAAA,IAAI,YAAY;gBAAE,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,EAAE,CAAC;QAC9D;QAAE,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QAClB;;AAEF,IAAA,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;;AAGlB,IAAA,MAAM,eAAe,GAAG,WAAW,CAAC,MAAK;AACvC,QAAA,aAAa,CAAC,oBAAoB,IAAI,GAAG,CAAC;AAC5C,IAAA,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC;AAE1B,IAAA,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,aAAqB,KAAI;QACjE,aAAa,CAAC,EAAE,CAAC;QACjB,mBAAmB,CAAC,aAAa,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC;;AAGN,IAAA,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,GAAG,WAAW,CAClD,UAAU,EACV,UAAU,IAAI,IAAI,EAClB,mBAAmB,GAAG,QAAQ,EAAE,OAA8B,CAAC,IAAI,IAAI,EACvE,OAAO,IAAI,IAAI,EACf,SAAS,IAAI,IAAI,CAClB;AACD,IAAA,MAAM,UAAU,GAAG,aAAa,KAAK,aAAa,CAAC,QAAQ;AAE3D,IAAA,MAAM,aAAa,GAAG,YAAW;QAC/B,IAAI,YAAY,EAAE;AAChB,YAAA,IAAI;gBACF,MAAM,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;YAChD;YAAE,OAAO,KAAU,EAAE;AACnB,gBAAA,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC;gBACjC;YACF;QACF;QACA,MAAM,eAAe,EAAE;AACvB,QAAA,KAAK,CAAC;AACJ,YAAA,KAAK,EAAE,kBAAkB;AACzB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,IAAI,EAAE;gBACJ,GAAG,EAAE,QAAQ,EAAE,QAAQ;AACvB,gBAAA,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM;AACjC,aAAA;AACF,SAAA,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,SAAS,GAAG,YAAW;QAC3B,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW,IAAI,CAAC,SAAS,IAAI,CAAC,WAAW;YAAE;QAE7D,IAAI,YAAY,EAAE;AAChB,YAAA,IAAI;gBACF,MAAM,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;YAChD;YAAE,OAAO,KAAU,EAAE;AACnB,gBAAA,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC;gBACjC;YACF;QACF;QAEA,YAAY,CAAC,IAAI,CAAC;AAClB,QAAA,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC,QAAQ,EAAE,mBAAmB,IAAI,GAAG,CAAC;AAC3F,QAAA,KAAK,CAAC;AACJ,YAAA,KAAK,EAAE,cAAc;AACrB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,IAAI,EAAE;gBACJ,GAAG,EAAE,QAAQ,EAAE,QAAQ;AACvB,gBAAA,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM;AAChC,gBAAA,KAAK,EAAE,SAAS;AACjB,aAAA;AACF,SAAA,CAAC;AACF,QAAA,IAAI;AACF,YAAA,MAAM,wBAAwB,GAAG,aAAa,CAAC,UAAU,IAAI,GAAG,EAAE,EAAE,EAAE,OAAO,CAAC;AAC9E,YAAA,MAAM,WAAW,GAAG,UAAU,CAAC,wBAAwB,CAAC;AACxD,YAAA,MAAM,IAAI,GAAG,MAAM,oBAAoB,CAAC;AACtC,gBAAA,EAAE,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE;AACrB,gBAAA,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI;gBACzB,KAAK,EAAE,UAAU,KAAK,QAAQ,GAAG,WAAW,GAAG,SAAS;AACzD,aAAA,CAAC;YACF,IAAI,IAAI,EAAE;gBACR,YAAY,CAAC,IAAI,CAAC;AAClB,gBAAA,eAAe,CAAC,WAAW,EAAE,SAAS,EAAE,IAAI,CAAC;gBAC7C,mBAAmB,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAC1C,gBAAA,KAAK,CAAC;AACJ,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,KAAK,EAAE,SAAS;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,GAAG,EAAE,gBAAgB;AACrB,wBAAA,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAI,EAAE;AAC9B,wBAAA,UAAU,EAAE,UAAU;AACtB,wBAAA,cAAc,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE;AAC9C,wBAAA,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM,IAAI,EAAE;AAC3C,wBAAA,OAAO,EAAE,cAAc,CAAC,WAAW,CAAC;wBACpC,SAAS;AACV,qBAAA;AACF,iBAAA,CAAC;YACJ;QACF;QAAE,OAAO,KAAU,EAAE;AACnB,YAAA,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC;AACjC,YAAA,WAAW,CAAC;AACV,gBAAA,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK;gBAC9B,KAAK;gBACL,SAAS,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAE,KAAK,EAAE;AACxD,gBAAA,OAAO,EAAE,SAAS;gBAClB,OAAO;AACR,aAAA,CAAC;AACF,YAAA,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC;QACnC;gBAAU;YACR,YAAY,CAAC,KAAK,CAAC;QACrB;AACF,IAAA,CAAC;AAED,IAAA,OAAO,QAAQ,IACbA,GAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,uGAAuG,EACjH,KAAK,EAAE,EAAE,GAAG,oBAAoB,CAAC,QAAQ,EAAE,iBAAsC,CAAC,EAAE,EAAA,QAAA,EAEpFC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gFAAgF,EAAA,QAAA,EAAA,CAC9FD,GAAA,CAAC,iBAAiB,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAI,EAE/DA,GAAA,CAAC,kBAAkB,EAAA,EAAC,WAAW,EAAE,QAAQ,CAAC,gBAAgB,EAAE,aAAa,EAAA,IAAA,EAAA,CAAG,EAC5EA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,aAAa,GAAG,yBAAyB,GAAG,UAAU,CAAC,EAAA,QAAA,EACzFA,GAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAA,CAAI,EAAA,CAClD,EACPA,IAAC,oBAAoB,EAAA,EACnB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,cAAc,EACrB,gBAAgB,EAAE,UAAU,EAC5B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,OAAO,EAAE,aAAa,EACrC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAA,CACzB,EACFA,GAAA,CAAC,kBAAkB,EAAA,EACjB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,UAAU,EACzB,cAAc,EAAE,eAAe,EAC/B,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW,EAAE,QAAQ,EAAE,OAAO,EAC9B,SAAS,EAAE,IAAI,EACf,kBAAkB,EAAE,QAAQ,EAAE,OAAO,EACrC,YAAY,EAAE,oBAAoB,EAClC,kBAAkB,EAAE,UAAU,CAAC,QAAQ,EAAE,mBAAmB,IAAI,GAAG,CAAC,EACpE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,EAC9C,WAAW,EAAE,CAAC,CAAC,OAAO,EAAA,CACtB,EACD,QAAQ,EAAE,WAAW,KACpBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gDAAgD,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,EAAA,QAAA,EACjGA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,4DAA4D,EAAA,QAAA,EAC/FA,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAA,CAAI,EAAA,CAC7C,EAAA,CACF,CACR,EACDA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,yGAAyG,EAAA,QAAA,EACvHA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,wFAAwF,EAAA,QAAA,EACrG,CAAC,OAAO,IACPA,GAAA,CAAC,aAAa,EAAA,EAAA,CAAG,KAEjBA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,+DAA+D,EACzE,IAAI,EAAE,IAAI,IAAI,aAAa,KAAK,aAAa,CAAC,OAAO,IAAI,UAAU,EACnE,QAAQ,EACN,IAAI;gCACJ,aAAa,KAAK,aAAa,CAAC,OAAO;AACvC,gCAAA,QAAQ,EAAE,OAAO;gCACjB,YAAY;gCACZ,cAAc;gCACd,aAAa;AACb,gCAAA,SAAS,CAAC,UAAU;gCACpB,UAAU;;AAEV,iCAAC,UAAU,IAAI,CAAC,WAAW,CAAC,EAE9B,OAAO,EAAE,UAAU,GAAG,SAAS,GAAG,aAAa,YAE9C;AACC,kCAAE;AACF,kCAAE;AACA,sCAAE;AACF,sCAAE;AACA,0CAAE;AACF,0CAAE;AACA,8CAAE;AACA,kDAAE;AACF,kDAAE;AACA,sDAAE;AACF,sDAAE;AACN,8CAAE,SAAS,EAAA,CACZ,CACV,GACI,EAAA,CACF,CAAA,EAAA,CACF,EAAA,CACF,KAEPA,GAAA,CAAAE,QAAA,EAAA,EAAA,CAAK,CACN;AACH,CAAC;AAED,8BAAe,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC;;;;"}

package/dist/adapters/evm/views/lpStaking/LpBondModalHeader.js

@@ -4,8 +4,6 @@ import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
 import { discountEarnTokenPrice } from '../../../../utils/displayHelpers.js';
 import useModal from '../../../../hooks/useModal.js';
 import SlippageModal from '../../../../components/SlippageModal/index.js';
-import ExpandedViewButton from '../../../../views/BuyBond/components/ExpandedViewButton.js';
-import track from '../../../../utils/track.js';
 import BondModalMinTierHeader from '../../../../views/BuyBond/components/BondModalMinTierHeader.js';
 import useTierPoints from '../../../../state/tiers/useTierPoints.js';
 import { TIERS_WEIGHT, promotionDataMapping } from '../../../../state/tiers/tiers.js';
@@ -31,7 +29,6 @@ const LpBondModalHeader = ({ bondData, onDismiss, hidePromotionUi = false, }) =>
     // Static Data
     const tokenSymbol0 = bondData.lpStakingConfig?.lpToken0.symbol;
     const tokenSymbol1 = bondData.lpStakingConfig?.lpToken1.symbol;
-    const showProjectInfoButton = SDKConfig?.referenceId === 'apebond';
     const isBondEligibleForPromotion = !(bondData?.billType === 'lpStaking') && // lpStaking bonds are not eligible for promotions
         (eligibleChains === undefined || eligibleChains?.includes(bondData.chainId)); // if promotion comes with eligibleChains undefined means it should be used for every chain
     const minTier = bondData.minTier !== undefined ? bondData.minTier : null;
@@ -43,21 +40,9 @@ const LpBondModalHeader = ({ bondData, onDismiss, hidePromotionUi = false, }) =>
         }
         onDismiss?.();
     };
-    const handleProjectViewNavigation = () => {
-        window.location.href = `/bonds/${bondData?.contractAddress?.[bondData?.chainId]}/${bondData?.chainId}`;
-        track({
-            event: 'projectInfoClick',
-            chain: bondData.chainId,
-            data: {
-                cat: 'Modal',
-                bond: bondData.earnToken.symbol,
-                bondChain: bondData.chainId,
-            },
-        });
-    };
     // Modals
     const [onOpenSlippageModal] = useModal(jsx(SlippageModal, { chainId: bondData.chainId }));
-    return (jsxs(Flex, { className: "modaltable-container title-container ape:w-full ape:flex ape:relative ape:flex-col ape:justify-center ape:items-start", children: [jsxs(Flex, { className: "ape:w-full ape:h-[30px] ape:max-md:mb-[10px] ape:md:mb-0 ape:justify-between ape:md:justify-end", children: [jsx(Flex, { className: "ape:flex ape:md:hidden", children: jsx(BondModalMinTierHeader, { minTier: minTier }) }), jsx(Flex, { className: "ape:cursor-pointer", children: onDismiss ? (jsxs(Fragment, { children: [showProjectInfoButton && jsx(ExpandedViewButton, { handleNavigation: handleProjectViewNavigation }), jsx(Flex, { className: "ape:mx-[25px]", onClick: onOpenSlippageModal, children: jsx(Cog, { width: isMobile ? '16px' : '20px' }) }), jsx(Flex, { onClick: handleClose, children: jsx(Close, { color: "text", width: isMobile ? '12px' : '18px' }) })] })) : (jsx(Flex, { className: "ape:py-[3px] ape:mt-[10px]", onClick: onOpenSlippageModal, children: jsx(Cog, { width: isMobile ? '16px' : '20px' }) })) })] }), jsxs(Flex, { className: "ape:w-full ape:relative", children: [jsxs(Flex, { className: "title-container bondicon ape:flex ape:flex-row ape:items-center ape:relative", children: [jsx(Flex, { style: MCTokenIconStyles[bondData.marketingCampaign] }), jsx(TokenImage, { symbol: tokenSymbol0, symbol2: tokenSymbol1, size: 50, chain: bondData.chainId })] }), jsxs(Flex, { className: "ape:flex ape:flex-col ape:pl-[10px] ape:md:pl-[20px] ape:text-[20px] ape:md:text-[24px] ape:font-bold", children: [tokenSymbol0, "-", tokenSymbol1, jsx(ListTag, { text: bondData?.tags?.[0] })] }), jsxs(Flex, { className: "title-container price-container ape:flex-col ape:pl-[10px] ape:md:pl-[20px]", children: [jsxs(Flex, { className: "price-container price ape:line-through ape:opacity-50 ape:font-normal ape:text-[12px] ape:md:text-[14px]", children: ["$", formatNumberSI(bondData.payoutTokenPrice, 2)] }), SDKConfig.useTiers &&
+    return (jsxs(Flex, { className: "modaltable-container title-container ape:w-full ape:flex ape:relative ape:flex-col ape:justify-center ape:items-start", children: [jsxs(Flex, { className: "ape:w-full ape:h-[30px] ape:max-md:mb-[10px] ape:md:mb-0 ape:justify-between ape:md:justify-end", children: [jsx(Flex, { className: "ape:flex ape:md:hidden", children: jsx(BondModalMinTierHeader, { minTier: minTier }) }), jsx(Flex, { className: "ape:cursor-pointer", children: onDismiss ? (jsxs(Fragment, { children: [jsx(Flex, { className: "ape:mx-[25px]", onClick: onOpenSlippageModal, children: jsx(Cog, { width: isMobile ? '16px' : '20px' }) }), jsx(Flex, { onClick: handleClose, children: jsx(Close, { color: "text", width: isMobile ? '12px' : '18px' }) })] })) : (jsx(Flex, { className: "ape:py-[3px] ape:mt-[10px]", onClick: onOpenSlippageModal, children: jsx(Cog, { width: isMobile ? '16px' : '20px' }) })) })] }), jsxs(Flex, { className: "ape:w-full ape:relative", children: [jsxs(Flex, { className: "title-container bondicon ape:flex ape:flex-row ape:items-center ape:relative", children: [jsx(Flex, { style: MCTokenIconStyles[bondData.marketingCampaign] }), jsx(TokenImage, { symbol: tokenSymbol0, symbol2: tokenSymbol1, size: 50, chain: bondData.chainId })] }), jsxs(Flex, { className: "ape:flex ape:flex-col ape:pl-[10px] ape:md:pl-[20px] ape:text-[20px] ape:md:text-[24px] ape:font-bold", children: [tokenSymbol0, "-", tokenSymbol1, jsx(ListTag, { text: bondData?.tags?.[0] })] }), jsxs(Flex, { className: "title-container price-container ape:flex-col ape:pl-[10px] ape:md:pl-[20px]", children: [jsxs(Flex, { className: "price-container price ape:line-through ape:opacity-50 ape:font-normal ape:text-[12px] ape:md:text-[14px]", children: ["$", formatNumberSI(bondData.payoutTokenPrice, 2)] }), SDKConfig.useTiers &&
                                 bondData.billVersion === BillVersion.V4 &&
                                 (bondData?.trueBondPrices?.length ?? 0) > 1 ? (jsxs(Flex, { className: "ape:p-[3px_6px] ape:border ape:border-solid ape:border-[#9960C5] ape:rounded-normal ape:bg-transparent ape:relative ape:overflow-hidden", children: [jsx(Flex, { className: "ape:absolute ape:w-full ape:h-full ape:top-0 ape:left-0 ape:z-[1] ape:bg-[#9960C5] ape:opacity-20" }), jsxs(Flex, { className: "ape:w-full ape:z-[2] ape:items-center", children: [jsx("img", { src: `https://ape.bond/images/launch/mythical.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx(Flex, { className: "ape:text-[12px] ape:md:text-[14px] ape:mr-[3px]", children: "Up to" }), jsxs(Flex, { className: clsx('ape:text-[12px] ape:md:text-[14px]', bonusWithFee && bonusWithFee > 0 ? 'ape:text-success' : 'ape:text-error'), children: ["$", discountEarnTokenPrice(bondData, true)] })] })] })) : (jsxs(Flex, { className: "ape:text-[24px] ape:font-bold", children: ["$", discountEarnTokenPrice(bondData)] }))] }), jsx(Flex, { className: "ape:hidden ape:md:flex ape:ml-[10px]", children: jsx(BondModalMinTierHeader, { minTier: minTier }) }), !hidePromotionUi && isBondEligibleForPromotion && promotion && (jsx(Flex, { className: "ape:absolute ape:right-0 ape:md:top-[20px] ape:bottom-[3px] ape:md:bottom-[unset]", children: jsx(TooltipBubble, { body: promotionDataMapping[promotion]?.tooltip, width: "205px", placement: "bottomRight", transformTip: isMobile ? 'translate(5%, 0%)' : 'translate(0%, 0%)', children: jsxs(Flex, { className: "ape:border ape:border-solid ape:border-primary-button ape:rounded-[10px] ape:md:rounded-[20px] ape:p-[4px_2px] ape:md:p-[4px_10px] ape:items-center ape:text-[12px] ape:font-normal ape:text-text-disabled-button ape:cursor-pointer", style: { boxShadow: '0px 0px 30px -10px rgba(222, 98, 243, 0.5)' }, children: [jsx(Flex, { className: "ape:mt-[-15px]", children: jsx(GiftBox, { width: 30, color: 'textDisabledButton' }) }), jsx(Flex, { className: "ape:hidden ape:md:flex ape:capitalize", children: promotion })] }) }) }))] })] }));
 };

package/dist/adapters/evm/views/lpStaking/LpBondModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"LpBondModalHeader.js","sources":["../../../../../src/adapters/evm/views/lpStaking/LpBondModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport clsx from 'clsx'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { discountEarnTokenPrice } from '../../../../utils/displayHelpers'\nimport useModal from '../../../../hooks/useModal'\nimport SlippageModal from '../../../../components/SlippageModal'\nimport { BondsData } from '../../../../types/bonds'\nimport ExpandedViewButton from './../../../../views/BuyBond/components/ExpandedViewButton'\nimport track from '../../../../utils/track'\nimport BondModalMinTierHeader from './../../../../views/BuyBond/components/BondModalMinTierHeader'\nimport useTierPoints from '../../../../state/tiers/useTierPoints'\nimport { promotionDataMapping, TIERS_WEIGHT } from '../../../../state/tiers/tiers'\nimport { BillVersion, LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { findHighestTrueBondPrice } from '../../../../utils/bondPriceHelpers'\nimport { MCTokenIconStyles } from '../../../../utils/campaignStyles'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport ListTag from '../../../../components/uikit-sdk/Tag/ListTag'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport Cog from '../../../../components/uikit-sdk/Svg/Icons/Cog'\nimport Close from '../../../../components/uikit-sdk/Svg/Icons/Close'\nimport GiftBox from '../../../../components/uikit-sdk/Svg/Icons/GiftBox'\n\nconst LpBondModalHeader = ({\n  bondData,\n  onDismiss,\n  hidePromotionUi = false,\n}: {\n  bondData: BondsData\n  onDismiss?: () => void\n  hidePromotionUi?: boolean\n}) => {\n  // Hooks\n  const isMobile = useIsMobile()\n  const SDKConfig = useSDKConfig()\n  const { data: tierPointsState } = useTierPoints()\n  const { promotion, eligibleChains } = tierPointsState || {}\n\n  // Static Data\n  const tokenSymbol0 = bondData.lpStakingConfig?.lpToken0.symbol\n  const tokenSymbol1 = bondData.lpStakingConfig?.lpToken1.symbol\n\n  const showProjectInfoButton = SDKConfig?.referenceId === 'apebond'\n  const isBondEligibleForPromotion =\n    !(bondData?.billType === 'lpStaking') && // lpStaking bonds are not eligible for promotions\n    (eligibleChains === undefined || eligibleChains?.includes(bondData.chainId)) // if promotion comes with eligibleChains undefined means it should be used for every chain\n  const minTier = bondData.minTier !== undefined ? bondData.minTier : null\n  const bonusWithFee = findHighestTrueBondPrice(\n    TIERS_WEIGHT[LaunchBondTiers.Legend],\n    bondData?.trueBondPrices,\n  )?.bonusWithFee\n\n  // Handlers\n  const handleClose = () => {\n    if (typeof window !== 'undefined') {\n      window.history.pushState({}, '', `/bonds`)\n    }\n    onDismiss?.()\n  }\n  const handleProjectViewNavigation = () => {\n    window.location.href = `/bonds/${bondData?.contractAddress?.[bondData?.chainId]}/${bondData?.chainId}`\n    track({\n      event: 'projectInfoClick',\n      chain: bondData.chainId,\n      data: {\n        cat: 'Modal',\n        bond: bondData.earnToken.symbol,\n        bondChain: bondData.chainId,\n      },\n    })\n  }\n\n  // Modals\n  const [onOpenSlippageModal] = useModal(<SlippageModal chainId={bondData.chainId} />)\n\n  return (\n    <Flex className=\"modaltable-container title-container ape:w-full ape:flex ape:relative ape:flex-col ape:justify-center ape:items-start\">\n      <Flex className=\"ape:w-full ape:h-[30px] ape:max-md:mb-[10px] ape:md:mb-0 ape:justify-between ape:md:justify-end\">\n        <Flex className=\"ape:flex ape:md:hidden\">\n          <BondModalMinTierHeader minTier={minTier} />\n        </Flex>\n        <Flex className=\"ape:cursor-pointer\">\n          {onDismiss ? (\n            <>\n              {showProjectInfoButton && <ExpandedViewButton handleNavigation={handleProjectViewNavigation} />}\n              <Flex className=\"ape:mx-[25px]\" onClick={onOpenSlippageModal}>\n                <Cog width={isMobile ? '16px' : '20px'} />\n              </Flex>\n              <Flex onClick={handleClose}>\n                <Close color=\"text\" width={isMobile ? '12px' : '18px'} />\n              </Flex>\n            </>\n          ) : (\n            <Flex className=\"ape:py-[3px] ape:mt-[10px]\" onClick={onOpenSlippageModal}>\n              <Cog width={isMobile ? '16px' : '20px'} />\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n      <Flex className=\"ape:w-full ape:relative\">\n        <Flex className=\"title-container bondicon ape:flex ape:flex-row ape:items-center ape:relative\">\n          <Flex style={MCTokenIconStyles[bondData.marketingCampaign!]} />\n          <TokenImage symbol={tokenSymbol0} symbol2={tokenSymbol1} size={50} chain={bondData.chainId} />\n        </Flex>\n        <Flex className=\"ape:flex ape:flex-col ape:pl-[10px] ape:md:pl-[20px] ape:text-[20px] ape:md:text-[24px] ape:font-bold\">\n          {tokenSymbol0}-{tokenSymbol1}\n          <ListTag text={bondData?.tags?.[0]} />\n        </Flex>\n        <Flex className=\"title-container price-container ape:flex-col ape:pl-[10px] ape:md:pl-[20px]\">\n          <Flex className=\"price-container price ape:line-through ape:opacity-50 ape:font-normal ape:text-[12px] ape:md:text-[14px]\">\n            ${formatNumberSI(bondData.payoutTokenPrice, 2)}\n          </Flex>\n          {SDKConfig.useTiers &&\n          bondData.billVersion === BillVersion.V4 &&\n          (bondData?.trueBondPrices?.length ?? 0) > 1 ? (\n            <Flex className=\"ape:p-[3px_6px] ape:border ape:border-solid ape:border-[#9960C5] ape:rounded-normal ape:bg-transparent ape:relative ape:overflow-hidden\">\n              <Flex className=\"ape:absolute ape:w-full ape:h-full ape:top-0 ape:left-0 ape:z-[1] ape:bg-[#9960C5] ape:opacity-20\" />\n              <Flex className=\"ape:w-full ape:z-[2] ape:items-center\">\n                <img\n                  src={`https://ape.bond/images/launch/mythical.png`}\n                  alt=\"minTier\"\n                  style={{ width: '21px', height: '21px', marginRight: '3px', zIndex: 1 }}\n                />\n                <Flex className=\"ape:text-[12px] ape:md:text-[14px] ape:mr-[3px]\">Up to</Flex>\n                <Flex\n                  className={clsx(\n                    'ape:text-[12px] ape:md:text-[14px]',\n                    bonusWithFee && bonusWithFee > 0 ? 'ape:text-success' : 'ape:text-error',\n                  )}\n                >\n                  ${discountEarnTokenPrice(bondData, true)}\n                </Flex>\n              </Flex>\n            </Flex>\n          ) : (\n            <Flex className=\"ape:text-[24px] ape:font-bold\">${discountEarnTokenPrice(bondData)}</Flex>\n          )}\n        </Flex>\n        <Flex className=\"ape:hidden ape:md:flex ape:ml-[10px]\">\n          <BondModalMinTierHeader minTier={minTier} />\n        </Flex>\n        {!hidePromotionUi && isBondEligibleForPromotion && promotion && (\n          <Flex className=\"ape:absolute ape:right-0 ape:md:top-[20px] ape:bottom-[3px] ape:md:bottom-[unset]\">\n            <TooltipBubble\n              body={promotionDataMapping[promotion]?.tooltip}\n              width=\"205px\"\n              placement=\"bottomRight\"\n              transformTip={isMobile ? 'translate(5%, 0%)' : 'translate(0%, 0%)'}\n            >\n              <Flex\n                className=\"ape:border ape:border-solid ape:border-primary-button ape:rounded-[10px] ape:md:rounded-[20px] ape:p-[4px_2px] ape:md:p-[4px_10px] ape:items-center ape:text-[12px] ape:font-normal ape:text-text-disabled-button ape:cursor-pointer\"\n                style={{ boxShadow: '0px 0px 30px -10px rgba(222, 98, 243, 0.5)' }}\n              >\n                <Flex className=\"ape:mt-[-15px]\">\n                  <GiftBox width={30} color={'textDisabledButton'} />\n                </Flex>\n                <Flex className=\"ape:hidden ape:md:flex ape:capitalize\">{promotion}</Flex>\n              </Flex>\n            </TooltipBubble>\n          </Flex>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default LpBondModalHeader\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"LpBondModalHeader.js","sources":["../../../../../src/adapters/evm/views/lpStaking/LpBondModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport clsx from 'clsx'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { discountEarnTokenPrice } from '../../../../utils/displayHelpers'\nimport useModal from '../../../../hooks/useModal'\nimport SlippageModal from '../../../../components/SlippageModal'\nimport { BondsData } from '../../../../types/bonds'\nimport BondModalMinTierHeader from './../../../../views/BuyBond/components/BondModalMinTierHeader'\nimport useTierPoints from '../../../../state/tiers/useTierPoints'\nimport { promotionDataMapping, TIERS_WEIGHT } from '../../../../state/tiers/tiers'\nimport { BillVersion, LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { findHighestTrueBondPrice } from '../../../../utils/bondPriceHelpers'\nimport { MCTokenIconStyles } from '../../../../utils/campaignStyles'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport ListTag from '../../../../components/uikit-sdk/Tag/ListTag'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport Cog from '../../../../components/uikit-sdk/Svg/Icons/Cog'\nimport Close from '../../../../components/uikit-sdk/Svg/Icons/Close'\nimport GiftBox from '../../../../components/uikit-sdk/Svg/Icons/GiftBox'\n\nconst LpBondModalHeader = ({\n  bondData,\n  onDismiss,\n  hidePromotionUi = false,\n}: {\n  bondData: BondsData\n  onDismiss?: () => void\n  hidePromotionUi?: boolean\n}) => {\n  // Hooks\n  const isMobile = useIsMobile()\n  const SDKConfig = useSDKConfig()\n  const { data: tierPointsState } = useTierPoints()\n  const { promotion, eligibleChains } = tierPointsState || {}\n\n  // Static Data\n  const tokenSymbol0 = bondData.lpStakingConfig?.lpToken0.symbol\n  const tokenSymbol1 = bondData.lpStakingConfig?.lpToken1.symbol\n\n  const isBondEligibleForPromotion =\n    !(bondData?.billType === 'lpStaking') && // lpStaking bonds are not eligible for promotions\n    (eligibleChains === undefined || eligibleChains?.includes(bondData.chainId)) // if promotion comes with eligibleChains undefined means it should be used for every chain\n  const minTier = bondData.minTier !== undefined ? bondData.minTier : null\n  const bonusWithFee = findHighestTrueBondPrice(\n    TIERS_WEIGHT[LaunchBondTiers.Legend],\n    bondData?.trueBondPrices,\n  )?.bonusWithFee\n\n  // Handlers\n  const handleClose = () => {\n    if (typeof window !== 'undefined') {\n      window.history.pushState({}, '', `/bonds`)\n    }\n    onDismiss?.()\n  }\n\n  // Modals\n  const [onOpenSlippageModal] = useModal(<SlippageModal chainId={bondData.chainId} />)\n\n  return (\n    <Flex className=\"modaltable-container title-container ape:w-full ape:flex ape:relative ape:flex-col ape:justify-center ape:items-start\">\n      <Flex className=\"ape:w-full ape:h-[30px] ape:max-md:mb-[10px] ape:md:mb-0 ape:justify-between ape:md:justify-end\">\n        <Flex className=\"ape:flex ape:md:hidden\">\n          <BondModalMinTierHeader minTier={minTier} />\n        </Flex>\n        <Flex className=\"ape:cursor-pointer\">\n          {onDismiss ? (\n            <>\n              <Flex className=\"ape:mx-[25px]\" onClick={onOpenSlippageModal}>\n                <Cog width={isMobile ? '16px' : '20px'} />\n              </Flex>\n              <Flex onClick={handleClose}>\n                <Close color=\"text\" width={isMobile ? '12px' : '18px'} />\n              </Flex>\n            </>\n          ) : (\n            <Flex className=\"ape:py-[3px] ape:mt-[10px]\" onClick={onOpenSlippageModal}>\n              <Cog width={isMobile ? '16px' : '20px'} />\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n      <Flex className=\"ape:w-full ape:relative\">\n        <Flex className=\"title-container bondicon ape:flex ape:flex-row ape:items-center ape:relative\">\n          <Flex style={MCTokenIconStyles[bondData.marketingCampaign!]} />\n          <TokenImage symbol={tokenSymbol0} symbol2={tokenSymbol1} size={50} chain={bondData.chainId} />\n        </Flex>\n        <Flex className=\"ape:flex ape:flex-col ape:pl-[10px] ape:md:pl-[20px] ape:text-[20px] ape:md:text-[24px] ape:font-bold\">\n          {tokenSymbol0}-{tokenSymbol1}\n          <ListTag text={bondData?.tags?.[0]} />\n        </Flex>\n        <Flex className=\"title-container price-container ape:flex-col ape:pl-[10px] ape:md:pl-[20px]\">\n          <Flex className=\"price-container price ape:line-through ape:opacity-50 ape:font-normal ape:text-[12px] ape:md:text-[14px]\">\n            ${formatNumberSI(bondData.payoutTokenPrice, 2)}\n          </Flex>\n          {SDKConfig.useTiers &&\n          bondData.billVersion === BillVersion.V4 &&\n          (bondData?.trueBondPrices?.length ?? 0) > 1 ? (\n            <Flex className=\"ape:p-[3px_6px] ape:border ape:border-solid ape:border-[#9960C5] ape:rounded-normal ape:bg-transparent ape:relative ape:overflow-hidden\">\n              <Flex className=\"ape:absolute ape:w-full ape:h-full ape:top-0 ape:left-0 ape:z-[1] ape:bg-[#9960C5] ape:opacity-20\" />\n              <Flex className=\"ape:w-full ape:z-[2] ape:items-center\">\n                <img\n                  src={`https://ape.bond/images/launch/mythical.png`}\n                  alt=\"minTier\"\n                  style={{ width: '21px', height: '21px', marginRight: '3px', zIndex: 1 }}\n                />\n                <Flex className=\"ape:text-[12px] ape:md:text-[14px] ape:mr-[3px]\">Up to</Flex>\n                <Flex\n                  className={clsx(\n                    'ape:text-[12px] ape:md:text-[14px]',\n                    bonusWithFee && bonusWithFee > 0 ? 'ape:text-success' : 'ape:text-error',\n                  )}\n                >\n                  ${discountEarnTokenPrice(bondData, true)}\n                </Flex>\n              </Flex>\n            </Flex>\n          ) : (\n            <Flex className=\"ape:text-[24px] ape:font-bold\">${discountEarnTokenPrice(bondData)}</Flex>\n          )}\n        </Flex>\n        <Flex className=\"ape:hidden ape:md:flex ape:ml-[10px]\">\n          <BondModalMinTierHeader minTier={minTier} />\n        </Flex>\n        {!hidePromotionUi && isBondEligibleForPromotion && promotion && (\n          <Flex className=\"ape:absolute ape:right-0 ape:md:top-[20px] ape:bottom-[3px] ape:md:bottom-[unset]\">\n            <TooltipBubble\n              body={promotionDataMapping[promotion]?.tooltip}\n              width=\"205px\"\n              placement=\"bottomRight\"\n              transformTip={isMobile ? 'translate(5%, 0%)' : 'translate(0%, 0%)'}\n            >\n              <Flex\n                className=\"ape:border ape:border-solid ape:border-primary-button ape:rounded-[10px] ape:md:rounded-[20px] ape:p-[4px_2px] ape:md:p-[4px_10px] ape:items-center ape:text-[12px] ape:font-normal ape:text-text-disabled-button ape:cursor-pointer\"\n                style={{ boxShadow: '0px 0px 30px -10px rgba(222, 98, 243, 0.5)' }}\n              >\n                <Flex className=\"ape:mt-[-15px]\">\n                  <GiftBox width={30} color={'textDisabledButton'} />\n                </Flex>\n                <Flex className=\"ape:hidden ape:md:flex ape:capitalize\">{promotion}</Flex>\n              </Flex>\n            </TooltipBubble>\n          </Flex>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default LpBondModalHeader\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/adapters/evm/views/lpStaking/LpStakingEstimations.js

@@ -33,7 +33,7 @@ const LpStakingEstimations = ({ inputValue, inputTokenPrice, bondData, youSpendS
     const token0Amount = getBalanceNumber(lpQuote?.token0?.fromAmountEstimate ?? '0', lpToken0?.decimals?.[bondData.chainId] ?? 18);
     const token1Amount = getBalanceNumber(lpQuote?.token1?.fromAmountEstimate ?? '0', lpToken1?.decimals?.[bondData.chainId] ?? 18);
     const positionUSD = token0Price > 0 && token1Price > 0 ? token0Amount * token0Price + token1Amount * token1Price : 0;
-    return (jsxs(Flex, { className: "modaltable-container text-container ape:w-full ape:flex ape:relative ape:flex-col ape:justify-center ape:text-[12px]", children: [jsxs(Flex, { className: "text-container row ape:pt-[2px] ape:pb-[2px] ape:flex ape:flex-row ape:justify-between", children: [jsx(Flex, { className: "row-container spend ape:flex ape:font-normal ape:items-center", children: "You Spend:" }), jsx(Flex, { className: "row-container spend-val ape:flex ape:font-normal ape:items-center", children: youSpendString })] }), jsxs(Flex, { className: "text-container row ape:pt-[2px] ape:pb-[2px] ape:flex ape:flex-row ape:justify-between", children: [jsxs(Flex, { className: "row-container premium ape:flex ape:font-normal ape:items-center", children: ["Bonus (unlocks after ", getTimePeriods(bondData?.vestingTerm, true).days, " days):"] }), fetchingZapQuote ? (jsx(Dots, {})) : zapError ? ('-') : isBelowMinimum ? (jsx(Flex, { className: "row-container premium-val ape:flex ape:font-normal ape:items-center", children: "No bonus at this size" })) : (jsxs(Flex, { className: "row-container premium-val premium-positive ape:flex ape:font-normal ape:items-center ape:gap-[5px]", children: [formatNumberSI(bonusAmount, 2), " ", bonusToken?.symbol, bonusUSD > 0 && jsxs("span", { className: "ape:opacity-60", children: ["($", formatNumberSI(bonusUSD, 2), ")"] })] }))] }), jsxs(Flex, { className: "ape:border ape:border-solid ape:border-[#9960C5] ape:rounded-normal ape:mx-[-5px] ape:px-[5px] ape:py-[2px] ape:my-[2px] ape:relative", children: [jsx(Flex, { className: "ape:absolute ape:w-full ape:h-full ape:top-0 ape:left-0 ape:z-0 ape:bg-[#9960C5] ape:opacity-20 ape:rounded-normal" }), jsxs(Flex, { className: "ape:w-full ape:justify-between ape:h-[21px]", children: [jsx(Flex, { className: "row-container get ape:flex ape:font-normal ape:items-center ape:z-[1]", children: "You Get:" }), fetchingZapQuote ? (jsx(Dots, {})) : zapError ? ('-') : (jsxs(Flex, { className: "row-container get-val ape:flex ape:font-normal ape:items-center ape:z-[1]", children: [formatNumberSI(token0Amount, 2), " ", lpToken0?.symbol, " - ", formatNumberSI(token1Amount, 2), ' ', lpToken1?.symbol, positionUSD > 0 && ` ($${formatNumberSI(positionUSD, 2)})`] }))] })] }), jsx(Flex, { className: "ape:mx-[-5px] ape:px-[5px] ape:py-[2px] ape:my-[2px] ape:relative", children: jsxs(Flex, { className: "ape:w-full ape:justify-between ape:h-[21px]", children: [jsxs(Flex, { className: "row-container get ape:flex ape:font-normal ape:items-center", children: ["Dual Rewards:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "Pool rewards are accrued immediately after purchase after the end of each epoch in Real Finance." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "row-container premium-icon ape:flex ape:font-normal ape:items-start ape:pl-[5px] ape:cursor-pointer", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsx(Flex, { className: "row-container get ape:flex ape:font-normal ape:items-center ", children: "Payable in $ASSET & $ORVT" })] }) })] }));
+    return (jsxs(Flex, { className: "modaltable-container text-container ape:w-full ape:flex ape:relative ape:flex-col ape:justify-center ape:text-[12px]", children: [jsxs(Flex, { className: "text-container row ape:pt-[2px] ape:pb-[2px] ape:flex ape:flex-row ape:justify-between", children: [jsx(Flex, { className: "row-container spend ape:flex ape:font-normal ape:items-center", children: "You Spend:" }), jsx(Flex, { className: "row-container spend-val ape:flex ape:font-normal ape:items-center", children: youSpendString })] }), jsxs(Flex, { className: "text-container row ape:pt-[2px] ape:pb-[2px] ape:flex ape:flex-row ape:justify-between", children: [jsxs(Flex, { className: "row-container premium ape:flex ape:font-normal ape:items-center", children: ["Bonus (unlocks after ", getTimePeriods(bondData?.vestingTerm, true).days, " days):"] }), fetchingZapQuote ? (jsx(Dots, {})) : zapError ? ('-') : isBelowMinimum ? (jsx(Flex, { className: "row-container premium-val ape:flex ape:font-normal ape:items-center", children: "No bonus at this size" })) : (jsxs(Flex, { className: "row-container premium-val premium-positive ape:flex ape:font-normal ape:items-center ape:gap-[5px]", children: [formatNumberSI(bonusAmount, 2), " ", bonusToken?.symbol, bonusUSD > 0 && jsxs("span", { className: "ape:opacity-60", children: ["($", formatNumberSI(bonusUSD, 2), ")"] })] }))] }), jsxs(Flex, { className: "ape:border ape:border-solid ape:border-[#9960C5] ape:rounded-normal ape:mx-[-5px] ape:px-[5px] ape:py-[2px] ape:my-[2px] ape:relative", children: [jsx(Flex, { className: "ape:absolute ape:w-full ape:h-full ape:top-0 ape:left-0 ape:z-0 ape:bg-[#9960C5] ape:opacity-20 ape:rounded-normal" }), jsxs(Flex, { className: "ape:w-full ape:justify-between ape:h-[21px]", children: [jsx(Flex, { className: "row-container get ape:flex ape:font-normal ape:items-center ape:z-[1]", children: "You Get:" }), fetchingZapQuote ? (jsx(Dots, {})) : zapError ? ('-') : (jsxs(Flex, { className: "row-container get-val ape:flex ape:font-normal ape:items-center ape:z-[1]", children: [formatNumberSI(token0Amount, 2), " ", lpToken0?.symbol, " - ", formatNumberSI(token1Amount, 2), ' ', lpToken1?.symbol, positionUSD > 0 && ` ($${formatNumberSI(positionUSD, 2)})`] }))] })] }), jsx(Flex, { className: "ape:mx-[-5px] ape:px-[5px] ape:py-[2px] ape:my-[2px] ape:relative", children: jsxs(Flex, { className: "ape:w-full ape:justify-between ape:h-[21px]", children: [jsxs(Flex, { className: "row-container get ape:flex ape:font-normal ape:items-center", children: ["Dual Rewards:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "Pool rewards in $ASSET and $OVTR are accrued each epoch on Real Finance, by the position's share of all staked positions, and only while it's in range." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "row-container premium-icon ape:flex ape:font-normal ape:items-start ape:pl-[5px] ape:cursor-pointer", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsx(Flex, { className: "row-container get ape:flex ape:font-normal ape:items-center ", children: "Payable in $ASSET & $OVTR" })] }) })] }));
 };
 
 export { LpStakingEstimations as default };

package/dist/adapters/evm/views/lpStaking/LpStakingEstimations.js.map

@@ -1 +1 @@
-{"version":3,"file":"LpStakingEstimations.js","sources":["../../../../../src/adapters/evm/views/lpStaking/LpStakingEstimations.tsx"],"sourcesContent":["import React from 'react'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport useCurrencyPrice from '../../../../state/price/useCurrencyPrice'\nimport { BondsData } from '../../../../types/bonds'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport LoadingDots from '../../../../components/uikit-sdk/LoadingDots'\nimport QuestionCircle from '../../../../components/uikit-sdk/Svg/Icons/QuestionCircle'\nimport { getTimePeriods } from '../../../../utils/getTimePeriods'\n\nconst LpStakingEstimations = ({\n  inputValue,\n  inputTokenPrice,\n  bondData,\n  youSpendString,\n  fetchingZapQuote,\n  zapError,\n  protocolQuote,\n  lpQuote,\n}: {\n  inputValue?: string // input amount selected on the UI\n  inputTokenPrice?: number\n  bondData: BondsData\n  youSpendString?: string\n  isZap?: boolean\n  fetchingZapQuote?: boolean\n  zapError?: boolean\n  // The zap quote's preview of REAL's bonus, both in bonus token wei\n  protocolQuote?: { positionValue?: string; bonusAmount?: string }\n  // The zap quote's estimate of each pool token going into the position, in wei\n  lpQuote?: { token0?: { fromAmountEstimate?: string }; token1?: { fromAmountEstimate?: string } }\n}) => {\n  // Estimations\n  // REAL's adapter previews the bonus on the position the zap mints: bonusBps of its value, or 0 below the campaign's\n  // minimum. Priced with the bonus token's price; without one, it's worth that share of what the user spends (minus\n  // the zap's fees)\n  const bonusToken = bondData.lpStakingConfig?.bonusRewardToken\n  const bonusTokenDecimals = bonusToken?.decimals?.[bondData.chainId] ?? 18\n  const bonusTokenPrice = useCurrencyPrice(bonusToken, bondData.chainId)?.price ?? 0\n  const bonusAmount = getBalanceNumber(protocolQuote?.bonusAmount ?? '0', bonusTokenDecimals)\n  const positionValue = Number(protocolQuote?.positionValue ?? '0')\n  const spendUSD = parseFloat(inputValue || '0') * (inputTokenPrice ?? 0)\n  const bonusUSD =\n    bonusTokenPrice > 0\n      ? bonusAmount * bonusTokenPrice\n      : positionValue > 0\n        ? (spendUSD * Number(protocolQuote?.bonusAmount ?? '0')) / positionValue\n        : 0\n  const isBelowMinimum = !!protocolQuote && bonusAmount === 0\n\n  // The position the zap mints: both pool tokens, priced only when both have a price (half of it would mislead)\n  const lpToken0 = bondData.lpStakingConfig?.lpToken0\n  const lpToken1 = bondData.lpStakingConfig?.lpToken1\n  const token0Price = useCurrencyPrice(lpToken0, bondData.chainId)?.price ?? 0\n  const token1Price = useCurrencyPrice(lpToken1, bondData.chainId)?.price ?? 0\n  const token0Amount = getBalanceNumber(\n    lpQuote?.token0?.fromAmountEstimate ?? '0',\n    lpToken0?.decimals?.[bondData.chainId] ?? 18,\n  )\n  const token1Amount = getBalanceNumber(\n    lpQuote?.token1?.fromAmountEstimate ?? '0',\n    lpToken1?.decimals?.[bondData.chainId] ?? 18,\n  )\n  const positionUSD = token0Price > 0 && token1Price > 0 ? token0Amount * token0Price + token1Amount * token1Price : 0\n\n  return (\n    <Flex className=\"modaltable-container text-container ape:w-full ape:flex ape:relative ape:flex-col ape:justify-center ape:text-[12px]\">\n      {/* ----------- YOU SPEND ROW -----------*/}\n\n      <Flex className=\"text-container row ape:pt-[2px] ape:pb-[2px] ape:flex ape:flex-row ape:justify-between\">\n        <Flex className=\"row-container spend ape:flex ape:font-normal ape:items-center\">You Spend:</Flex>\n        <Flex className=\"row-container spend-val ape:flex ape:font-normal ape:items-center\">{youSpendString}</Flex>\n      </Flex>\n\n      {/* ----------- BONUS ROW -----------*/}\n\n      <Flex className=\"text-container row ape:pt-[2px] ape:pb-[2px] ape:flex ape:flex-row ape:justify-between\">\n        <Flex className=\"row-container premium ape:flex ape:font-normal ape:items-center\">\n          Bonus (unlocks after {getTimePeriods(bondData?.vestingTerm, true).days} days):\n        </Flex>\n        {/* LP staking purchases always go through the zap, so the bonus row follows its quote */}\n        {fetchingZapQuote ? (\n          <LoadingDots />\n        ) : zapError ? (\n          '-'\n        ) : isBelowMinimum ? (\n          <Flex className=\"row-container premium-val ape:flex ape:font-normal ape:items-center\">\n            No bonus at this size\n          </Flex>\n        ) : (\n          <Flex className=\"row-container premium-val premium-positive ape:flex ape:font-normal ape:items-center ape:gap-[5px]\">\n            {formatNumberSI(bonusAmount, 2)} {bonusToken?.symbol}\n            {bonusUSD > 0 && <span className=\"ape:opacity-60\">(${formatNumberSI(bonusUSD, 2)})</span>}\n          </Flex>\n        )}\n      </Flex>\n\n      {/* ----------- YOU GET ROW -----------*/}\n\n      <Flex className=\"ape:border ape:border-solid ape:border-[#9960C5] ape:rounded-normal ape:mx-[-5px] ape:px-[5px] ape:py-[2px] ape:my-[2px] ape:relative\">\n        <Flex className=\"ape:absolute ape:w-full ape:h-full ape:top-0 ape:left-0 ape:z-0 ape:bg-[#9960C5] ape:opacity-20 ape:rounded-normal\" />\n        <Flex className=\"ape:w-full ape:justify-between ape:h-[21px]\">\n          <Flex className=\"row-container get ape:flex ape:font-normal ape:items-center ape:z-[1]\">You Get:</Flex>\n          {fetchingZapQuote ? (\n            <LoadingDots />\n          ) : zapError ? (\n            '-'\n          ) : (\n            <Flex className=\"row-container get-val ape:flex ape:font-normal ape:items-center ape:z-[1]\">\n              {formatNumberSI(token0Amount, 2)} {lpToken0?.symbol} - {formatNumberSI(token1Amount, 2)}{' '}\n              {lpToken1?.symbol}\n              {positionUSD > 0 && ` ($${formatNumberSI(positionUSD, 2)})`}\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n\n      {/* ----------- ADITIONAL REWARDS -----------*/}\n\n      <Flex className=\"ape:mx-[-5px] ape:px-[5px] ape:py-[2px] ape:my-[2px] ape:relative\">\n        <Flex className=\"ape:w-full ape:justify-between ape:h-[21px]\">\n          <Flex className=\"row-container get ape:flex ape:font-normal ape:items-center\">\n            Dual Rewards:\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={\n                <Flex>\n                  Pool rewards are accrued immediately after purchase after the end of each epoch in Real Finance.\n                </Flex>\n              }\n              width=\"230px\"\n              placement=\"bottomLeft\"\n              transformTip=\"translate(-5%, 0%)\"\n            >\n              <Flex className=\"row-container premium-icon ape:flex ape:font-normal ape:items-start ape:pl-[5px] ape:cursor-pointer\">\n                <QuestionCircle width=\"12px\" />\n              </Flex>\n            </TooltipBubble>\n          </Flex>\n          <Flex className=\"row-container get ape:flex ape:font-normal ape:items-center \">\n            Payable in $ASSET & $ORVT\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default LpStakingEstimations\n"],"names":["_jsxs","_jsx","LoadingDots"],"mappings":"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"}
+{"version":3,"file":"LpStakingEstimations.js","sources":["../../../../../src/adapters/evm/views/lpStaking/LpStakingEstimations.tsx"],"sourcesContent":["import React from 'react'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport useCurrencyPrice from '../../../../state/price/useCurrencyPrice'\nimport { BondsData } from '../../../../types/bonds'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport LoadingDots from '../../../../components/uikit-sdk/LoadingDots'\nimport QuestionCircle from '../../../../components/uikit-sdk/Svg/Icons/QuestionCircle'\nimport { getTimePeriods } from '../../../../utils/getTimePeriods'\n\nconst LpStakingEstimations = ({\n  inputValue,\n  inputTokenPrice,\n  bondData,\n  youSpendString,\n  fetchingZapQuote,\n  zapError,\n  protocolQuote,\n  lpQuote,\n}: {\n  inputValue?: string // input amount selected on the UI\n  inputTokenPrice?: number\n  bondData: BondsData\n  youSpendString?: string\n  isZap?: boolean\n  fetchingZapQuote?: boolean\n  zapError?: boolean\n  // The zap quote's preview of REAL's bonus, both in bonus token wei\n  protocolQuote?: { positionValue?: string; bonusAmount?: string }\n  // The zap quote's estimate of each pool token going into the position, in wei\n  lpQuote?: { token0?: { fromAmountEstimate?: string }; token1?: { fromAmountEstimate?: string } }\n}) => {\n  // Estimations\n  // REAL's adapter previews the bonus on the position the zap mints: bonusBps of its value, or 0 below the campaign's\n  // minimum. Priced with the bonus token's price; without one, it's worth that share of what the user spends (minus\n  // the zap's fees)\n  const bonusToken = bondData.lpStakingConfig?.bonusRewardToken\n  const bonusTokenDecimals = bonusToken?.decimals?.[bondData.chainId] ?? 18\n  const bonusTokenPrice = useCurrencyPrice(bonusToken, bondData.chainId)?.price ?? 0\n  const bonusAmount = getBalanceNumber(protocolQuote?.bonusAmount ?? '0', bonusTokenDecimals)\n  const positionValue = Number(protocolQuote?.positionValue ?? '0')\n  const spendUSD = parseFloat(inputValue || '0') * (inputTokenPrice ?? 0)\n  const bonusUSD =\n    bonusTokenPrice > 0\n      ? bonusAmount * bonusTokenPrice\n      : positionValue > 0\n        ? (spendUSD * Number(protocolQuote?.bonusAmount ?? '0')) / positionValue\n        : 0\n  const isBelowMinimum = !!protocolQuote && bonusAmount === 0\n\n  // The position the zap mints: both pool tokens, priced only when both have a price (half of it would mislead)\n  const lpToken0 = bondData.lpStakingConfig?.lpToken0\n  const lpToken1 = bondData.lpStakingConfig?.lpToken1\n  const token0Price = useCurrencyPrice(lpToken0, bondData.chainId)?.price ?? 0\n  const token1Price = useCurrencyPrice(lpToken1, bondData.chainId)?.price ?? 0\n  const token0Amount = getBalanceNumber(\n    lpQuote?.token0?.fromAmountEstimate ?? '0',\n    lpToken0?.decimals?.[bondData.chainId] ?? 18,\n  )\n  const token1Amount = getBalanceNumber(\n    lpQuote?.token1?.fromAmountEstimate ?? '0',\n    lpToken1?.decimals?.[bondData.chainId] ?? 18,\n  )\n  const positionUSD = token0Price > 0 && token1Price > 0 ? token0Amount * token0Price + token1Amount * token1Price : 0\n\n  return (\n    <Flex className=\"modaltable-container text-container ape:w-full ape:flex ape:relative ape:flex-col ape:justify-center ape:text-[12px]\">\n      {/* ----------- YOU SPEND ROW -----------*/}\n\n      <Flex className=\"text-container row ape:pt-[2px] ape:pb-[2px] ape:flex ape:flex-row ape:justify-between\">\n        <Flex className=\"row-container spend ape:flex ape:font-normal ape:items-center\">You Spend:</Flex>\n        <Flex className=\"row-container spend-val ape:flex ape:font-normal ape:items-center\">{youSpendString}</Flex>\n      </Flex>\n\n      {/* ----------- BONUS ROW -----------*/}\n\n      <Flex className=\"text-container row ape:pt-[2px] ape:pb-[2px] ape:flex ape:flex-row ape:justify-between\">\n        <Flex className=\"row-container premium ape:flex ape:font-normal ape:items-center\">\n          Bonus (unlocks after {getTimePeriods(bondData?.vestingTerm, true).days} days):\n        </Flex>\n        {/* LP staking purchases always go through the zap, so the bonus row follows its quote */}\n        {fetchingZapQuote ? (\n          <LoadingDots />\n        ) : zapError ? (\n          '-'\n        ) : isBelowMinimum ? (\n          <Flex className=\"row-container premium-val ape:flex ape:font-normal ape:items-center\">\n            No bonus at this size\n          </Flex>\n        ) : (\n          <Flex className=\"row-container premium-val premium-positive ape:flex ape:font-normal ape:items-center ape:gap-[5px]\">\n            {formatNumberSI(bonusAmount, 2)} {bonusToken?.symbol}\n            {bonusUSD > 0 && <span className=\"ape:opacity-60\">(${formatNumberSI(bonusUSD, 2)})</span>}\n          </Flex>\n        )}\n      </Flex>\n\n      {/* ----------- YOU GET ROW -----------*/}\n\n      <Flex className=\"ape:border ape:border-solid ape:border-[#9960C5] ape:rounded-normal ape:mx-[-5px] ape:px-[5px] ape:py-[2px] ape:my-[2px] ape:relative\">\n        <Flex className=\"ape:absolute ape:w-full ape:h-full ape:top-0 ape:left-0 ape:z-0 ape:bg-[#9960C5] ape:opacity-20 ape:rounded-normal\" />\n        <Flex className=\"ape:w-full ape:justify-between ape:h-[21px]\">\n          <Flex className=\"row-container get ape:flex ape:font-normal ape:items-center ape:z-[1]\">You Get:</Flex>\n          {fetchingZapQuote ? (\n            <LoadingDots />\n          ) : zapError ? (\n            '-'\n          ) : (\n            <Flex className=\"row-container get-val ape:flex ape:font-normal ape:items-center ape:z-[1]\">\n              {formatNumberSI(token0Amount, 2)} {lpToken0?.symbol} - {formatNumberSI(token1Amount, 2)}{' '}\n              {lpToken1?.symbol}\n              {positionUSD > 0 && ` ($${formatNumberSI(positionUSD, 2)})`}\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n\n      {/* ----------- ADITIONAL REWARDS -----------*/}\n\n      <Flex className=\"ape:mx-[-5px] ape:px-[5px] ape:py-[2px] ape:my-[2px] ape:relative\">\n        <Flex className=\"ape:w-full ape:justify-between ape:h-[21px]\">\n          <Flex className=\"row-container get ape:flex ape:font-normal ape:items-center\">\n            Dual Rewards:\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={\n                <Flex>\n                  Pool rewards in $ASSET and $OVTR are accrued each epoch on Real Finance, by the position&apos;s share\n                  of all staked positions, and only while it&apos;s in range.\n                </Flex>\n              }\n              width=\"230px\"\n              placement=\"bottomLeft\"\n              transformTip=\"translate(-5%, 0%)\"\n            >\n              <Flex className=\"row-container premium-icon ape:flex ape:font-normal ape:items-start ape:pl-[5px] ape:cursor-pointer\">\n                <QuestionCircle width=\"12px\" />\n              </Flex>\n            </TooltipBubble>\n          </Flex>\n          <Flex className=\"row-container get ape:flex ape:font-normal ape:items-center \">\n            Payable in $ASSET & $OVTR\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default LpStakingEstimations\n"],"names":["_jsxs","_jsx","LoadingDots"],"mappings":"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"}

package/dist/adapters/evm/views/lpStaking/YourLpStakingBondModal.js

@@ -2,7 +2,6 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { useState } from 'react';
 import clsx from 'clsx';
 import { formatNumberSI } from '../../../../utils/formatNumber.js';
-import { UserBillTooltipText } from '../../../../config/constants/tooltips.js';
 import { pending, claimable, pendingUSD, claimableUSD, claimed } from '../../../../utils/displayHelpers.js';
 import { getTimePeriods } from '../../../../utils/getTimePeriods.js';
 import SafeHTMLComponent from '../../../../components/SafeHTMLComponent/index.js';
@@ -67,11 +66,11 @@ const YourLpStakingBondModal = ({ userBill: userBillProp, lostProfit, onDismiss,
             : cliffPeriods.hours > 0
                 ? `${cliffPeriods.hours} hours`
                 : `${cliffPeriods.minutes} minutes`;
-    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 Bonus Reward unlocks ${cliffLength} after your purchase. Unstaking before it unlocks forfeits the bonus. Once unlocked, you can claim it on REAL's site.` }), 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: UserBillTooltipText.FullyVested }), 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
+    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
                                                                         ? `This sale was not eligible for Bonus Rewards as its value was below the minimum threshold of ${formatNumberSI(bonusThreshold)} ${payoutTokenSymbol} ($${formatNumberSI(bonusThreshold * payoutTokenPrice)}).`
                                                                         : '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') : (
                                                     // Forfeited: unstaked before the cliff
-                                                    '-') })] }), 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: "Pool Rewards are accrued per epoch, by the position's weight among all staked positions, and only while it's in range." }), 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" }) }) }))] })] })] }))] }) }));
+                                                    '-') })] }), 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" }) }) }))] })] })] }))] }) }));
 };
 
 export { YourLpStakingBondModal as default };

package/dist/adapters/evm/views/lpStaking/YourLpStakingBondModal.js.map

@@ -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&apos;s weight among all staked positions,\n                          and only while it&apos;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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"}
+{"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":"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"}

package/dist/components/Tooltip/Tooltip.js

@@ -38,7 +38,7 @@ const BondInfoTooltip = ({ earnTokenContract, earnTokenSymbol, bondContract, pro
             },
         });
     };
-    return (jsxs(Flex, { className: "ape:flex-col ape:flex-wrap", children: [config?.referenceId === 'apebond' && !isSoldOut && billType !== 'fcfs' && (jsx(Flex, { className: "ape:w-full ape:mb-[10px] ape:justify-center ape:relative ape:h-[25px]", children: jsx(ExpandedViewButton, { handleNavigation: (e) => handleProjectViewNavigation(e), rightPos: '17px' }) })), jsx(ButtonsRow, { twitter: twitter, projectLink: projectLink, earnTokenContract: earnTokenContract, cgId: cgId, dexscreener: dexscreener }), jsx(Flex, { className: "ape:justify-center", children: jsxs(Flex, { className: "ape:w-[144px] ape:flex-col", children: [jsx(Flex, { className: linkRowClasses, children: tokenLink && (jsxs("a", { href: tokenLink, className: linkClasses, target: "_blank", rel: "noreferrer", children: ["View Token Contract", jsx(Flex, { className: "ape:ml-[5px]", children: jsx(External, { color: "text", width: 10 }) })] })) }), jsx(Flex, { className: linkRowClasses, children: bondLink && (jsxs("a", { href: bondLink, className: linkClasses, target: "_blank", rel: "noreferrer", children: ["View Bond Contract", jsx(Flex, { className: "ape:ml-[5px]", children: jsx(External, { color: "text", width: 10 }) })] })) }), jsx(Flex, { className: linkRowClasses, children: billType !== 'fcfs' && (jsxs("a", { href: bondDashboard, className: linkClasses, target: "_blank", rel: "noopener noreferrer", children: ["View Bond Insights", jsx(Flex, { className: "ape:ml-[5px]", children: jsx(External, { color: "text", width: 10 }) })] })) })] }) })] }));
+    return (jsxs(Flex, { className: "ape:flex-col ape:flex-wrap", children: [config?.referenceId === 'apebond' && !isSoldOut && billType !== 'fcfs' && billType !== 'lpStaking' && (jsx(Flex, { className: "ape:w-full ape:mb-[10px] ape:justify-center ape:relative ape:h-[25px]", children: jsx(ExpandedViewButton, { handleNavigation: (e) => handleProjectViewNavigation(e), rightPos: '17px' }) })), jsx(ButtonsRow, { twitter: twitter, projectLink: projectLink, earnTokenContract: earnTokenContract, cgId: cgId, dexscreener: dexscreener }), jsx(Flex, { className: "ape:justify-center", children: jsxs(Flex, { className: "ape:w-[144px] ape:flex-col", children: [jsx(Flex, { className: linkRowClasses, children: tokenLink && (jsxs("a", { href: tokenLink, className: linkClasses, target: "_blank", rel: "noreferrer", children: ["View Token Contract", jsx(Flex, { className: "ape:ml-[5px]", children: jsx(External, { color: "text", width: 10 }) })] })) }), jsx(Flex, { className: linkRowClasses, children: bondLink && (jsxs("a", { href: bondLink, className: linkClasses, target: "_blank", rel: "noreferrer", children: ["View Bond Contract", jsx(Flex, { className: "ape:ml-[5px]", children: jsx(External, { color: "text", width: 10 }) })] })) }), jsx(Flex, { className: linkRowClasses, children: billType !== 'fcfs' && (jsxs("a", { href: bondDashboard, className: linkClasses, target: "_blank", rel: "noopener noreferrer", children: ["View Bond Insights", jsx(Flex, { className: "ape:ml-[5px]", children: jsx(External, { color: "text", width: 10 }) })] })) })] }) })] }));
 };
 
 export { BondInfoTooltip as default };

package/dist/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react'\nimport ButtonsRow from './ButtonsRow'\nimport { BLOCK_EXPLORER } from '../../config/constants/chains'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { IS_APTOS_MAINNET } from '../../constants/aptosConstants'\nimport Flex from '../uikit-sdk/Flex'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport ExpandedViewButton from '../../views/BuyBond/components/ExpandedViewButton'\nimport track from '../../utils/track'\nimport External from '../uikit-sdk/Svg/Icons/External'\n\ninterface TooltipProps {\n  earnTokenContract: string\n  earnTokenSymbol: string\n  bondContract: string\n  projectLink?: string\n  twitter?: string\n  chain: number\n  isSoldOut?: boolean\n  billType?: string\n  cgId?: string\n  dexscreener?: string\n}\n\nconst linkRowClasses = 'ape:w-full ape:mt-[5px] ape:justify-end ape:[&_svg]:w-[11px]'\nconst linkClasses = 'ape:text-[12px] ape:leading-[14px] ape:flex ape:no-underline ape:hover:underline'\n\nconst BondInfoTooltip: React.FunctionComponent<TooltipProps> = ({\n  earnTokenContract,\n  earnTokenSymbol,\n  bondContract,\n  projectLink,\n  twitter,\n  chain,\n  isSoldOut = false,\n  billType,\n  cgId,\n  dexscreener,\n}) => {\n  const config = useSDKConfig()\n  const explorerLink = BLOCK_EXPLORER[chain as ChainId]\n  const urlPage =\n    chain === ChainId.SOL\n      ? 'account'\n      : chain === ChainId.APTOS\n        ? 'object'\n        : chain === ChainId.SUI\n          ? 'object'\n          : 'address'\n  const aptosNetworkParam = chain === ChainId.APTOS ? `?network=${IS_APTOS_MAINNET ? 'mainnet' : 'testnet'}` : ''\n  const tokenLink = `${explorerLink}/${urlPage}/${earnTokenContract}${aptosNetworkParam}`\n  const bondLink = `${explorerLink}/${urlPage}/${bondContract}${aptosNetworkParam}`\n  const bondDashboard = `https://dashboard.ape.bond/bond/${bondContract}`\n\n  const handleProjectViewNavigation = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    e?.stopPropagation()\n    window.location.href = `/bonds/${bondContract}/${chain}`\n    track({\n      event: 'projectInfoClick',\n      chain: chain,\n      data: {\n        cat: 'Table',\n        bond: earnTokenSymbol,\n        bondChain: chain,\n      },\n    })\n  }\n  return (\n    <Flex className=\"ape:flex-col ape:flex-wrap\">\n      {config?.referenceId === 'apebond' && !isSoldOut && billType !== 'fcfs' && (\n        <Flex className=\"ape:w-full ape:mb-[10px] ape:justify-center ape:relative ape:h-[25px]\">\n          <ExpandedViewButton\n            handleNavigation={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => handleProjectViewNavigation(e)}\n            rightPos={'17px'}\n          />\n        </Flex>\n      )}\n      <ButtonsRow\n        twitter={twitter}\n        projectLink={projectLink}\n        earnTokenContract={earnTokenContract}\n        cgId={cgId}\n        dexscreener={dexscreener}\n      />\n      <Flex className=\"ape:justify-center\">\n        <Flex className=\"ape:w-[144px] ape:flex-col\">\n          <Flex className={linkRowClasses}>\n            {tokenLink && (\n              <a href={tokenLink} className={linkClasses} target=\"_blank\" rel=\"noreferrer\">\n                View Token Contract\n                <Flex className=\"ape:ml-[5px]\">\n                  <External color=\"text\" width={10} />\n                </Flex>\n              </a>\n            )}\n          </Flex>\n          <Flex className={linkRowClasses}>\n            {bondLink && (\n              <a href={bondLink} className={linkClasses} target=\"_blank\" rel=\"noreferrer\">\n                View Bond Contract\n                <Flex className=\"ape:ml-[5px]\">\n                  <External color=\"text\" width={10} />\n                </Flex>\n              </a>\n            )}\n          </Flex>\n          <Flex className={linkRowClasses}>\n            {billType !== 'fcfs' && (\n              <a href={bondDashboard} className={linkClasses} target=\"_blank\" rel=\"noopener noreferrer\">\n                View Bond Insights\n                <Flex className=\"ape:ml-[5px]\">\n                  <External color=\"text\" width={10} />\n                </Flex>\n              </a>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default BondInfoTooltip\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react'\nimport ButtonsRow from './ButtonsRow'\nimport { BLOCK_EXPLORER } from '../../config/constants/chains'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { IS_APTOS_MAINNET } from '../../constants/aptosConstants'\nimport Flex from '../uikit-sdk/Flex'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport ExpandedViewButton from '../../views/BuyBond/components/ExpandedViewButton'\nimport track from '../../utils/track'\nimport External from '../uikit-sdk/Svg/Icons/External'\n\ninterface TooltipProps {\n  earnTokenContract: string\n  earnTokenSymbol: string\n  bondContract: string\n  projectLink?: string\n  twitter?: string\n  chain: number\n  isSoldOut?: boolean\n  billType?: string\n  cgId?: string\n  dexscreener?: string\n}\n\nconst linkRowClasses = 'ape:w-full ape:mt-[5px] ape:justify-end ape:[&_svg]:w-[11px]'\nconst linkClasses = 'ape:text-[12px] ape:leading-[14px] ape:flex ape:no-underline ape:hover:underline'\n\nconst BondInfoTooltip: React.FunctionComponent<TooltipProps> = ({\n  earnTokenContract,\n  earnTokenSymbol,\n  bondContract,\n  projectLink,\n  twitter,\n  chain,\n  isSoldOut = false,\n  billType,\n  cgId,\n  dexscreener,\n}) => {\n  const config = useSDKConfig()\n  const explorerLink = BLOCK_EXPLORER[chain as ChainId]\n  const urlPage =\n    chain === ChainId.SOL\n      ? 'account'\n      : chain === ChainId.APTOS\n        ? 'object'\n        : chain === ChainId.SUI\n          ? 'object'\n          : 'address'\n  const aptosNetworkParam = chain === ChainId.APTOS ? `?network=${IS_APTOS_MAINNET ? 'mainnet' : 'testnet'}` : ''\n  const tokenLink = `${explorerLink}/${urlPage}/${earnTokenContract}${aptosNetworkParam}`\n  const bondLink = `${explorerLink}/${urlPage}/${bondContract}${aptosNetworkParam}`\n  const bondDashboard = `https://dashboard.ape.bond/bond/${bondContract}`\n\n  const handleProjectViewNavigation = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n    e?.stopPropagation()\n    window.location.href = `/bonds/${bondContract}/${chain}`\n    track({\n      event: 'projectInfoClick',\n      chain: chain,\n      data: {\n        cat: 'Table',\n        bond: earnTokenSymbol,\n        bondChain: chain,\n      },\n    })\n  }\n  return (\n    <Flex className=\"ape:flex-col ape:flex-wrap\">\n      {/* No project page for launch (fcfs) or LP staking bonds */}\n      {config?.referenceId === 'apebond' && !isSoldOut && billType !== 'fcfs' && billType !== 'lpStaking' && (\n        <Flex className=\"ape:w-full ape:mb-[10px] ape:justify-center ape:relative ape:h-[25px]\">\n          <ExpandedViewButton\n            handleNavigation={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => handleProjectViewNavigation(e)}\n            rightPos={'17px'}\n          />\n        </Flex>\n      )}\n      <ButtonsRow\n        twitter={twitter}\n        projectLink={projectLink}\n        earnTokenContract={earnTokenContract}\n        cgId={cgId}\n        dexscreener={dexscreener}\n      />\n      <Flex className=\"ape:justify-center\">\n        <Flex className=\"ape:w-[144px] ape:flex-col\">\n          <Flex className={linkRowClasses}>\n            {tokenLink && (\n              <a href={tokenLink} className={linkClasses} target=\"_blank\" rel=\"noreferrer\">\n                View Token Contract\n                <Flex className=\"ape:ml-[5px]\">\n                  <External color=\"text\" width={10} />\n                </Flex>\n              </a>\n            )}\n          </Flex>\n          <Flex className={linkRowClasses}>\n            {bondLink && (\n              <a href={bondLink} className={linkClasses} target=\"_blank\" rel=\"noreferrer\">\n                View Bond Contract\n                <Flex className=\"ape:ml-[5px]\">\n                  <External color=\"text\" width={10} />\n                </Flex>\n              </a>\n            )}\n          </Flex>\n          <Flex className={linkRowClasses}>\n            {billType !== 'fcfs' && (\n              <a href={bondDashboard} className={linkClasses} target=\"_blank\" rel=\"noopener noreferrer\">\n                View Bond Insights\n                <Flex className=\"ape:ml-[5px]\">\n                  <External color=\"text\" width={10} />\n                </Flex>\n              </a>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default BondInfoTooltip\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "7.0.4-test.3",
+  "version": "7.0.4-test.5",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",