@ape.swap/bonds-sdk 6.2.13 → 6.2.14

package/dist/views/BuyBond/BuyComponentSui.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuyComponentSui.js","sources":["../../../src/views/BuyBond/BuyComponentSui.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react'\nimport clsx from 'clsx'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { Transaction } from '@mysten/sui/transactions'\nimport useSuiZapQuote, { AFTERMATH_TX_API_URL } from '../../state/zap/useSuiZapQuote'\nimport { findSuiZapToken } from '../../config/constants/suiZapTokens'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { usePopups } from '../../state/popups/usePopups'\nimport { useSlippage } from '../../state/slippage/useSlippage'\nimport { BondsData } from '../../types/bonds'\nimport { formatUSDNumber, getMaxBuy, getPayoutAmount, getPrincipalAmount } from '../../utils/displayHelpers'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport { findHighestTrueBondPrice } from '../../utils/bondPriceHelpers'\nimport { reportError } from '../../utils/reportError'\nimport { MCBuyComponentStyles } from '../../utils/campaignStyles'\nimport track from '../../utils/track'\nimport { remove0xPrefix } from '../../utils/remove0xPrefix'\nimport { getSymbol } from '../../utils/getNativeTicker'\n\nimport useSUIAccount from '../../hooks/accounts/useSUIAccount'\nimport useTokenFromZapList from '../../hooks/useTokenFromZapList'\nimport useSortedZapList from '../../hooks/useSortedZapList'\nimport TokenSelectorPanel from '../../components/TokenSelectorPanel'\nimport BondModalHeader from './components/BondModalHeader'\nimport BondCards from './components/BondCards/BondCards'\nimport Estimations from './components/Estimations'\nimport ProjectDescription from './components/ProjectDescription'\n\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Text from '../../components/uikit-sdk/Text'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport SafeHTMLComponent from '../../components/SafeHTMLComponent'\n\nimport { SUI_DEPOSIT_FUNCTION, SUI_PACKAGE_ID } from '../../constants/suiConstants'\nimport { getSuiClient, readFreshTrueBondPrice, verifySuiTxSuccess } from '../../utils/suiHelpers'\nimport { openSuiWalletConnector } from '../../config/constants/walletConnectors'\nimport { MarketingCampaign } from '@ape.swap/apeswap-lists'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { QUERY_KEYS } from '../../config/constants/queryKeys'\nimport { apiPost } from '../../utils/httpClient'\nimport { SuiJsonRpcClient } from '@mysten/sui/dist/cjs/jsonRpc/client'\nimport { mulDivRound, parseUnits, toFixedString } from '../../utils/fixedPoint'\n\n// (100 + slippage) / 100 as an exact integer fraction, scaled by 1e6 to preserve fractional\n// slippage percentages (e.g. 0.5%) without a float precompute.\nconst slippageMaxPrice = (priceBig: bigint, slippage: number): bigint =>\n  mulDivRound(priceBig, parseUnits(String(100 + slippage), 6), parseUnits('100', 6), 'ceil')\n\nconst extractSuiBillId = async (digest: string, suiClient: SuiJsonRpcClient): Promise<string> => {\n  const txBlock = await suiClient.getTransactionBlock({\n    digest,\n    options: {\n      showEffects: true,\n      showObjectChanges: true,\n      showEvents: true,\n    },\n  })\n  const bondNftType = `${SUI_PACKAGE_ID}::bond_nft::BondNFT`\n  const createdNft = txBlock.objectChanges?.find(\n    (change) =>\n      change.type === 'created' && 'objectType' in change && (change.objectType as string)?.includes(bondNftType),\n  )\n  if (createdNft && 'objectId' in createdNft) {\n    const nftObjectId = createdNft.objectId as string\n    try {\n      const nftObj = await suiClient.getObject({\n        id: nftObjectId,\n        options: { showContent: true },\n      })\n      if (nftObj.data?.content?.dataType === 'moveObject') {\n        const fields = nftObj.data.content.fields as Record<string, any>\n        const billId = String(fields?.bill_id ?? '')\n        if (billId && billId !== 'undefined' && billId !== '') {\n          return billId\n        }\n      }\n    } catch (e) {\n      console.warn('[SUI AFTER-PURCHASE] Failed to read BondNFT object:', nftObjectId, e)\n    }\n  }\n  return `digest:${digest}`\n}\n\ninterface BuyComponentSuiProps {\n  onDismiss?: () => void\n  bondAddress?: string\n  bondChain?: number\n  setBillId?: (id: string) => void\n  isProjectView?: boolean\n}\n\nconst BuyComponentSui: React.FC<BuyComponentSuiProps> = ({\n  onDismiss,\n  bondAddress,\n  bondChain,\n  isProjectView,\n  setBillId,\n}) => {\n  const SDKConfig = useSDKConfig()\n  const queryClient = useQueryClient()\n\n  // Hooks\n  const { address: suiAccount, signAndExecuteTransaction } = useSUIAccount()\n  const { data: bonds } = useBondsData()\n  const { addToastError, addToastSuccess } = usePopups()\n  const { solSlippage: slippage } = useSlippage() // reuse Sol slippage bucket for Sui\n\n  const bondData: BondsData | undefined = bonds?.find(\n    (bond) => bond?.contractAddress?.[bond?.chainId]?.toLowerCase() === bondAddress?.toLowerCase(),\n  )\n\n  // Derived pricing (same path the Solana no-tier branch uses).\n  const trueBondPriceData = findHighestTrueBondPrice('0', bondData?.trueBondPrices)\n\n  // State\n  const [inputValue, setInputValue] = useState('')\n  const [inputTokenString, setInputTokenString] = useState(bondData?.lpToken?.address?.[bondData?.chainId])\n  const [loadingTx, setLoadingTx] = useState(false)\n\n  // Token selection — reuses the same infrastructure as Solana\n  const inputToken = useTokenFromZapList(inputTokenString, bondData?.chainId, bondData?.lpToken)\n  const principalAddress = bondData?.lpToken?.address?.[bondData?.chainId]\n  // Detect zap: selected token differs from the bond principal\n  const SUI_NATIVE_COIN_TYPE = '0x2::sui::SUI'\n  const isNativeMatchingPrincipal =\n    (inputTokenString === 'NATIVE' || inputTokenString?.toLowerCase() === SUI_NATIVE_COIN_TYPE.toLowerCase()) &&\n    principalAddress?.toLowerCase() === SUI_NATIVE_COIN_TYPE.toLowerCase()\n  const isZap =\n    !!inputTokenString &&\n    !!principalAddress &&\n    !isNativeMatchingPrincipal &&\n    inputTokenString.toLowerCase() !== principalAddress.toLowerCase()\n\n  // Zap quote from Aftermath DEX aggregator\n  const suiZapToken = findSuiZapToken(\n    inputToken && inputToken !== 'NATIVE'\n      ? inputToken?.address?.[ChainId.SUI]\n      : inputToken === 'NATIVE'\n        ? '0x2::sui::SUI'\n        : undefined,\n  )\n  const [fetchingZapQuote, aftermathQuote, zapDepositAmount, zapError] = useSuiZapQuote(\n    inputValue,\n    suiZapToken,\n    bondData,\n    suiAccount ?? undefined,\n    slippage,\n  )\n\n  // Sorted zap list (balances + prices)\n  const { sortedZapList, isFetched: zapListFetched } = 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  const inputTokenPrice = enrichedTokenData?.price\n\n  // Estimations — use zapDepositAmount if swapping\n  const depositAmount = isZap ? zapDepositAmount : inputValue\n  const youSpendString = `${formatNumberSI(inputValue)} ${getSymbol(inputToken, bondData?.chainId)} = $${formatUSDNumber(\n    (parseFloat(inputValue || '0') * (inputTokenPrice ?? 0)).toString(),\n  )}`\n\n  const exceedsRealMaxBuy = getMaxBuy(bondData, true) <= getPayoutAmount(bondData, depositAmount, '0')\n  const exceedsSafeMaxBuy =\n    getMaxBuy(bondData, false) * (isZap ? 0.995 : 0.9995) <= getPayoutAmount(bondData, depositAmount, '0')\n\n  const exceedsBalance = Number(inputCurrencyBalance ?? '0') < Number(inputValue)\n\n  const load = loadingTx || (fetchingZapQuote && !!inputValue)\n\n  // Handlers\n  const handleCurrencySelect = useCallback((newInputToken: string) => {\n    setInputValue('')\n    setInputTokenString(newInputToken)\n  }, [])\n\n  const handleMaxButton = () => {\n    const balance = Number(inputCurrencyBalance ?? '0')\n    const principalDecimals = bondData?.lpToken?.decimals?.[bondData?.chainId] ?? 9\n    const maxBuyAmount = getMaxBuy(bondData, SDKConfig.showLowValueBonds)\n\n    const maxPossibleUserPurchase = getPayoutAmount(bondData, balance.toString(), '0')\n    if (maxPossibleUserPurchase > maxBuyAmount) {\n      const principalForMaxBuy = getPrincipalAmount(bondData, maxBuyAmount.toString(), '0')\n      setInputValue(toFixedString(principalForMaxBuy, principalDecimals))\n    } else {\n      setInputValue(toFixedString(balance, principalDecimals))\n    }\n  }\n\n  const handleBuyCallback = async () => {\n    if (!suiAccount || !bondData || !inputValue || !signAndExecuteTransaction) return\n    track({\n      event: 'buyBondClick',\n      chain: bondChain,\n      data: {\n        cat: bondData?.billType,\n        bond: bondData?.earnToken.symbol,\n        value: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n      },\n    })\n    try {\n      setLoadingTx(true)\n\n      const principalDecimals = bondData.lpToken.decimals[bondData.chainId] ?? 9\n      const atomicAmount = parseUnits(inputValue, principalDecimals, 'floor').toString()\n\n      const market = bondData.contractAddress[bondData.chainId]\n\n      // Read fresh bond price from chain to avoid stale cache after previous purchases\n      const freshTruePrice = await readFreshTrueBondPrice(market)\n      const atomicMaxPrice = slippageMaxPrice(freshTruePrice, slippage).toString()\n      const principalCoinType = bondData.lpToken.address[bondData.chainId]\n      const payoutCoinType = bondData.earnToken.address[bondData.chainId]\n      if (!principalCoinType || !payoutCoinType) throw new Error('Missing token type info')\n\n      // Build Sui transaction\n      const tx = new Transaction()\n      const isPrincipalNativeSui =\n        !principalCoinType || principalCoinType.toLowerCase() === SUI_NATIVE_COIN_TYPE.toLowerCase()\n\n      let principalCoin\n      if (isPrincipalNativeSui) {\n        ;[principalCoin] = tx.splitCoins(tx.gas, [tx.pure.u64(atomicAmount)])\n      } else {\n        const suiClient = getSuiClient()\n        const userCoins = await suiClient.getCoins({ owner: suiAccount, coinType: principalCoinType })\n        if (!userCoins.data.length) throw new Error(`No ${bondData.lpToken.symbol} coins found in wallet`)\n        if (userCoins.data.length > 1) {\n          const [primary, ...rest] = userCoins.data.map((c) => tx.object(c.coinObjectId))\n          tx.mergeCoins(primary, rest)\n          ;[principalCoin] = tx.splitCoins(primary, [tx.pure.u64(atomicAmount)])\n        } else {\n          ;[principalCoin] = tx.splitCoins(tx.object(userCoins.data[0].coinObjectId), [tx.pure.u64(atomicAmount)])\n        }\n      }\n\n      if (!market || !bondData?.suiTreasuryId || !bondData?.billNnftAddress?.[ChainId.SUI]) {\n        return\n      }\n\n      tx.moveCall({\n        target: SUI_DEPOSIT_FUNCTION,\n        typeArguments: [payoutCoinType, principalCoinType],\n        arguments: [\n          tx.object(market),\n          tx.object(bondData.suiTreasuryId),\n          tx.object(bondData.billNnftAddress[ChainId.SUI]),\n          principalCoin,\n          tx.pure.u64(atomicMaxPrice),\n          tx.pure.address(suiAccount),\n          tx.object('0x6'), // clock\n        ],\n      })\n\n      // Pre-build the transaction so the wallet receives fully-resolved bytes.\n      // Some wallets (e.g. Phantom) fail with \"Unexpected error\" when they have\n      // to build/simulate a Transaction object themselves.\n      tx.setSender(suiAccount)\n      tx.setGasBudget(50_000_000) // 0.05 SUI — generous for a bond deposit\n      const builtBytes = await tx.build({ client: getSuiClient() })\n      const prebuiltTx = Transaction.from(builtBytes)\n      const response = await signAndExecuteTransaction({\n        transaction: prebuiltTx,\n      })\n\n      const digest = response?.digest\n      if (!digest) throw new Error('No tx digest returned by wallet')\n\n      const suiClient = getSuiClient()\n      await suiClient.waitForTransaction({ digest })\n      await verifySuiTxSuccess(digest)\n\n      // Extract the bill_id from the confirmed transaction.\n      // extractSuiBillId logs the full tx block so you can inspect the raw data\n      // in case automatic extraction fails.\n      const billId = await extractSuiBillId(digest, suiClient)\n      console.log('[SUI AFTER-PURCHASE] handleBuyCallback billId:', billId)\n\n      // Invalidate bonds data so next purchase uses fresh pricing\n      await queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.BONDS_DATA] })\n\n      // Sui's indexer has a short lag — getOwnedObjects may not return the\n      // new BondNFT immediately. Schedule re-invalidations so the Your Bonds\n      // view picks up the new bond once the indexer catches up.\n      setTimeout(() => queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.USER_BONDS] }), 3000)\n\n      track({\n        event: 'bond',\n        chain: bondChain,\n        data: {\n          cat: 'lp-buy',\n          type: bondData?.billType ?? '',\n          typedValue: inputValue,\n          principalToken: bondData?.lpToken.symbol ?? '',\n          earnToken: bondData?.earnToken.symbol ?? '',\n          address: remove0xPrefix(market),\n          usdAmount: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n        },\n      })\n\n      addToastSuccess(digest, bondChain as ChainId)\n      setBillId?.(billId)\n    } catch (error: any) {\n      console.error('[SUI DEBUG] Error during Sui bond purchase:', error)\n      addToastError(error?.message || 'Unknown error')\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error: error?.message,\n        extraInfo: { type: 'suiBuyBond', error: error?.message },\n        chainId: bondChain,\n        account: suiAccount,\n      })\n    } finally {\n      setLoadingTx(false)\n    }\n  }\n\n  const handleZapCallback = async () => {\n    if (loadingTx || !suiAccount || !bondData || !aftermathQuote || !signAndExecuteTransaction) return\n\n    track({\n      event: 'buyBondClick',\n      chain: bondChain,\n      data: {\n        cat: bondData?.billType,\n        bond: bondData?.earnToken.symbol,\n        value: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n      },\n    })\n\n    try {\n      setLoadingTx(true)\n      const suiClient = getSuiClient()\n      const principalDecimals = bondData.lpToken.decimals[bondData.chainId] ?? 6\n      const depositAmountAtomic = parseUnits(zapDepositAmount, principalDecimals, 'floor').toString()\n\n      // TX1: Acquire principal tokens\n      // if (IS_SUI_MAINNET) {\n      // Mainnet: swap via Aftermath DEX aggregator\n      const swapTxBytes = await apiPost(AFTERMATH_TX_API_URL, {\n        walletAddress: suiAccount,\n        completeRoute: aftermathQuote,\n        slippage: slippage / 100,\n      })\n\n      if (!swapTxBytes) throw new Error('Aftermath returned no transaction data')\n\n      const swapTx = Transaction.from(swapTxBytes)\n      const swapResponse = await signAndExecuteTransaction({ transaction: swapTx })\n      const swapDigest = swapResponse?.digest\n      if (!swapDigest) throw new Error('No tx digest returned for swap')\n      await suiClient.waitForTransaction({ digest: swapDigest })\n      // } else {\n      //   // Testnet: mint principal tokens via test_principal_token::mint\n      //   // No DEX aggregator supports Sui testnet or custom test tokens.\n      //   const mintTx = new Transaction()\n      //   mintTx.moveCall({\n      //     target: SUI_MINT_PRINCIPAL_FUNCTION,\n      //     arguments: [\n      //       mintTx.object(SUI_PRINCIPAL_TOKEN_ADMIN_TESTNET),\n      //       mintTx.pure.u64(depositAmountAtomic),\n      //       mintTx.pure.address(suiAccount),\n      //     ],\n      //   })\n      //\n      //   mintTx.setSender(suiAccount)\n      //   mintTx.setGasBudget(50_000_000)\n      //   const builtMint = await mintTx.build({ client: suiClient })\n      //   const prebuiltMint = Transaction.from(builtMint)\n      //\n      //   const mintResponse = await signAndExecuteTransaction({ transaction: prebuiltMint })\n      //   const mintDigest = mintResponse?.digest\n      //   if (!mintDigest) throw new Error('No tx digest returned for testnet mint')\n      //   await suiClient.waitForTransaction({ digest: mintDigest })\n      // }\n\n      // TX2: Deposit into bond with principal tokens\n      const market = bondData.contractAddress[ChainId.SUI]\n\n      // Read fresh bond price from chain to avoid stale cache\n      const freshTruePrice = await readFreshTrueBondPrice(market)\n      const atomicMaxPrice = slippageMaxPrice(freshTruePrice, slippage).toString()\n\n      const principalCoinType = bondData.lpToken.address[bondData.chainId]\n      const payoutCoinType = bondData.earnToken.address[bondData.chainId]\n      if (!principalCoinType || !payoutCoinType) throw new Error('Missing token type info')\n\n      const tx = new Transaction()\n      const isPrincipalNativeSui = principalCoinType.toLowerCase() === SUI_NATIVE_COIN_TYPE.toLowerCase()\n\n      let principalCoin\n      if (isPrincipalNativeSui) {\n        ;[principalCoin] = tx.splitCoins(tx.gas, [tx.pure.u64(depositAmountAtomic)])\n      } else {\n        const userCoins = await suiClient.getCoins({ owner: suiAccount, coinType: principalCoinType })\n        if (!userCoins.data.length) throw new Error(`No ${bondData.lpToken.symbol} coins found after swap`)\n        if (userCoins.data.length > 1) {\n          const [primary, ...rest] = userCoins.data.map((c) => tx.object(c.coinObjectId))\n          tx.mergeCoins(primary, rest)\n          ;[principalCoin] = tx.splitCoins(primary, [tx.pure.u64(depositAmountAtomic)])\n        } else {\n          ;[principalCoin] = tx.splitCoins(tx.object(userCoins.data[0].coinObjectId), [\n            tx.pure.u64(depositAmountAtomic),\n          ])\n        }\n      }\n\n      if (!market || !bondData?.suiTreasuryId || !bondData?.billNnftAddress?.[ChainId.SUI]) {\n        return\n      }\n\n      tx.moveCall({\n        target: SUI_DEPOSIT_FUNCTION,\n        typeArguments: [payoutCoinType, principalCoinType],\n        arguments: [\n          tx.object(market),\n          tx.object(bondData.suiTreasuryId),\n          tx.object(bondData.billNnftAddress[ChainId.SUI]),\n          principalCoin,\n          tx.pure.u64(atomicMaxPrice),\n          tx.pure.address(suiAccount),\n          tx.object('0x6'), // clock\n        ],\n      })\n\n      tx.setSender(suiAccount)\n      tx.setGasBudget(50_000_000)\n      const builtDeposit = await tx.build({ client: suiClient })\n      const prebuiltDeposit = Transaction.from(builtDeposit)\n\n      const depositResponse = await signAndExecuteTransaction({ transaction: prebuiltDeposit })\n      const depositDigest = depositResponse?.digest\n      if (!depositDigest) throw new Error('No tx digest returned for deposit')\n      await suiClient.waitForTransaction({ digest: depositDigest })\n      await verifySuiTxSuccess(depositDigest)\n\n      // Extract the bill_id from the confirmed deposit transaction.\n      // extractSuiBillId logs the full tx block so you can inspect the raw data\n      // in case automatic extraction fails.\n      const billId = await extractSuiBillId(depositDigest, suiClient)\n      console.log('[SUI AFTER-PURCHASE] handleZapCallback billId:', billId)\n\n      // Invalidate bonds data so next purchase uses fresh pricing\n      await queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.BONDS_DATA] })\n\n      // Sui indexer lag — schedule delayed re-invalidations for user bonds\n      setTimeout(() => queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.USER_BONDS] }), 3000)\n\n      track({\n        event: 'zap',\n        chain: bondChain,\n        data: {\n          cat: 'bond',\n          token1: getSymbol(inputToken, bondData?.chainId),\n          token2: bondData?.lpToken.symbol ?? '',\n          amount: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n        },\n      })\n\n      track({\n        event: 'bond',\n        chain: bondChain,\n        data: {\n          cat: 'lp-buy',\n          type: bondData?.billType ?? '',\n          typedValue: inputValue,\n          principalToken: bondData?.lpToken.symbol ?? '',\n          earnToken: bondData?.earnToken.symbol ?? '',\n          address: remove0xPrefix(market),\n          usdAmount: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n        },\n      })\n\n      addToastSuccess(depositDigest, bondChain as ChainId)\n      setBillId?.(billId)\n    } catch (error: any) {\n      console.error('Error during Sui zap bond purchase:', error)\n      addToastError(error?.message || 'Unknown error')\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error: error?.message,\n        extraInfo: { type: 'suiZapBuyBond', error: error?.message },\n        chainId: bondChain,\n        account: suiAccount,\n      })\n    } finally {\n      setLoadingTx(false)\n    }\n  }\n\n  const handleBuy = () => {\n    if (loadingTx) return\n    if (isZap) {\n      handleZapCallback()\n    } else {\n      handleBuyCallback()\n    }\n  }\n\n  // Sync inputTokenString when bondData loads after initial render\n  useEffect(() => {\n    const addr = bondData?.lpToken?.address?.[bondData?.chainId]\n    if (addr && !inputTokenString) {\n      setInputTokenString(addr)\n    }\n  }, [bondData?.lpToken?.address, bondData?.chainId]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Auto-select highest balance token when zap list loads\n  const [hasChecked, setHasChecked] = useState(false)\n  useEffect(() => {\n    if (zapListFetched && !hasChecked) {\n      if (parseFloat(inputCurrencyBalance ?? '0') < 0.0001) {\n        setInputTokenString(\n          sortedZapList[0]?.token === 'NATIVE' ? 'NATIVE' : sortedZapList[0]?.token.address[bondChain as ChainId],\n        )\n      }\n      setHasChecked(true)\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [inputCurrencyBalance, zapListFetched])\n\n  const hasPositiveBonus = (trueBondPriceData?.bonusWithFee ?? 0) > 0\n\n  const canBuy =\n    !load &&\n    !!suiAccount &&\n    !bondData?.soldOut &&\n    !!inputValue &&\n    parseFloat(inputValue) > 0 &&\n    !exceedsRealMaxBuy &&\n    !exceedsBalance &&\n    hasPositiveBonus &&\n    !SDKConfig.blockSales &&\n    !zapError &&\n    !(isZap && !aftermathQuote)\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-[15px] ape:min-[800px]:p-[20px]\"\n      style={{ ...MCBuyComponentStyles[bondData?.marketingCampaign as MarketingCampaign] }}\n    >\n      <Flex className=\"modaltable-container ape:w-full ape:flex ape:flex-col ape:relative\">\n        <BondModalHeader bondData={bondData} onDismiss={onDismiss} hidePromotionUi />\n        <ProjectDescription description={bondData.shortDescription} isProjectView />\n        <Flex className={clsx('ape:w-full', isProjectView ? 'ape:hidden ape:lg:flex' : 'ape:flex')}>\n          <BondCards bondData={bondData} isDoingMaxBuy={exceedsSafeMaxBuy && !exceedsRealMaxBuy} />\n        </Flex>\n        <Estimations\n          depositAmount={depositAmount}\n          inputValue={inputValue}\n          inputTokenPrice={inputTokenPrice}\n          bondData={bondData}\n          youSpendString={youSpendString}\n          isZap={isZap}\n          fetchingZapQuote={fetchingZapQuote}\n          zapError={zapError}\n        />\n        <TokenSelectorPanel\n          typedValue={inputValue}\n          setTypedValue={setInputValue}\n          selectedToken={inputToken}\n          handleValueBtn={handleMaxButton}\n          handleCurrencySelect={handleCurrencySelect}\n          bondChainId={ChainId.SUI}\n          enableZap={true}\n          bondPrincipalToken={bondData?.lpToken}\n          tokenBalance={inputCurrencyBalance ?? undefined}\n          selectedTokenPrice={inputTokenPrice}\n          isConnected={!!suiAccount}\n        />\n        {bondData?.warningCard && (\n          <Flex\n            className=\"ape:w-full ape:justify-center ape:mt-[10px] ape:rounded-normal ape:p-[2px_10px]\"\n            style={{ background: '#DE62F366' }}\n          >\n            <Text size=\"12px\" className=\"ape:font-normal ape:flex ape:items-center ape:gap-[10px]\">\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:pt-[10px] ape:justify-between\">\n          <Flex className=\"button-container buy ape:justify-center ape:items-center ape:cursor-pointer ape:w-full\">\n            {!suiAccount ? (\n              <Button\n                className=\"action-button ape:w-full ape:text-[14px]! ape:lg:text-[16px]!\"\n                onClick={openSuiWalletConnector}\n              >\n                Connect to Sui\n              </Button>\n            ) : (\n              <Button\n                className=\"action-button ape:w-full ape:text-[14px]! ape:lg:text-[16px]!\"\n                load={load}\n                disabled={!canBuy}\n                onClick={handleBuy}\n              >\n                {SDKConfig.blockSales\n                  ? 'Complete KYC to Buy'\n                  : zapError\n                    ? 'Swap quote failed'\n                    : exceedsRealMaxBuy\n                      ? 'Exceeds Max Buy. Reduce amount'\n                      : exceedsBalance\n                        ? 'Insufficient balance'\n                        : !inputValue || parseFloat(inputValue) === 0\n                          ? 'Insert amount'\n                          : 'buy'}\n              </Button>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  ) : (\n    <></>\n  )\n}\n\nexport default BuyComponentSui\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;AACA;AACA,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAE,QAAgB,KAC1D,WAAW,CAAC,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;AAE5F,MAAM,gBAAgB,GAAG,OAAO,MAAc,EAAE,SAA2B,KAAqB;AAC9F,IAAA,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,mBAAmB,CAAC;QAClD,MAAM;AACN,QAAA,OAAO,EAAE;AACP,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,UAAU,EAAE,IAAI;AACjB,SAAA;AACF,KAAA,CAAC;AACF,IAAA,MAAM,WAAW,GAAG,CAAA,EAAG,cAAc,qBAAqB;AAC1D,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,EAAE,IAAI,CAC5C,CAAC,MAAM,KACL,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,YAAY,IAAI,MAAM,IAAK,MAAM,CAAC,UAAqB,EAAE,QAAQ,CAAC,WAAW,CAAC,CAC9G;AACD,IAAA,IAAI,UAAU,IAAI,UAAU,IAAI,UAAU,EAAE;AAC1C,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,QAAkB;AACjD,QAAA,IAAI;AACF,YAAA,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,SAAS,CAAC;AACvC,gBAAA,EAAE,EAAE,WAAW;AACf,gBAAA,OAAO,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;AAC/B,aAAA,CAAC;YACF,IAAI,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,KAAK,YAAY,EAAE;gBACnD,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAA6B;gBAChE,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE,CAAC;gBAC5C,IAAI,MAAM,IAAI,MAAM,KAAK,WAAW,IAAI,MAAM,KAAK,EAAE,EAAE;AACrD,oBAAA,OAAO,MAAM;gBACf;YACF;QACF;QAAE,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,IAAI,CAAC,qDAAqD,EAAE,WAAW,EAAE,CAAC,CAAC;QACrF;IACF;IACA,OAAO,CAAA,OAAA,EAAU,MAAM,CAAA,CAAE;AAC3B,CAAC;AAUD,MAAM,eAAe,GAAmC,CAAC,EACvD,SAAS,EACT,WAAW,EACX,SAAS,EACT,aAAa,EACb,SAAS,GACV,KAAI;AACH,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,MAAM,WAAW,GAAG,cAAc,EAAE;;IAGpC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,yBAAyB,EAAE,GAAG,aAAa,EAAE;IAC1E,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE;IACtC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE;IACtD,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;AAE/C,IAAA,MAAM,QAAQ,GAA0B,KAAK,EAAE,IAAI,CACjD,CAAC,IAAI,KAAK,IAAI,EAAE,eAAe,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,WAAW,EAAE,CAC/F;;IAGD,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,GAAG,EAAE,QAAQ,EAAE,cAAc,CAAC;;IAGjF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;IAChD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC;IACzG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;;AAGjD,IAAA,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;AAC9F,IAAA,MAAM,gBAAgB,GAAG,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG,QAAQ,EAAE,OAAO,CAAC;;IAExE,MAAM,oBAAoB,GAAG,eAAe;AAC5C,IAAA,MAAM,yBAAyB,GAC7B,CAAC,gBAAgB,KAAK,QAAQ,IAAI,gBAAgB,EAAE,WAAW,EAAE,KAAK,oBAAoB,CAAC,WAAW,EAAE;QACxG,gBAAgB,EAAE,WAAW,EAAE,KAAK,oBAAoB,CAAC,WAAW,EAAE;AACxE,IAAA,MAAM,KAAK,GACT,CAAC,CAAC,gBAAgB;AAClB,QAAA,CAAC,CAAC,gBAAgB;AAClB,QAAA,CAAC,yBAAyB;QAC1B,gBAAgB,CAAC,WAAW,EAAE,KAAK,gBAAgB,CAAC,WAAW,EAAE;;IAGnE,MAAM,WAAW,GAAG,eAAe,CACjC,UAAU,IAAI,UAAU,KAAK;UACzB,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;UACjC,UAAU,KAAK;AACf,cAAE;cACA,SAAS,CAChB;IACD,MAAM,CAAC,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,QAAQ,CAAC,GAAG,cAAc,CACnF,UAAU,EACV,WAAW,EACX,QAAQ,EACR,UAAU,IAAI,SAAS,EACvB,QAAQ,CACT;;AAGD,IAAA,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC;AACnG,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;AACvD,IAAA,MAAM,eAAe,GAAG,iBAAiB,EAAE,KAAK;;IAGhD,MAAM,aAAa,GAAG,KAAK,GAAG,gBAAgB,GAAG,UAAU;AAC3D,IAAA,MAAM,cAAc,GAAG,CAAA,EAAG,cAAc,CAAC,UAAU,CAAC,CAAA,CAAA,EAAI,SAAS,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC,OAAO,eAAe,CACpH,CAAC,UAAU,CAAC,UAAU,IAAI,GAAG,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,CACpE,EAAE;AAEH,IAAA,MAAM,iBAAiB,GAAG,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,eAAe,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,CAAC;AACpG,IAAA,MAAM,iBAAiB,GACrB,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,IAAI,eAAe,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,CAAC;AAExG,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,oBAAoB,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC;IAE/E,MAAM,IAAI,GAAG,SAAS,KAAK,gBAAgB,IAAI,CAAC,CAAC,UAAU,CAAC;;AAG5D,IAAA,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,aAAqB,KAAI;QACjE,aAAa,CAAC,EAAE,CAAC;QACjB,mBAAmB,CAAC,aAAa,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC;IAEN,MAAM,eAAe,GAAG,MAAK;QAC3B,MAAM,OAAO,GAAG,MAAM,CAAC,oBAAoB,IAAI,GAAG,CAAC;AACnD,QAAA,MAAM,iBAAiB,GAAG,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC;QAC/E,MAAM,YAAY,GAAG,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,iBAAiB,CAAC;AAErE,QAAA,MAAM,uBAAuB,GAAG,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC;AAClF,QAAA,IAAI,uBAAuB,GAAG,YAAY,EAAE;AAC1C,YAAA,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC;YACrF,aAAa,CAAC,aAAa,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;QACrE;aAAO;YACL,aAAa,CAAC,aAAa,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;QAC1D;AACF,IAAA,CAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,YAAW;QACnC,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU,IAAI,CAAC,yBAAyB;YAAE;AAC3E,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;gBAChC,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;AACvD,aAAA;AACF,SAAA,CAAC;AACF,QAAA,IAAI;YACF,YAAY,CAAC,IAAI,CAAC;AAElB,YAAA,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;AAC1E,YAAA,MAAM,YAAY,GAAG,UAAU,CAAC,UAAU,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC,QAAQ,EAAE;YAElF,MAAM,MAAM,GAAG,QAAQ,CAAC,eAAe,CAAC,QAAQ,CAAC,OAAO,CAAC;;AAGzD,YAAA,MAAM,cAAc,GAAG,MAAM,sBAAsB,CAAC,MAAM,CAAC;YAC3D,MAAM,cAAc,GAAG,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,QAAQ,EAAE;AAC5E,YAAA,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;AACpE,YAAA,MAAM,cAAc,GAAG,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;AACnE,YAAA,IAAI,CAAC,iBAAiB,IAAI,CAAC,cAAc;AAAE,gBAAA,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC;;AAGrF,YAAA,MAAM,EAAE,GAAG,IAAI,WAAW,EAAE;AAC5B,YAAA,MAAM,oBAAoB,GACxB,CAAC,iBAAiB,IAAI,iBAAiB,CAAC,WAAW,EAAE,KAAK,oBAAoB,CAAC,WAAW,EAAE;AAE9F,YAAA,IAAI,aAAa;YACjB,IAAI,oBAAoB,EAAE;gBACxB;gBAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC;YACvE;iBAAO;AACL,gBAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,gBAAA,MAAM,SAAS,GAAG,MAAM,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC;AAC9F,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM;oBAAE,MAAM,IAAI,KAAK,CAAC,CAAA,GAAA,EAAM,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAA,sBAAA,CAAwB,CAAC;gBAClG,IAAI,SAAS,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC7B,MAAM,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;AAC/E,oBAAA,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC;oBAC3B,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC;gBACxE;qBAAO;oBACL;AAAC,oBAAA,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC;gBAC1G;YACF;AAEA,YAAA,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,aAAa,IAAI,CAAC,QAAQ,EAAE,eAAe,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE;gBACpF;YACF;YAEA,EAAE,CAAC,QAAQ,CAAC;AACV,gBAAA,MAAM,EAAE,oBAAoB;AAC5B,gBAAA,aAAa,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC;AAClD,gBAAA,SAAS,EAAE;AACT,oBAAA,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AACjB,oBAAA,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC;oBACjC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;oBAChD,aAAa;AACb,oBAAA,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC;AAC3B,oBAAA,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;AAC3B,oBAAA,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;AACjB,iBAAA;AACF,aAAA,CAAC;;;;AAKF,YAAA,EAAE,CAAC,SAAS,CAAC,UAAU,CAAC;AACxB,YAAA,EAAE,CAAC,YAAY,CAAC,QAAU,CAAC,CAAA;AAC3B,YAAA,MAAM,UAAU,GAAG,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,CAAC;YAC7D,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC/C,YAAA,MAAM,QAAQ,GAAG,MAAM,yBAAyB,CAAC;AAC/C,gBAAA,WAAW,EAAE,UAAU;AACxB,aAAA,CAAC;AAEF,YAAA,MAAM,MAAM,GAAG,QAAQ,EAAE,MAAM;AAC/B,YAAA,IAAI,CAAC,MAAM;AAAE,gBAAA,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC;AAE/D,YAAA,MAAM,SAAS,GAAG,YAAY,EAAE;YAChC,MAAM,SAAS,CAAC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;AAC9C,YAAA,MAAM,kBAAkB,CAAC,MAAM,CAAC;;;;YAKhC,MAAM,MAAM,GAAG,MAAM,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC;AACxD,YAAA,OAAO,CAAC,GAAG,CAAC,gDAAgD,EAAE,MAAM,CAAC;;AAGrE,YAAA,MAAM,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;;;;YAK1E,UAAU,CAAC,MAAM,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC;AAE5F,YAAA,KAAK,CAAC;AACJ,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,IAAI,EAAE;AACJ,oBAAA,GAAG,EAAE,QAAQ;AACb,oBAAA,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAI,EAAE;AAC9B,oBAAA,UAAU,EAAE,UAAU;AACtB,oBAAA,cAAc,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE;AAC9C,oBAAA,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM,IAAI,EAAE;AAC3C,oBAAA,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC;oBAC/B,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;AAC3D,iBAAA;AACF,aAAA,CAAC;AAEF,YAAA,eAAe,CAAC,MAAM,EAAE,SAAoB,CAAC;AAC7C,YAAA,SAAS,GAAG,MAAM,CAAC;QACrB;QAAE,OAAO,KAAU,EAAE;AACnB,YAAA,OAAO,CAAC,KAAK,CAAC,6CAA6C,EAAE,KAAK,CAAC;AACnE,YAAA,aAAa,CAAC,KAAK,EAAE,OAAO,IAAI,eAAe,CAAC;AAChD,YAAA,WAAW,CAAC;AACV,gBAAA,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK;gBAC9B,KAAK,EAAE,KAAK,EAAE,OAAO;gBACrB,SAAS,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE;AACxD,gBAAA,OAAO,EAAE,SAAS;AAClB,gBAAA,OAAO,EAAE,UAAU;AACpB,aAAA,CAAC;QACJ;gBAAU;YACR,YAAY,CAAC,KAAK,CAAC;QACrB;AACF,IAAA,CAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,YAAW;AACnC,QAAA,IAAI,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,CAAC,cAAc,IAAI,CAAC,yBAAyB;YAAE;AAE5F,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;gBAChC,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;AACvD,aAAA;AACF,SAAA,CAAC;AAEF,QAAA,IAAI;YACF,YAAY,CAAC,IAAI,CAAC;AAClB,YAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,YAAA,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;AAC1E,YAAA,MAAM,mBAAmB,GAAG,UAAU,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC,QAAQ,EAAE;;;;AAK/F,YAAA,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,oBAAoB,EAAE;AACtD,gBAAA,aAAa,EAAE,UAAU;AACzB,gBAAA,aAAa,EAAE,cAAc;gBAC7B,QAAQ,EAAE,QAAQ,GAAG,GAAG;AACzB,aAAA,CAAC;AAEF,YAAA,IAAI,CAAC,WAAW;AAAE,gBAAA,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC;YAE3E,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC;YAC5C,MAAM,YAAY,GAAG,MAAM,yBAAyB,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;AAC7E,YAAA,MAAM,UAAU,GAAG,YAAY,EAAE,MAAM;AACvC,YAAA,IAAI,CAAC,UAAU;AAAE,gBAAA,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC;YAClE,MAAM,SAAS,CAAC,kBAAkB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;YA0B1D,MAAM,MAAM,GAAG,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC;;AAGpD,YAAA,MAAM,cAAc,GAAG,MAAM,sBAAsB,CAAC,MAAM,CAAC;YAC3D,MAAM,cAAc,GAAG,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,QAAQ,EAAE;AAE5E,YAAA,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;AACpE,YAAA,MAAM,cAAc,GAAG,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;AACnE,YAAA,IAAI,CAAC,iBAAiB,IAAI,CAAC,cAAc;AAAE,gBAAA,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC;AAErF,YAAA,MAAM,EAAE,GAAG,IAAI,WAAW,EAAE;YAC5B,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,WAAW,EAAE,KAAK,oBAAoB,CAAC,WAAW,EAAE;AAEnG,YAAA,IAAI,aAAa;YACjB,IAAI,oBAAoB,EAAE;gBACxB;gBAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC;YAC9E;iBAAO;AACL,gBAAA,MAAM,SAAS,GAAG,MAAM,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC;AAC9F,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM;oBAAE,MAAM,IAAI,KAAK,CAAC,CAAA,GAAA,EAAM,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAA,uBAAA,CAAyB,CAAC;gBACnG,IAAI,SAAS,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC7B,MAAM,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;AAC/E,oBAAA,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC;oBAC3B,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC;gBAC/E;qBAAO;oBACL;oBAAC,CAAC,aAAa,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE;AAC1E,wBAAA,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC;AACjC,qBAAA,CAAC;gBACJ;YACF;AAEA,YAAA,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,aAAa,IAAI,CAAC,QAAQ,EAAE,eAAe,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE;gBACpF;YACF;YAEA,EAAE,CAAC,QAAQ,CAAC;AACV,gBAAA,MAAM,EAAE,oBAAoB;AAC5B,gBAAA,aAAa,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC;AAClD,gBAAA,SAAS,EAAE;AACT,oBAAA,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AACjB,oBAAA,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC;oBACjC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;oBAChD,aAAa;AACb,oBAAA,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC;AAC3B,oBAAA,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;AAC3B,oBAAA,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;AACjB,iBAAA;AACF,aAAA,CAAC;AAEF,YAAA,EAAE,CAAC,SAAS,CAAC,UAAU,CAAC;AACxB,YAAA,EAAE,CAAC,YAAY,CAAC,QAAU,CAAC;AAC3B,YAAA,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;YAC1D,MAAM,eAAe,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC;YAEtD,MAAM,eAAe,GAAG,MAAM,yBAAyB,CAAC,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC;AACzF,YAAA,MAAM,aAAa,GAAG,eAAe,EAAE,MAAM;AAC7C,YAAA,IAAI,CAAC,aAAa;AAAE,gBAAA,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC;YACxE,MAAM,SAAS,CAAC,kBAAkB,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AAC7D,YAAA,MAAM,kBAAkB,CAAC,aAAa,CAAC;;;;YAKvC,MAAM,MAAM,GAAG,MAAM,gBAAgB,CAAC,aAAa,EAAE,SAAS,CAAC;AAC/D,YAAA,OAAO,CAAC,GAAG,CAAC,gDAAgD,EAAE,MAAM,CAAC;;AAGrE,YAAA,MAAM,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;;YAG1E,UAAU,CAAC,MAAM,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC;AAE5F,YAAA,KAAK,CAAC;AACJ,gBAAA,KAAK,EAAE,KAAK;AACZ,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,IAAI,EAAE;AACJ,oBAAA,GAAG,EAAE,MAAM;oBACX,MAAM,EAAE,SAAS,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC;AAChD,oBAAA,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE;oBACtC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;AACxD,iBAAA;AACF,aAAA,CAAC;AAEF,YAAA,KAAK,CAAC;AACJ,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,IAAI,EAAE;AACJ,oBAAA,GAAG,EAAE,QAAQ;AACb,oBAAA,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAI,EAAE;AAC9B,oBAAA,UAAU,EAAE,UAAU;AACtB,oBAAA,cAAc,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE;AAC9C,oBAAA,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM,IAAI,EAAE;AAC3C,oBAAA,OAAO,EAAE,cAAc,CAAC,MAAM,CAAC;oBAC/B,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;AAC3D,iBAAA;AACF,aAAA,CAAC;AAEF,YAAA,eAAe,CAAC,aAAa,EAAE,SAAoB,CAAC;AACpD,YAAA,SAAS,GAAG,MAAM,CAAC;QACrB;QAAE,OAAO,KAAU,EAAE;AACnB,YAAA,OAAO,CAAC,KAAK,CAAC,qCAAqC,EAAE,KAAK,CAAC;AAC3D,YAAA,aAAa,CAAC,KAAK,EAAE,OAAO,IAAI,eAAe,CAAC;AAChD,YAAA,WAAW,CAAC;AACV,gBAAA,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK;gBAC9B,KAAK,EAAE,KAAK,EAAE,OAAO;gBACrB,SAAS,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE;AAC3D,gBAAA,OAAO,EAAE,SAAS;AAClB,gBAAA,OAAO,EAAE,UAAU;AACpB,aAAA,CAAC;QACJ;gBAAU;YACR,YAAY,CAAC,KAAK,CAAC;QACrB;AACF,IAAA,CAAC;IAED,MAAM,SAAS,GAAG,MAAK;AACrB,QAAA,IAAI,SAAS;YAAE;QACf,IAAI,KAAK,EAAE;AACT,YAAA,iBAAiB,EAAE;QACrB;aAAO;AACL,YAAA,iBAAiB,EAAE;QACrB;AACF,IAAA,CAAC;;IAGD,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAG,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG,QAAQ,EAAE,OAAO,CAAC;AAC5D,QAAA,IAAI,IAAI,IAAI,CAAC,gBAAgB,EAAE;YAC7B,mBAAmB,CAAC,IAAI,CAAC;QAC3B;AACF,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;;IAGnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACnD,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,cAAc,IAAI,CAAC,UAAU,EAAE;YACjC,IAAI,UAAU,CAAC,oBAAoB,IAAI,GAAG,CAAC,GAAG,MAAM,EAAE;AACpD,gBAAA,mBAAmB,CACjB,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,SAAoB,CAAC,CACxG;YACH;YACA,aAAa,CAAC,IAAI,CAAC;QACrB;;AAEF,IAAA,CAAC,EAAE,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAC;IAE1C,MAAM,gBAAgB,GAAG,CAAC,iBAAiB,EAAE,YAAY,IAAI,CAAC,IAAI,CAAC;IAEnE,MAAM,MAAM,GACV,CAAC,IAAI;AACL,QAAA,CAAC,CAAC,UAAU;QACZ,CAAC,QAAQ,EAAE,OAAO;AAClB,QAAA,CAAC,CAAC,UAAU;AACZ,QAAA,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC;AAC1B,QAAA,CAAC,iBAAiB;AAClB,QAAA,CAAC,cAAc;QACf,gBAAgB;QAChB,CAAC,SAAS,CAAC,UAAU;AACrB,QAAA,CAAC,QAAQ;AACT,QAAA,EAAE,KAAK,IAAI,CAAC,cAAc,CAAC;AAE7B,IAAA,OAAO,QAAQ,IACbA,GAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,uHAAuH,EACjI,KAAK,EAAE,EAAE,GAAG,oBAAoB,CAAC,QAAQ,EAAE,iBAAsC,CAAC,EAAE,EAAA,QAAA,EAEpFC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,oEAAoE,EAAA,QAAA,EAAA,CAClFD,IAAC,eAAe,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAA,IAAA,EAAA,CAAG,EAC7EA,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,wBAAwB,GAAG,UAAU,CAAC,YACxFA,GAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,IAAI,CAAC,iBAAiB,EAAA,CAAI,EAAA,CACpF,EACPA,GAAA,CAAC,WAAW,EAAA,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAAA,CAClB,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,OAAO,CAAC,GAAG,EACxB,SAAS,EAAE,IAAI,EACf,kBAAkB,EAAE,QAAQ,EAAE,OAAO,EACrC,YAAY,EAAE,oBAAoB,IAAI,SAAS,EAC/C,kBAAkB,EAAE,eAAe,EACnC,WAAW,EAAE,CAAC,CAAC,UAAU,EAAA,CACzB,EACD,QAAQ,EAAE,WAAW,KACpBA,GAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,iFAAiF,EAC3F,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,EAAA,QAAA,EAElCA,GAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,0DAA0D,EAAA,QAAA,EACpFA,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAA,CAAI,EAAA,CAC7C,EAAA,CACF,CACR,EACDA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uHAAuH,EAAA,QAAA,EACrIA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,wFAAwF,EAAA,QAAA,EACrG,CAAC,UAAU,IACVA,IAAC,MAAM,EAAA,EACL,SAAS,EAAC,+DAA+D,EACzE,OAAO,EAAE,sBAAsB,EAAA,QAAA,EAAA,gBAAA,EAAA,CAGxB,KAETA,GAAA,CAAC,MAAM,IACL,SAAS,EAAC,+DAA+D,EACzE,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,MAAM,EACjB,OAAO,EAAE,SAAS,EAAA,QAAA,EAEjB,SAAS,CAAC;AACT,kCAAE;AACF,kCAAE;AACA,sCAAE;AACF,sCAAE;AACA,0CAAE;AACF,0CAAE;AACA,8CAAE;8CACA,CAAC,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,KAAK;AAC1C,kDAAE;AACF,kDAAE,KAAK,EAAA,CACV,CACV,GACI,EAAA,CACF,CAAA,EAAA,CACF,EAAA,CACF,KAEPA,GAAA,CAAAE,QAAA,EAAA,EAAA,CAAK,CACN;AACH;;;;"}
+{"version":3,"file":"BuyComponentSui.js","sources":["../../../src/views/BuyBond/BuyComponentSui.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { Transaction } from '@mysten/sui/transactions'\nimport useSuiZapQuote, { AFTERMATH_TX_API_URL } from '../../state/zap/useSuiZapQuote'\nimport { findSuiZapToken } from '../../config/constants/suiZapTokens'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { usePopups } from '../../state/popups/usePopups'\nimport { useSlippage } from '../../state/slippage/useSlippage'\nimport { BondsData } from '../../types/bonds'\nimport { formatUSDNumber, getMaxBuy, getPayoutAmount, getPrincipalAmount } from '../../utils/displayHelpers'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport { findHighestTrueBondPrice } from '../../utils/bondPriceHelpers'\nimport { reportError } from '../../utils/reportError'\nimport { MCBuyComponentStyles } from '../../utils/campaignStyles'\nimport track from '../../utils/track'\nimport { remove0xPrefix } from '../../utils/remove0xPrefix'\nimport { getSymbol } from '../../utils/getNativeTicker'\n\nimport useSUIAccount from '../../hooks/accounts/useSUIAccount'\nimport useTokenFromZapList from '../../hooks/useTokenFromZapList'\nimport useSortedZapList from '../../hooks/useSortedZapList'\nimport TokenSelectorPanel from '../../components/TokenSelectorPanel'\nimport BondModalHeader from './components/BondModalHeader'\nimport BondCards from './components/BondCards/BondCards'\nimport Estimations from './components/Estimations'\nimport ProjectDescription from './components/ProjectDescription'\n\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Text from '../../components/uikit-sdk/Text'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport SafeHTMLComponent from '../../components/SafeHTMLComponent'\n\nimport { SUI_DEPOSIT_FUNCTION, SUI_PACKAGE_ID } from '../../constants/suiConstants'\nimport { getSuiClient, readFreshTrueBondPrice, verifySuiTxSuccess } from '../../utils/suiHelpers'\nimport { openSuiWalletConnector } from '../../config/constants/walletConnectors'\nimport { MarketingCampaign } from '@ape.swap/apeswap-lists'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { QUERY_KEYS } from '../../config/constants/queryKeys'\nimport { apiPost } from '../../utils/httpClient'\nimport { SuiJsonRpcClient } from '@mysten/sui/dist/cjs/jsonRpc/client'\nimport { mulDivRound, parseUnits, toFixedString } from '../../utils/fixedPoint'\n\n// (100 + slippage) / 100 as an exact integer fraction, scaled by 1e6 to preserve fractional\n// slippage percentages (e.g. 0.5%) without a float precompute.\nconst slippageMaxPrice = (priceBig: bigint, slippage: number): bigint =>\n  mulDivRound(priceBig, parseUnits(String(100 + slippage), 6), parseUnits('100', 6), 'ceil')\n\nconst extractSuiBillId = async (digest: string, suiClient: SuiJsonRpcClient): Promise<string> => {\n  const txBlock = await suiClient.getTransactionBlock({\n    digest,\n    options: {\n      showEffects: true,\n      showObjectChanges: true,\n      showEvents: true,\n    },\n  })\n  const bondNftType = `${SUI_PACKAGE_ID}::bond_nft::BondNFT`\n  const createdNft = txBlock.objectChanges?.find(\n    (change) =>\n      change.type === 'created' && 'objectType' in change && (change.objectType as string)?.includes(bondNftType),\n  )\n  if (createdNft && 'objectId' in createdNft) {\n    const nftObjectId = createdNft.objectId as string\n    try {\n      const nftObj = await suiClient.getObject({\n        id: nftObjectId,\n        options: { showContent: true },\n      })\n      if (nftObj.data?.content?.dataType === 'moveObject') {\n        const fields = nftObj.data.content.fields as Record<string, any>\n        const billId = String(fields?.bill_id ?? '')\n        if (billId && billId !== 'undefined' && billId !== '') {\n          return billId\n        }\n      }\n    } catch (e) {\n      console.warn('[SUI AFTER-PURCHASE] Failed to read BondNFT object:', nftObjectId, e)\n    }\n  }\n  return `digest:${digest}`\n}\n\ninterface BuyComponentSuiProps {\n  onDismiss?: () => void\n  bondAddress?: string\n  bondChain?: number\n  setBillId?: (id: string) => void\n  isProjectView?: boolean\n}\n\nconst BuyComponentSui: React.FC<BuyComponentSuiProps> = ({\n  onDismiss,\n  bondAddress,\n  bondChain,\n  isProjectView,\n  setBillId,\n}) => {\n  const SDKConfig = useSDKConfig()\n  const queryClient = useQueryClient()\n\n  // Hooks\n  const { address: suiAccount, signAndExecuteTransaction } = useSUIAccount()\n  const { data: bonds } = useBondsData()\n  const { addToastError, addToastSuccess } = usePopups()\n  const { solSlippage: slippage } = useSlippage() // reuse Sol slippage bucket for Sui\n\n  const bondData: BondsData | undefined = bonds?.find(\n    (bond) => bond?.contractAddress?.[bond?.chainId]?.toLowerCase() === bondAddress?.toLowerCase(),\n  )\n\n  // Derived pricing (same path the Solana no-tier branch uses).\n  const trueBondPriceData = findHighestTrueBondPrice('0', bondData?.trueBondPrices)\n\n  // State\n  const [inputValue, setInputValue] = useState('')\n  const [inputTokenString, setInputTokenString] = useState(bondData?.lpToken?.address?.[bondData?.chainId])\n  const [loadingTx, setLoadingTx] = useState(false)\n\n  // Token selection — reuses the same infrastructure as Solana\n  const inputToken = useTokenFromZapList(inputTokenString, bondData?.chainId, bondData?.lpToken)\n  const principalAddress = bondData?.lpToken?.address?.[bondData?.chainId]\n  // Detect zap: selected token differs from the bond principal\n  const SUI_NATIVE_COIN_TYPE = '0x2::sui::SUI'\n  const isNativeMatchingPrincipal =\n    (inputTokenString === 'NATIVE' || inputTokenString?.toLowerCase() === SUI_NATIVE_COIN_TYPE.toLowerCase()) &&\n    principalAddress?.toLowerCase() === SUI_NATIVE_COIN_TYPE.toLowerCase()\n  const isZap =\n    !!inputTokenString &&\n    !!principalAddress &&\n    !isNativeMatchingPrincipal &&\n    inputTokenString.toLowerCase() !== principalAddress.toLowerCase()\n\n  // Zap quote from Aftermath DEX aggregator\n  const suiZapToken = findSuiZapToken(\n    inputToken && inputToken !== 'NATIVE'\n      ? inputToken?.address?.[ChainId.SUI]\n      : inputToken === 'NATIVE'\n        ? '0x2::sui::SUI'\n        : undefined,\n  )\n  const [fetchingZapQuote, aftermathQuote, zapDepositAmount, zapError] = useSuiZapQuote(\n    inputValue,\n    suiZapToken,\n    bondData,\n    suiAccount ?? undefined,\n    slippage,\n  )\n\n  // Sorted zap list (balances + prices)\n  const { sortedZapList, isFetched: zapListFetched } = 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  const inputTokenPrice = enrichedTokenData?.price\n\n  // Estimations — use zapDepositAmount if swapping\n  const depositAmount = isZap ? zapDepositAmount : inputValue\n  const youSpendString = `${formatNumberSI(inputValue)} ${getSymbol(inputToken, bondData?.chainId)} = $${formatUSDNumber(\n    (parseFloat(inputValue || '0') * (inputTokenPrice ?? 0)).toString(),\n  )}`\n\n  const exceedsRealMaxBuy = getMaxBuy(bondData, true) <= getPayoutAmount(bondData, depositAmount, '0')\n  const exceedsSafeMaxBuy =\n    getMaxBuy(bondData, false) * (isZap ? 0.995 : 0.9995) <= getPayoutAmount(bondData, depositAmount, '0')\n\n  const exceedsBalance = Number(inputCurrencyBalance ?? '0') < Number(inputValue)\n\n  const load = loadingTx || (fetchingZapQuote && !!inputValue)\n\n  // Handlers\n  const handleCurrencySelect = useCallback((newInputToken: string) => {\n    setInputValue('')\n    setInputTokenString(newInputToken)\n  }, [])\n\n  const handleMaxButton = () => {\n    const balance = Number(inputCurrencyBalance ?? '0')\n    const principalDecimals = bondData?.lpToken?.decimals?.[bondData?.chainId] ?? 9\n    const maxBuyAmount = getMaxBuy(bondData, SDKConfig.showLowValueBonds)\n\n    const maxPossibleUserPurchase = getPayoutAmount(bondData, balance.toString(), '0')\n    if (maxPossibleUserPurchase > maxBuyAmount) {\n      const principalForMaxBuy = getPrincipalAmount(bondData, maxBuyAmount.toString(), '0')\n      setInputValue(toFixedString(principalForMaxBuy, principalDecimals))\n    } else {\n      setInputValue(toFixedString(balance, principalDecimals))\n    }\n  }\n\n  const handleBuyCallback = async () => {\n    if (!suiAccount || !bondData || !inputValue || !signAndExecuteTransaction) return\n    track({\n      event: 'buyBondClick',\n      chain: bondChain,\n      data: {\n        cat: bondData?.billType,\n        bond: bondData?.earnToken.symbol,\n        value: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n      },\n    })\n    try {\n      setLoadingTx(true)\n\n      const principalDecimals = bondData.lpToken.decimals[bondData.chainId] ?? 9\n      const atomicAmount = parseUnits(inputValue, principalDecimals, 'floor').toString()\n\n      const market = bondData.contractAddress[bondData.chainId]\n\n      // Read fresh bond price from chain to avoid stale cache after previous purchases\n      const freshTruePrice = await readFreshTrueBondPrice(market)\n      const atomicMaxPrice = slippageMaxPrice(freshTruePrice, slippage).toString()\n      const principalCoinType = bondData.lpToken.address[bondData.chainId]\n      const payoutCoinType = bondData.earnToken.address[bondData.chainId]\n      if (!principalCoinType || !payoutCoinType) throw new Error('Missing token type info')\n\n      // Build Sui transaction\n      const tx = new Transaction()\n      const isPrincipalNativeSui =\n        !principalCoinType || principalCoinType.toLowerCase() === SUI_NATIVE_COIN_TYPE.toLowerCase()\n\n      let principalCoin\n      if (isPrincipalNativeSui) {\n        ;[principalCoin] = tx.splitCoins(tx.gas, [tx.pure.u64(atomicAmount)])\n      } else {\n        const suiClient = getSuiClient()\n        const userCoins = await suiClient.getCoins({ owner: suiAccount, coinType: principalCoinType })\n        if (!userCoins.data.length) throw new Error(`No ${bondData.lpToken.symbol} coins found in wallet`)\n        if (userCoins.data.length > 1) {\n          const [primary, ...rest] = userCoins.data.map((c) => tx.object(c.coinObjectId))\n          tx.mergeCoins(primary, rest)\n          ;[principalCoin] = tx.splitCoins(primary, [tx.pure.u64(atomicAmount)])\n        } else {\n          ;[principalCoin] = tx.splitCoins(tx.object(userCoins.data[0].coinObjectId), [tx.pure.u64(atomicAmount)])\n        }\n      }\n\n      if (!market || !bondData?.suiTreasuryId || !bondData?.billNnftAddress?.[ChainId.SUI]) {\n        return\n      }\n\n      tx.moveCall({\n        target: SUI_DEPOSIT_FUNCTION,\n        typeArguments: [payoutCoinType, principalCoinType],\n        arguments: [\n          tx.object(market),\n          tx.object(bondData.suiTreasuryId),\n          tx.object(bondData.billNnftAddress[ChainId.SUI]),\n          principalCoin,\n          tx.pure.u64(atomicMaxPrice),\n          tx.pure.address(suiAccount),\n          tx.object('0x6'), // clock\n        ],\n      })\n\n      // Pre-build the transaction so the wallet receives fully-resolved bytes.\n      // Some wallets (e.g. Phantom) fail with \"Unexpected error\" when they have\n      // to build/simulate a Transaction object themselves.\n      tx.setSender(suiAccount)\n      tx.setGasBudget(50_000_000) // 0.05 SUI — generous for a bond deposit\n      const builtBytes = await tx.build({ client: getSuiClient() })\n      const prebuiltTx = Transaction.from(builtBytes)\n      const response = await signAndExecuteTransaction({\n        transaction: prebuiltTx,\n      })\n\n      const digest = response?.digest\n      if (!digest) throw new Error('No tx digest returned by wallet')\n\n      const suiClient = getSuiClient()\n      await suiClient.waitForTransaction({ digest })\n      await verifySuiTxSuccess(digest)\n\n      // Extract the bill_id from the confirmed transaction.\n      // extractSuiBillId logs the full tx block so you can inspect the raw data\n      // in case automatic extraction fails.\n      const billId = await extractSuiBillId(digest, suiClient)\n      console.log('[SUI AFTER-PURCHASE] handleBuyCallback billId:', billId)\n\n      // Invalidate bonds data so next purchase uses fresh pricing\n      await queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.BONDS_DATA] })\n\n      // Sui's indexer has a short lag — getOwnedObjects may not return the\n      // new BondNFT immediately. Schedule re-invalidations so the Your Bonds\n      // view picks up the new bond once the indexer catches up.\n      setTimeout(() => queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.USER_BONDS] }), 3000)\n\n      track({\n        event: 'bond',\n        chain: bondChain,\n        data: {\n          cat: 'lp-buy',\n          type: bondData?.billType ?? '',\n          typedValue: inputValue,\n          principalToken: bondData?.lpToken.symbol ?? '',\n          earnToken: bondData?.earnToken.symbol ?? '',\n          address: remove0xPrefix(market),\n          usdAmount: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n        },\n      })\n\n      addToastSuccess(digest, bondChain as ChainId)\n      setBillId?.(billId)\n    } catch (error: any) {\n      console.error('[SUI DEBUG] Error during Sui bond purchase:', error)\n      addToastError(error?.message || 'Unknown error')\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error: error?.message,\n        extraInfo: { type: 'suiBuyBond', error: error?.message },\n        chainId: bondChain,\n        account: suiAccount,\n      })\n    } finally {\n      setLoadingTx(false)\n    }\n  }\n\n  const handleZapCallback = async () => {\n    if (loadingTx || !suiAccount || !bondData || !aftermathQuote || !signAndExecuteTransaction) return\n\n    track({\n      event: 'buyBondClick',\n      chain: bondChain,\n      data: {\n        cat: bondData?.billType,\n        bond: bondData?.earnToken.symbol,\n        value: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n      },\n    })\n\n    try {\n      setLoadingTx(true)\n      const suiClient = getSuiClient()\n      const principalDecimals = bondData.lpToken.decimals[bondData.chainId] ?? 6\n      const depositAmountAtomic = parseUnits(zapDepositAmount, principalDecimals, 'floor').toString()\n\n      // TX1: Acquire principal tokens\n      // if (IS_SUI_MAINNET) {\n      // Mainnet: swap via Aftermath DEX aggregator\n      const swapTxBytes = await apiPost(AFTERMATH_TX_API_URL, {\n        walletAddress: suiAccount,\n        completeRoute: aftermathQuote,\n        slippage: slippage / 100,\n      })\n\n      if (!swapTxBytes) throw new Error('Aftermath returned no transaction data')\n\n      const swapTx = Transaction.from(swapTxBytes)\n      const swapResponse = await signAndExecuteTransaction({ transaction: swapTx })\n      const swapDigest = swapResponse?.digest\n      if (!swapDigest) throw new Error('No tx digest returned for swap')\n      await suiClient.waitForTransaction({ digest: swapDigest })\n      // } else {\n      //   // Testnet: mint principal tokens via test_principal_token::mint\n      //   // No DEX aggregator supports Sui testnet or custom test tokens.\n      //   const mintTx = new Transaction()\n      //   mintTx.moveCall({\n      //     target: SUI_MINT_PRINCIPAL_FUNCTION,\n      //     arguments: [\n      //       mintTx.object(SUI_PRINCIPAL_TOKEN_ADMIN_TESTNET),\n      //       mintTx.pure.u64(depositAmountAtomic),\n      //       mintTx.pure.address(suiAccount),\n      //     ],\n      //   })\n      //\n      //   mintTx.setSender(suiAccount)\n      //   mintTx.setGasBudget(50_000_000)\n      //   const builtMint = await mintTx.build({ client: suiClient })\n      //   const prebuiltMint = Transaction.from(builtMint)\n      //\n      //   const mintResponse = await signAndExecuteTransaction({ transaction: prebuiltMint })\n      //   const mintDigest = mintResponse?.digest\n      //   if (!mintDigest) throw new Error('No tx digest returned for testnet mint')\n      //   await suiClient.waitForTransaction({ digest: mintDigest })\n      // }\n\n      // TX2: Deposit into bond with principal tokens\n      const market = bondData.contractAddress[ChainId.SUI]\n\n      // Read fresh bond price from chain to avoid stale cache\n      const freshTruePrice = await readFreshTrueBondPrice(market)\n      const atomicMaxPrice = slippageMaxPrice(freshTruePrice, slippage).toString()\n\n      const principalCoinType = bondData.lpToken.address[bondData.chainId]\n      const payoutCoinType = bondData.earnToken.address[bondData.chainId]\n      if (!principalCoinType || !payoutCoinType) throw new Error('Missing token type info')\n\n      const tx = new Transaction()\n      const isPrincipalNativeSui = principalCoinType.toLowerCase() === SUI_NATIVE_COIN_TYPE.toLowerCase()\n\n      let principalCoin\n      if (isPrincipalNativeSui) {\n        ;[principalCoin] = tx.splitCoins(tx.gas, [tx.pure.u64(depositAmountAtomic)])\n      } else {\n        const userCoins = await suiClient.getCoins({ owner: suiAccount, coinType: principalCoinType })\n        if (!userCoins.data.length) throw new Error(`No ${bondData.lpToken.symbol} coins found after swap`)\n        if (userCoins.data.length > 1) {\n          const [primary, ...rest] = userCoins.data.map((c) => tx.object(c.coinObjectId))\n          tx.mergeCoins(primary, rest)\n          ;[principalCoin] = tx.splitCoins(primary, [tx.pure.u64(depositAmountAtomic)])\n        } else {\n          ;[principalCoin] = tx.splitCoins(tx.object(userCoins.data[0].coinObjectId), [\n            tx.pure.u64(depositAmountAtomic),\n          ])\n        }\n      }\n\n      if (!market || !bondData?.suiTreasuryId || !bondData?.billNnftAddress?.[ChainId.SUI]) {\n        return\n      }\n\n      tx.moveCall({\n        target: SUI_DEPOSIT_FUNCTION,\n        typeArguments: [payoutCoinType, principalCoinType],\n        arguments: [\n          tx.object(market),\n          tx.object(bondData.suiTreasuryId),\n          tx.object(bondData.billNnftAddress[ChainId.SUI]),\n          principalCoin,\n          tx.pure.u64(atomicMaxPrice),\n          tx.pure.address(suiAccount),\n          tx.object('0x6'), // clock\n        ],\n      })\n\n      tx.setSender(suiAccount)\n      tx.setGasBudget(50_000_000)\n      const builtDeposit = await tx.build({ client: suiClient })\n      const prebuiltDeposit = Transaction.from(builtDeposit)\n\n      const depositResponse = await signAndExecuteTransaction({ transaction: prebuiltDeposit })\n      const depositDigest = depositResponse?.digest\n      if (!depositDigest) throw new Error('No tx digest returned for deposit')\n      await suiClient.waitForTransaction({ digest: depositDigest })\n      await verifySuiTxSuccess(depositDigest)\n\n      // Extract the bill_id from the confirmed deposit transaction.\n      // extractSuiBillId logs the full tx block so you can inspect the raw data\n      // in case automatic extraction fails.\n      const billId = await extractSuiBillId(depositDigest, suiClient)\n      console.log('[SUI AFTER-PURCHASE] handleZapCallback billId:', billId)\n\n      // Invalidate bonds data so next purchase uses fresh pricing\n      await queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.BONDS_DATA] })\n\n      // Sui indexer lag — schedule delayed re-invalidations for user bonds\n      setTimeout(() => queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.USER_BONDS] }), 3000)\n\n      track({\n        event: 'zap',\n        chain: bondChain,\n        data: {\n          cat: 'bond',\n          token1: getSymbol(inputToken, bondData?.chainId),\n          token2: bondData?.lpToken.symbol ?? '',\n          amount: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n        },\n      })\n\n      track({\n        event: 'bond',\n        chain: bondChain,\n        data: {\n          cat: 'lp-buy',\n          type: bondData?.billType ?? '',\n          typedValue: inputValue,\n          principalToken: bondData?.lpToken.symbol ?? '',\n          earnToken: bondData?.earnToken.symbol ?? '',\n          address: remove0xPrefix(market),\n          usdAmount: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n        },\n      })\n\n      addToastSuccess(depositDigest, bondChain as ChainId)\n      setBillId?.(billId)\n    } catch (error: any) {\n      console.error('Error during Sui zap bond purchase:', error)\n      addToastError(error?.message || 'Unknown error')\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error: error?.message,\n        extraInfo: { type: 'suiZapBuyBond', error: error?.message },\n        chainId: bondChain,\n        account: suiAccount,\n      })\n    } finally {\n      setLoadingTx(false)\n    }\n  }\n\n  const handleBuy = () => {\n    if (loadingTx) return\n    if (isZap) {\n      handleZapCallback()\n    } else {\n      handleBuyCallback()\n    }\n  }\n\n  // Sync inputTokenString when bondData loads after initial render\n  useEffect(() => {\n    const addr = bondData?.lpToken?.address?.[bondData?.chainId]\n    if (addr && !inputTokenString) {\n      setInputTokenString(addr)\n    }\n  }, [bondData?.lpToken?.address, bondData?.chainId]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  // Auto-select highest balance token when zap list loads\n  const [hasChecked, setHasChecked] = useState(false)\n  useEffect(() => {\n    if (zapListFetched && !hasChecked) {\n      if (parseFloat(inputCurrencyBalance ?? '0') < 0.0001) {\n        setInputTokenString(\n          sortedZapList[0]?.token === 'NATIVE' ? 'NATIVE' : sortedZapList[0]?.token.address[bondChain as ChainId],\n        )\n      }\n      setHasChecked(true)\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [inputCurrencyBalance, zapListFetched])\n\n  const hasPositiveBonus = (trueBondPriceData?.bonusWithFee ?? 0) > 0\n\n  const canBuy =\n    !load &&\n    !!suiAccount &&\n    !bondData?.soldOut &&\n    !!inputValue &&\n    parseFloat(inputValue) > 0 &&\n    !exceedsRealMaxBuy &&\n    !exceedsBalance &&\n    hasPositiveBonus &&\n    !SDKConfig.blockSales &&\n    !zapError &&\n    !(isZap && !aftermathQuote)\n\n  return bondData ? (\n    <Flex className=\"modal-content\" sx={{ ...MCBuyComponentStyles[bondData?.marketingCampaign as MarketingCampaign] }}>\n      <Flex className=\"modaltable-container\">\n        <BondModalHeader bondData={bondData} onDismiss={onDismiss} hidePromotionUi />\n        <ProjectDescription description={bondData.shortDescription} isProjectView />\n        <Flex sx={{ width: '100%', display: isProjectView ? ['flex', 'flex', 'flex', 'none'] : 'flex' }}>\n          <BondCards bondData={bondData} isDoingMaxBuy={exceedsSafeMaxBuy && !exceedsRealMaxBuy} />\n        </Flex>\n        <Estimations\n          depositAmount={depositAmount}\n          inputValue={inputValue}\n          inputTokenPrice={inputTokenPrice}\n          bondData={bondData}\n          youSpendString={youSpendString}\n          isZap={isZap}\n          fetchingZapQuote={fetchingZapQuote}\n          zapError={zapError}\n        />\n        <TokenSelectorPanel\n          typedValue={inputValue}\n          setTypedValue={setInputValue}\n          selectedToken={inputToken}\n          handleValueBtn={handleMaxButton}\n          handleCurrencySelect={handleCurrencySelect}\n          bondChainId={ChainId.SUI}\n          enableZap={true}\n          bondPrincipalToken={bondData?.lpToken}\n          tokenBalance={inputCurrencyBalance ?? undefined}\n          selectedTokenPrice={inputTokenPrice}\n          isConnected={!!suiAccount}\n        />\n        {bondData?.warningCard && (\n          <Flex\n            sx={{\n              width: '100%',\n              background: '#DE62F366',\n              justifyContent: 'center',\n              mt: '10px',\n              borderRadius: 'normal',\n              p: '2px 10px',\n            }}\n          >\n            <Text sx={{ fontSize: '12px', fontWeight: 400, display: 'flex', alignItems: 'center', gap: '10px' }}>\n              <SafeHTMLComponent html={bondData?.warningCard} />\n            </Text>\n          </Flex>\n        )}\n        <Flex className=\"modaltable-container button-container\">\n          <Flex className=\"button-container buy\">\n            {!suiAccount ? (\n              <Button\n                className=\"action-button\"\n                onClick={openSuiWalletConnector}\n                sx={{ width: '100%', fontSize: ['14px', '14px', '14px', '16px'] }}\n              >\n                Connect to Sui\n              </Button>\n            ) : (\n              <Button\n                className=\"action-button\"\n                load={load}\n                disabled={!canBuy}\n                onClick={handleBuy}\n                sx={{ width: '100%', fontSize: ['14px', '14px', '14px', '16px'] }}\n              >\n                {SDKConfig.blockSales\n                  ? 'Complete KYC to Buy'\n                  : zapError\n                    ? 'Swap quote failed'\n                    : exceedsRealMaxBuy\n                      ? 'Exceeds Max Buy. Reduce amount'\n                      : exceedsBalance\n                        ? 'Insufficient balance'\n                        : !inputValue || parseFloat(inputValue) === 0\n                          ? 'Insert amount'\n                          : 'buy'}\n              </Button>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  ) : (\n    <></>\n  )\n}\n\nexport default BuyComponentSui\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/views/BuyBond/ParticipationSuccessful.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { BondsData } from '../../types/bonds';
 declare const ParticipationSuccessful: ({ onDismiss, bond, inputAmount, }: {
     onDismiss?: () => void;
     bond: BondsData;
     inputAmount?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default ParticipationSuccessful;

package/dist/views/BuyBond/ParticipationSuccessful.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import useTokenPrices from '../../state/tokenPrices/useTokenPrices.js';
 import Button from '../../components/uikit-sdk/Button/Button.js';
 import Flex from '../../components/uikit-sdk/Flex/index.js';
@@ -12,10 +12,6 @@ import useActiveView from '../../state/activeView/index.js';
 import { formatNumberSI } from '../../utils/formatNumber.js';
 import QuestionCircle from '../../components/uikit-sdk/Svg/Icons/QuestionCircle.js';
 
-const rowClasses = 'ape:w-full ape:justify-between ape:mt-[5px]';
-const labelClasses = 'ape:text-[12px] ape:font-normal';
-const valueClasses = 'ape:text-[12px] ape:font-medium';
-const subValueClasses = 'ape:text-text-disabled-button ape:ml-[5px]';
 const ParticipationSuccessful = ({ onDismiss, bond, inputAmount, }) => {
     const { handleToogle } = useActiveView();
     const { data: tokenPrices } = useTokenPrices();
@@ -50,11 +46,33 @@ const ParticipationSuccessful = ({ onDismiss, bond, inputAmount, }) => {
     const initialReleaseUsd = initialReleaseAmount * (bond?.initPrice ?? 0);
     const vestedAmount = userAllocation * (1 - initialRelease);
     const vestedAmountUsd = vestedAmount * (bond?.initPrice ?? 0);
-    return (jsxs(Modal, { children: [jsx(ModalHeader, { hideDivider: true }), jsxs(Flex, { className: "ape:flex-col", children: [jsx(Flex, { className: "ape:w-full ape:justify-center ape:mb-[15px]", children: jsx(Text, { size: "22px", weight: 700, children: "Participation Successful" }) }), jsxs(Flex, { className: "ape:text-[14px] ape:font-normal ape:flex-col", children: [jsxs(Flex, { className: "ape:w-full ape:justify-between", children: [jsx(Flex, { className: labelClasses, children: "Your Deposit" }), jsxs(Flex, { className: labelClasses, children: [formatNumberSI(inputValue), " ", bond?.lpToken.symbol, jsxs(Flex, { className: subValueClasses, children: ["($", formatNumberSI(depositAmountUsd), ")"] })] })] }), jsxs(Flex, { className: rowClasses, children: [jsx(Flex, { className: labelClasses, children: bond.yieldBond ? 'Initial Release' : 'Your Allocation' }), bond.yieldBond ? (jsx(Flex, { className: valueClasses, children: jsxs(Flex, { className: subValueClasses, children: ["$", formatNumberSI(userAllocationUsd), " in ", bond?.underlyingEarnToken?.symbol] }) })) : (jsxs(Flex, { className: valueClasses, children: [formatNumberSI(userAllocation), " ", bond?.underlyingEarnToken?.symbol || bond?.earnToken.symbol, jsxs(Flex, { className: subValueClasses, children: ["($", userAllocationUsd.toFixed(2), ")"] })] }))] }), bond.yieldBond && (jsxs(Flex, { className: rowClasses, children: [jsx(Flex, { className: labelClasses, children: "Yield Bonus" }), jsx(Flex, { className: valueClasses, children: jsxs(Flex, { className: subValueClasses, children: ["$", formatNumberSI(userYield), " in ", bond?.underlyingEarnToken?.symbol, " (over", ' ', getTimePeriods((bond?.yieldData?.rewardDistributionEnd ?? 0) - parseInt(bond.startVestingTimestamp ?? '0'), true).days, ' ', "days)"] }) })] })), !bond.yieldBond && (jsxs(Flex, { className: rowClasses, children: [jsxs(Flex, { className: labelClasses, children: ["Initial Release", jsx(TooltipBubble, { placement: 'bottomLeft', transformTip: 'translate(-6%, 0%)', width: "250px", body: jsx(Flex, { className: "ape:justify-center", children: `You'll be able to claim an initial release of ${initialRelease * 100}%
-                    of your allocation on ${formattedFinishDate}` }), children: jsx(Flex, { className: "ape:items-center ape:h-full ape:ml-[5px]", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs(Flex, { className: valueClasses, children: [getFirstNonZeroDigits(initialReleaseAmount, 2), ' ', bond?.underlyingEarnToken?.symbol || bond?.earnToken.symbol, jsxs(Flex, { className: subValueClasses, children: ["($", initialReleaseUsd.toFixed(2), ")"] })] })] })), initialRelease !== 1 && (jsxs(Flex, { className: rowClasses, children: [jsxs(Flex, { className: labelClasses, children: ["Vested Tokens", jsx(TooltipBubble, { placement: 'bottomLeft', transformTip: 'translate(-6%, 0%)', width: "250px", body: jsx(Flex, { className: "ape:justify-center", children: `Remaining tokens will vest linearly over ${getTimePeriods(bond.vestingTerm).months} months after claiming the initial release.` }), children: jsx(Flex, { className: "ape:items-center ape:h-full ape:ml-[5px]", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs(Flex, { className: valueClasses, children: [getFirstNonZeroDigits(vestedAmount, 2), " ", bond?.earnToken.symbol, jsxs(Flex, { className: subValueClasses, children: ["($", vestedAmountUsd.toFixed(2), ")"] })] })] })), jsx(Flex, { className: "ape:mt-[10px]", children: `Your purchased bond can be found under the "Your Bonds" tab.` })] }), jsx(Button, { onClick: () => {
+    return (jsxs(Modal, { children: [jsx(ModalHeader, { hideDivider: true }), jsxs(Flex, { sx: { flexDirection: 'column' }, children: [jsx(Flex, { sx: { width: '100%', justifyContent: 'center', mb: '15px' }, children: jsx(Text, { sx: { fontSize: '22px', fontWeight: 700 }, children: "Participation Successful" }) }), jsxs(Flex, { sx: {
+                            fontSize: '14px',
+                            fontWeight: 400,
+                            flexDirection: 'column',
+                        }, children: [jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: "Your Deposit" }), jsxs(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: [formatNumberSI(inputValue), " ", bond?.lpToken.symbol, jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["($", formatNumberSI(depositAmountUsd), ")"] })] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '5px' }, children: [jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: bond.yieldBond ? 'Initial Release' : 'Your Allocation' }), bond.yieldBond ? (jsx(Flex, { sx: {
+                                            fontSize: '12px',
+                                            fontWeight: 500,
+                                        }, children: jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["$", formatNumberSI(userAllocationUsd), " in ", bond?.underlyingEarnToken?.symbol] }) })) : (jsxs(Flex, { sx: {
+                                            fontSize: '12px',
+                                            fontWeight: 500,
+                                        }, children: [formatNumberSI(userAllocation), " ", bond?.underlyingEarnToken?.symbol || bond?.earnToken.symbol, jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["($", userAllocationUsd.toFixed(2), ")"] })] }))] }), bond.yieldBond && (jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '5px' }, children: [jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: "Yield Bonus" }), jsx(Flex, { sx: {
+                                            fontSize: '12px',
+                                            fontWeight: 500,
+                                        }, children: jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["$", formatNumberSI(userYield), " in ", bond?.underlyingEarnToken?.symbol, " (over", ' ', getTimePeriods((bond?.yieldData?.rewardDistributionEnd ?? 0) - parseInt(bond.startVestingTimestamp ?? '0'), true).days, ' ', "days)"] }) })] })), !bond.yieldBond && (jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '5px' }, children: [jsxs(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: ["Initial Release", jsx(TooltipBubble, { placement: 'bottomLeft', transformTip: 'translate(-6%, 0%)', width: "250px", body: jsx(Flex, { sx: { justifyContent: 'center' }, children: `You'll be able to claim an initial release of ${initialRelease * 100}% 
+                    of your allocation on ${formattedFinishDate}` }), children: jsx(Flex, { sx: { alignItems: 'center', height: '100%', ml: '5px' }, children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs(Flex, { sx: {
+                                            fontSize: '12px',
+                                            fontWeight: 500,
+                                        }, children: [getFirstNonZeroDigits(initialReleaseAmount, 2), ' ', bond?.underlyingEarnToken?.symbol || bond?.earnToken.symbol, jsxs(Flex, { sx: {
+                                                    color: 'textDisabledButton',
+                                                    ml: '5px',
+                                                }, children: ["($", initialReleaseUsd.toFixed(2), ")"] })] })] })), initialRelease !== 1 && (jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '5px' }, children: [jsxs(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: ["Vested Tokens", jsx(TooltipBubble, { placement: 'bottomLeft', transformTip: 'translate(-6%, 0%)', width: "250px", body: jsx(Flex, { sx: { justifyContent: 'center' }, children: `Remaining tokens will vest linearly over ${getTimePeriods(bond.vestingTerm).months} months after claiming the initial release.` }), children: jsx(Flex, { sx: { alignItems: 'center', height: '100%', ml: '5px' }, children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs(Flex, { sx: {
+                                            fontSize: '12px',
+                                            fontWeight: 500,
+                                        }, children: [getFirstNonZeroDigits(vestedAmount, 2), " ", bond?.earnToken.symbol, jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["($", vestedAmountUsd.toFixed(2), ")"] })] })] })), jsx(Flex, { sx: { mt: '10px' }, children: `Your purchased bond can be found under the "Your Bonds" tab.` })] }), jsx(Button, { onClick: () => {
                             handleToogle('Your Bonds');
                             onDismiss?.();
-                        }, className: "ape:text-[14px]! ape:w-full ape:mt-[15px] ape:h-[35px]", children: "see your Bonds" })] })] }));
+                        }, sx: { fontSize: '14px', width: '100%', mt: '15px', height: '35px' }, children: "see your Bonds" })] })] }));
 };
 
 export { ParticipationSuccessful as default };

package/dist/views/BuyBond/ParticipationSuccessful.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParticipationSuccessful.js","sources":["../../../src/views/BuyBond/ParticipationSuccessful.tsx"],"sourcesContent":["import React from 'react'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Modal from '../../components/uikit-sdk/Modal'\nimport TooltipBubble from '../../components/uikit-sdk/TooltipBubble'\nimport Text from '../../components/uikit-sdk/Text'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport { getFirstNonZeroDigits } from '../../utils/roundNumber'\nimport { getTimePeriods } from '../../utils/getTimePeriods'\nimport { BondsData } from '../../types/bonds'\nimport useActiveView from '../../state/activeView'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport QuestionCircle from '../../components/uikit-sdk/Svg/Icons/QuestionCircle'\n\nconst rowClasses = 'ape:w-full ape:justify-between ape:mt-[5px]'\nconst labelClasses = 'ape:text-[12px] ape:font-normal'\nconst valueClasses = 'ape:text-[12px] ape:font-medium'\nconst subValueClasses = 'ape:text-text-disabled-button ape:ml-[5px]'\n\nconst ParticipationSuccessful = ({\n  onDismiss,\n  bond,\n  inputAmount,\n}: {\n  onDismiss?: () => void\n  bond: BondsData\n  inputAmount?: string\n}) => {\n  const { handleToogle } = useActiveView()\n  const { data: tokenPrices } = useTokenPrices()\n  const principalTokenPrice = tokenPrices?.[bond?.chainId]?.find(\n    (token) => token?.tokenAddress?.toLowerCase() === bond?.lpToken?.address[bond?.chainId]?.toLowerCase(),\n  )?.price\n  const inputValue = parseFloat(inputAmount ?? '0')\n  const depositAmountUsd = inputValue * (principalTokenPrice ?? 0)\n  const initPrice = bond?.initPrice ?? 0\n  const initialRelease = bond?.initialRelease ?? 0\n\n  const userAllocation = depositAmountUsd / initPrice\n  const userAllocationUsd = userAllocation * initPrice\n  const userYield = userAllocationUsd * ((bond.yieldData?.apr ?? 0) / 100)\n\n  const finishTime = (bond?.redeemTime ?? 0) * 1000\n  const finishDate = new Date(finishTime)\n  const month = finishDate.toLocaleDateString('en-US', { month: 'short' })\n  const getDayWithSuffix = (day: number) => {\n    if (day > 3 && day < 21) return `${day}th`\n    switch (day % 10) {\n      case 1:\n        return `${day}st`\n      case 2:\n        return `${day}nd`\n      case 3:\n        return `${day}rd`\n      default:\n        return `${day}th`\n    }\n  }\n  const day = finishDate.getDate()\n  const formattedFinishDate = `${month} ${getDayWithSuffix(day)} at 13 UTC.` //TODO fix this\n  const initialReleaseAmount = userAllocation * initialRelease\n  const initialReleaseUsd = initialReleaseAmount * (bond?.initPrice ?? 0)\n\n  const vestedAmount = userAllocation * (1 - initialRelease)\n  const vestedAmountUsd = vestedAmount * (bond?.initPrice ?? 0)\n\n  return (\n    <Modal>\n      <ModalHeader hideDivider />\n      <Flex className=\"ape:flex-col\">\n        <Flex className=\"ape:w-full ape:justify-center ape:mb-[15px]\">\n          <Text size=\"22px\" weight={700}>\n            Participation Successful\n          </Text>\n        </Flex>\n        <Flex className=\"ape:text-[14px] ape:font-normal ape:flex-col\">\n          <Flex className=\"ape:w-full ape:justify-between\">\n            <Flex className={labelClasses}>Your Deposit</Flex>\n            <Flex className={labelClasses}>\n              {formatNumberSI(inputValue)} {bond?.lpToken.symbol}\n              <Flex className={subValueClasses}>(${formatNumberSI(depositAmountUsd)})</Flex>\n            </Flex>\n          </Flex>\n          <Flex className={rowClasses}>\n            <Flex className={labelClasses}>{bond.yieldBond ? 'Initial Release' : 'Your Allocation'}</Flex>\n            {bond.yieldBond ? (\n              <Flex className={valueClasses}>\n                <Flex className={subValueClasses}>\n                  ${formatNumberSI(userAllocationUsd)} in {bond?.underlyingEarnToken?.symbol}\n                </Flex>\n              </Flex>\n            ) : (\n              <Flex className={valueClasses}>\n                {formatNumberSI(userAllocation)} {bond?.underlyingEarnToken?.symbol || bond?.earnToken.symbol}\n                <Flex className={subValueClasses}>(${userAllocationUsd.toFixed(2)})</Flex>\n              </Flex>\n            )}\n          </Flex>\n          {bond.yieldBond && (\n            <Flex className={rowClasses}>\n              <Flex className={labelClasses}>Yield Bonus</Flex>\n              <Flex className={valueClasses}>\n                <Flex className={subValueClasses}>\n                  ${formatNumberSI(userYield)} in {bond?.underlyingEarnToken?.symbol} (over{' '}\n                  {\n                    getTimePeriods(\n                      (bond?.yieldData?.rewardDistributionEnd ?? 0) - parseInt(bond.startVestingTimestamp ?? '0'),\n                      true,\n                    ).days\n                  }{' '}\n                  days)\n                </Flex>\n              </Flex>\n            </Flex>\n          )}\n          {!bond.yieldBond && (\n            <Flex className={rowClasses}>\n              <Flex className={labelClasses}>\n                Initial Release\n                <TooltipBubble\n                  placement={'bottomLeft'}\n                  transformTip={'translate(-6%, 0%)'}\n                  width=\"250px\"\n                  body={\n                    <Flex className=\"ape:justify-center\">\n                      {`You'll be able to claim an initial release of ${initialRelease * 100}%\n                    of your allocation on ${formattedFinishDate}`}\n                    </Flex>\n                  }\n                >\n                  <Flex className=\"ape:items-center ape:h-full ape:ml-[5px]\">\n                    <QuestionCircle width=\"12px\" />\n                  </Flex>\n                </TooltipBubble>\n              </Flex>\n              <Flex className={valueClasses}>\n                {getFirstNonZeroDigits(initialReleaseAmount, 2)}{' '}\n                {bond?.underlyingEarnToken?.symbol || bond?.earnToken.symbol}\n                <Flex className={subValueClasses}>(${initialReleaseUsd.toFixed(2)})</Flex>\n              </Flex>\n            </Flex>\n          )}\n          {initialRelease !== 1 && (\n            <Flex className={rowClasses}>\n              <Flex className={labelClasses}>\n                Vested Tokens\n                <TooltipBubble\n                  placement={'bottomLeft'}\n                  transformTip={'translate(-6%, 0%)'}\n                  width=\"250px\"\n                  body={\n                    <Flex className=\"ape:justify-center\">\n                      {`Remaining tokens will vest linearly over ${getTimePeriods(bond.vestingTerm).months} months after claiming the initial release.`}\n                    </Flex>\n                  }\n                >\n                  <Flex className=\"ape:items-center ape:h-full ape:ml-[5px]\">\n                    <QuestionCircle width=\"12px\" />\n                  </Flex>\n                </TooltipBubble>\n              </Flex>\n              <Flex className={valueClasses}>\n                {getFirstNonZeroDigits(vestedAmount, 2)} {bond?.earnToken.symbol}\n                <Flex className={subValueClasses}>(${vestedAmountUsd.toFixed(2)})</Flex>\n              </Flex>\n            </Flex>\n          )}\n          <Flex className=\"ape:mt-[10px]\">{`Your purchased bond can be found under the \"Your Bonds\" tab.`}</Flex>\n        </Flex>\n        <Button\n          onClick={() => {\n            handleToogle('Your Bonds')\n            onDismiss?.()\n          }}\n          className=\"ape:text-[14px]! ape:w-full ape:mt-[15px] ape:h-[35px]\"\n        >\n          see your Bonds\n        </Button>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default ParticipationSuccessful\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"ParticipationSuccessful.js","sources":["../../../src/views/BuyBond/ParticipationSuccessful.tsx"],"sourcesContent":["import React from 'react'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Modal from '../../components/uikit-sdk/Modal'\nimport TooltipBubble from '../../components/uikit-sdk/TooltipBubble'\nimport Text from '../../components/uikit-sdk/Text'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport { getFirstNonZeroDigits } from '../../utils/roundNumber'\nimport { getTimePeriods } from '../../utils/getTimePeriods'\nimport { BondsData } from '../../types/bonds'\nimport useActiveView from '../../state/activeView'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport QuestionCircle from '../../components/uikit-sdk/Svg/Icons/QuestionCircle'\n\nconst ParticipationSuccessful = ({\n  onDismiss,\n  bond,\n  inputAmount,\n}: {\n  onDismiss?: () => void\n  bond: BondsData\n  inputAmount?: string\n}) => {\n  const { handleToogle } = useActiveView()\n  const { data: tokenPrices } = useTokenPrices()\n  const principalTokenPrice = tokenPrices?.[bond?.chainId]?.find(\n    (token) => token?.tokenAddress?.toLowerCase() === bond?.lpToken?.address[bond?.chainId]?.toLowerCase(),\n  )?.price\n  const inputValue = parseFloat(inputAmount ?? '0')\n  const depositAmountUsd = inputValue * (principalTokenPrice ?? 0)\n  const initPrice = bond?.initPrice ?? 0\n  const initialRelease = bond?.initialRelease ?? 0\n\n  const userAllocation = depositAmountUsd / initPrice\n  const userAllocationUsd = userAllocation * initPrice\n  const userYield = userAllocationUsd * ((bond.yieldData?.apr ?? 0) / 100)\n\n  const finishTime = (bond?.redeemTime ?? 0) * 1000\n  const finishDate = new Date(finishTime)\n  const month = finishDate.toLocaleDateString('en-US', { month: 'short' })\n  const getDayWithSuffix = (day: number) => {\n    if (day > 3 && day < 21) return `${day}th`\n    switch (day % 10) {\n      case 1:\n        return `${day}st`\n      case 2:\n        return `${day}nd`\n      case 3:\n        return `${day}rd`\n      default:\n        return `${day}th`\n    }\n  }\n  const day = finishDate.getDate()\n  const formattedFinishDate = `${month} ${getDayWithSuffix(day)} at 13 UTC.` //TODO fix this\n  const initialReleaseAmount = userAllocation * initialRelease\n  const initialReleaseUsd = initialReleaseAmount * (bond?.initPrice ?? 0)\n\n  const vestedAmount = userAllocation * (1 - initialRelease)\n  const vestedAmountUsd = vestedAmount * (bond?.initPrice ?? 0)\n\n  return (\n    <Modal>\n      <ModalHeader hideDivider />\n      <Flex sx={{ flexDirection: 'column' }}>\n        <Flex sx={{ width: '100%', justifyContent: 'center', mb: '15px' }}>\n          <Text sx={{ fontSize: '22px', fontWeight: 700 }}>Participation Successful</Text>\n        </Flex>\n        <Flex\n          sx={{\n            fontSize: '14px',\n            fontWeight: 400,\n            flexDirection: 'column',\n          }}\n        >\n          <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>Your Deposit</Flex>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>\n              {formatNumberSI(inputValue)} {bond?.lpToken.symbol}\n              <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>(${formatNumberSI(depositAmountUsd)})</Flex>\n            </Flex>\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '5px' }}>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>\n              {bond.yieldBond ? 'Initial Release' : 'Your Allocation'}\n            </Flex>\n            {bond.yieldBond ? (\n              <Flex\n                sx={{\n                  fontSize: '12px',\n                  fontWeight: 500,\n                }}\n              >\n                <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>\n                  ${formatNumberSI(userAllocationUsd)} in {bond?.underlyingEarnToken?.symbol}\n                </Flex>\n              </Flex>\n            ) : (\n              <Flex\n                sx={{\n                  fontSize: '12px',\n                  fontWeight: 500,\n                }}\n              >\n                {formatNumberSI(userAllocation)} {bond?.underlyingEarnToken?.symbol || bond?.earnToken.symbol}\n                <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>(${userAllocationUsd.toFixed(2)})</Flex>\n              </Flex>\n            )}\n          </Flex>\n          {bond.yieldBond && (\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '5px' }}>\n              <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>Yield Bonus</Flex>\n              <Flex\n                sx={{\n                  fontSize: '12px',\n                  fontWeight: 500,\n                }}\n              >\n                <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>\n                  ${formatNumberSI(userYield)} in {bond?.underlyingEarnToken?.symbol} (over{' '}\n                  {\n                    getTimePeriods(\n                      (bond?.yieldData?.rewardDistributionEnd ?? 0) - parseInt(bond.startVestingTimestamp ?? '0'),\n                      true,\n                    ).days\n                  }{' '}\n                  days)\n                </Flex>\n              </Flex>\n            </Flex>\n          )}\n          {!bond.yieldBond && (\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '5px' }}>\n              <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>\n                Initial Release\n                <TooltipBubble\n                  placement={'bottomLeft'}\n                  transformTip={'translate(-6%, 0%)'}\n                  width=\"250px\"\n                  body={\n                    <Flex sx={{ justifyContent: 'center' }}>\n                      {`You'll be able to claim an initial release of ${initialRelease * 100}% \n                    of your allocation on ${formattedFinishDate}`}\n                    </Flex>\n                  }\n                >\n                  <Flex sx={{ alignItems: 'center', height: '100%', ml: '5px' }}>\n                    <QuestionCircle width=\"12px\" />\n                  </Flex>\n                </TooltipBubble>\n              </Flex>\n              <Flex\n                sx={{\n                  fontSize: '12px',\n                  fontWeight: 500,\n                }}\n              >\n                {getFirstNonZeroDigits(initialReleaseAmount, 2)}{' '}\n                {bond?.underlyingEarnToken?.symbol || bond?.earnToken.symbol}\n                <Flex\n                  sx={{\n                    color: 'textDisabledButton',\n                    ml: '5px',\n                  }}\n                >\n                  (${initialReleaseUsd.toFixed(2)})\n                </Flex>\n              </Flex>\n            </Flex>\n          )}\n          {initialRelease !== 1 && (\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '5px' }}>\n              <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>\n                Vested Tokens\n                <TooltipBubble\n                  placement={'bottomLeft'}\n                  transformTip={'translate(-6%, 0%)'}\n                  width=\"250px\"\n                  body={\n                    <Flex sx={{ justifyContent: 'center' }}>\n                      {`Remaining tokens will vest linearly over ${getTimePeriods(bond.vestingTerm).months} months after claiming the initial release.`}\n                    </Flex>\n                  }\n                >\n                  <Flex sx={{ alignItems: 'center', height: '100%', ml: '5px' }}>\n                    <QuestionCircle width=\"12px\" />\n                  </Flex>\n                </TooltipBubble>\n              </Flex>\n              <Flex\n                sx={{\n                  fontSize: '12px',\n                  fontWeight: 500,\n                }}\n              >\n                {getFirstNonZeroDigits(vestedAmount, 2)} {bond?.earnToken.symbol}\n                <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>(${vestedAmountUsd.toFixed(2)})</Flex>\n              </Flex>\n            </Flex>\n          )}\n          <Flex sx={{ mt: '10px' }}>{`Your purchased bond can be found under the \"Your Bonds\" tab.`}</Flex>\n        </Flex>\n        <Button\n          onClick={() => {\n            handleToogle('Your Bonds')\n            onDismiss?.()\n          }}\n          sx={{ fontSize: '14px', width: '100%', mt: '15px', height: '35px' }}\n        >\n          see your Bonds\n        </Button>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default ParticipationSuccessful\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/BuyBond/components/BondCards/BondCards.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { BondsData } from '../../../../types/bonds';
 declare const BondCards: ({ bondData, isDoingMaxBuy }: {
     bondData: BondsData;
     isDoingMaxBuy?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default BondCards;

package/dist/views/BuyBond/components/BondCards/BondCards.js

@@ -1,5 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import { TooltipText } from '../../../../config/constants/tooltips.js';
 import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
 import { getVestingTermsString, getVestingTermsTooltipString, getMaxBuy, getRemainingTokensString, remainingPercentage } from '../../../../utils/displayHelpers.js';
@@ -15,14 +14,63 @@ import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.
 import QuestionCircle from '../../../../components/uikit-sdk/Svg/Icons/QuestionCircle.js';
 import Success from '../../../../components/uikit-sdk/Svg/Icons/Success.js';
 
-const blockClasses = 'bond-card-block ape:flex ape:p-[6px_12px] ape:w-full ape:items-center ape:justify-between ape:border-b ape:border-white2 ape:max-h-[32px] ape:min-[800px]:w-[350px] ape:min-[800px]:flex-col ape:min-[800px]:p-[12px] ape:min-[800px]:max-h-none ape:rounded-none ape:lg:rounded-normal ape:first:rounded-t-normal ape:last:rounded-b-normal';
 const BondCards = ({ bondData, isDoingMaxBuy }) => {
     const isMobile = useIsMobile();
     const SDKConfig = useSDKConfig();
-    const blockBg = { background: MCColorMapping.white3[bondData.marketingCampaign] };
-    return (jsxs("div", { className: "bonds-cards ape:flex ape:w-full ape:flex-col ape:min-[800px]:flex-row ape:min-[800px]:gap-[5px]", children: [jsxs("div", { className: blockClasses, style: blockBg, children: [jsxs(Flex, { className: "bond-card-title ape:flex ape:font-normal ape:text-[12px] ape:min-[800px]:pb-[5px]", children: [SDKConfig.namingPreference, jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip ape:pl-[5px] ape:items-start ape:cursor-pointer", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsx(BonusComponent, { trueBondPrices: SDKConfig.namingPreference !== 'Discount' ? bondData.trueBondPrices : undefined, minTier: bondData.minTier, tooltipPosition: isMobile ? 'bottomRight' : 'bottomLeft', bonus: SDKConfig.namingPreference === 'Discount'
+    return (jsxs("div", { className: "bonds-cards", children: [jsxs("div", { className: "bond-card-block", sx: {
+                    borderRadius: ['0px', '0px', '0px', 'normal'],
+                    '&:first-of-type': {
+                        borderTopRightRadius: 'normal',
+                        borderTopLeftRadius: 'normal',
+                    },
+                    '&:last-of-type': {
+                        borderBottomRightRadius: 'normal',
+                        borderBottomLeftRadius: 'normal',
+                    },
+                    background: MCColorMapping.white3[bondData.marketingCampaign],
+                }, children: [jsxs(Flex, { className: "bond-card-title", children: [SDKConfig.namingPreference, jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsx(BonusComponent, { trueBondPrices: SDKConfig.namingPreference !== 'Discount' ? bondData.trueBondPrices : undefined, minTier: bondData.minTier, tooltipPosition: isMobile ? 'bottomRight' : 'bottomLeft', bonus: SDKConfig.namingPreference === 'Discount'
                             ? `${bondData?.trueBondPrices?.[0]?.discountWithFee?.toFixed(2)}%`
-                            : undefined })] }), jsxs("div", { className: blockClasses, style: blockBg, children: [jsxs("div", { className: "bond-card-title ape:flex ape:font-normal ape:text-[12px] ape:min-[800px]:pb-[5px]", children: ["Terms", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip ape:pl-[5px] ape:items-start ape:cursor-pointer", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs("div", { className: "bond-card-content ape:flex ape:text-[12px] ape:font-bold ape:min-[800px]:text-[16px]", children: [getVestingTermsString(bondData), bondData.vestingCliff && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: getVestingTermsTooltipString(bondData) }), width: "180px", placement: "bottomRight", transformTip: "translate(13%, 0%)", children: jsx(Flex, { className: "ape:opacity-60 ape:ml-[6px]", children: jsx(QuestionCircle, { width: "12px" }) }) }))] })] }), jsxs("div", { className: clsx(blockClasses, 'ape:relative'), style: { ...blockBg, border: isDoingMaxBuy ? '2px solid green' : undefined }, children: [isDoingMaxBuy && (jsx(Flex, { className: "ape:absolute ape:top-0 ape:right-0 ape:translate-x-1/2 ape:-translate-y-1/2 ape:lg:-translate-x-1/2", children: jsx(Success, { width: isMobile ? 16 : 20 }) })), jsxs("div", { className: "bond-card-title ape:flex ape:font-normal ape:text-[12px] ape:min-[800px]:pb-[5px]", children: ["Max Buy", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.MaxBuy(bondData?.earnToken?.symbol) }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip ape:pl-[5px] ape:items-start ape:cursor-pointer", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs(Flex, { className: "bond-card-content ape:flex ape:text-[12px] ape:font-bold ape:min-[800px]:text-[16px] ape:items-center", children: [jsx("div", { style: { paddingRight: '3px' }, children: jsx(TokenImage, { symbol: bondData.showcaseTokenName ?? bondData.earnToken.symbol, size: 22, chain: bondData.chainId }) }), formatNumberSI(getMaxBuy(bondData, SDKConfig.showLowValueBonds).toString(), 0)] })] }), jsxs("div", { className: blockClasses, style: blockBg, children: [jsxs(Flex, { className: "bond-card-title ape:flex ape:font-normal ape:text-[12px] ape:min-[800px]:pb-[5px]", children: ["Tokens Remaining", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.TokensRemaining }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip ape:pl-[5px] ape:items-start ape:cursor-pointer", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsx(ProgressBarWrapper, { title: '', value: jsx(ProgressBar, { value: remainingPercentage(bondData) }), style: {
+                            : undefined })] }), jsxs("div", { className: "bond-card-block", sx: {
+                    borderRadius: ['0px', '0px', '0px', 'normal'],
+                    '&:first-of-type': {
+                        borderTopRightRadius: 'normal',
+                        borderTopLeftRadius: 'normal',
+                    },
+                    '&:last-of-type': {
+                        borderBottomRightRadius: 'normal',
+                        borderBottomLeftRadius: 'normal',
+                    },
+                    background: MCColorMapping.white3[bondData.marketingCampaign],
+                }, children: [jsxs("div", { className: "bond-card-title", children: ["Terms", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs("div", { className: "bond-card-content", children: [getVestingTermsString(bondData), bondData.vestingCliff && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: getVestingTermsTooltipString(bondData) }), width: "180px", placement: "bottomRight", transformTip: "translate(13%, 0%)", children: jsx(Flex, { sx: { opacity: 0.6, ml: '6px' }, children: jsx(QuestionCircle, { width: "12px" }) }) }))] })] }), jsxs("div", { className: "bond-card-block", sx: {
+                    borderRadius: ['0px', '0px', '0px', 'normal'],
+                    '&:first-of-type': {
+                        borderTopRightRadius: 'normal',
+                        borderTopLeftRadius: 'normal',
+                    },
+                    '&:last-of-type': {
+                        borderBottomRightRadius: 'normal',
+                        borderBottomLeftRadius: 'normal',
+                    },
+                    background: MCColorMapping.white3[bondData.marketingCampaign],
+                    border: isDoingMaxBuy && '2px solid green !important',
+                    position: 'relative',
+                }, children: [isDoingMaxBuy && (jsx(Flex, { sx: {
+                            position: 'absolute',
+                            top: '0px',
+                            right: '0px',
+                            transform: ['translate(50%,-50%)', 'translate(50%,-50%)', 'translate(50%,-50%)', 'translate(-50%,-50%)'],
+                        }, children: jsx(Success, { width: isMobile ? 16 : 20 }) })), jsxs("div", { className: "bond-card-title", children: ["Max Buy", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.MaxBuy(bondData?.earnToken?.symbol) }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs(Flex, { className: "bond-card-content", sx: { alignItems: 'center' }, children: [jsx("div", { style: { paddingRight: '3px' }, children: jsx(TokenImage, { symbol: bondData.showcaseTokenName ?? bondData.earnToken.symbol, size: 22, chain: bondData.chainId }) }), formatNumberSI(getMaxBuy(bondData, SDKConfig.showLowValueBonds).toString(), 0)] })] }), jsxs("div", { className: "bond-card-block", sx: {
+                    borderRadius: ['0px', '0px', '0px', 'normal'],
+                    '&:first-of-type': {
+                        borderTopRightRadius: 'normal',
+                        borderTopLeftRadius: 'normal',
+                    },
+                    '&:last-of-type': {
+                        borderBottomRightRadius: 'normal',
+                        borderBottomLeftRadius: 'normal',
+                    },
+                    background: MCColorMapping.white3[bondData.marketingCampaign],
+                }, children: [jsxs(Flex, { className: "bond-card-title", children: ["Tokens Remaining", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.TokensRemaining }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsx(ProgressBarWrapper, { title: '', value: jsx(ProgressBar, { value: remainingPercentage(bondData) }), style: {
                             width: '127px',
                             height: '25px',
                             flexDirection: 'column',

package/dist/views/BuyBond/components/BondCards/BondCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"BondCards.js","sources":["../../../../../src/views/BuyBond/components/BondCards/BondCards.tsx"],"sourcesContent":["import React from 'react'\nimport clsx from 'clsx'\nimport { TooltipText } from '../../../../config/constants/tooltips'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport {\n  getMaxBuy,\n  getRemainingTokensString,\n  getVestingTermsString,\n  getVestingTermsTooltipString,\n  remainingPercentage,\n} from '../../../../utils/displayHelpers'\nimport { BondsData } from '../../../../types/bonds'\nimport BonusComponent from '../../../Bonds/components/BonusComponents/BonusComponent'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport ProgressBar from '../../../../components/ProgressBar/ProgressBar'\nimport ProgressBarWrapper from '../../../../components/ProgressBar/ProgressBarWrapper'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { MCColorMapping } from '../../../../utils/campaignStyles'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport QuestionCircle from '../../../../components/uikit-sdk/Svg/Icons/QuestionCircle'\nimport Success from '../../../../components/uikit-sdk/Svg/Icons/Success'\n\nconst blockClasses =\n  'bond-card-block ape:flex ape:p-[6px_12px] ape:w-full ape:items-center ape:justify-between ape:border-b ape:border-white2 ape:max-h-[32px] ape:min-[800px]:w-[350px] ape:min-[800px]:flex-col ape:min-[800px]:p-[12px] ape:min-[800px]:max-h-none ape:rounded-none ape:lg:rounded-normal ape:first:rounded-t-normal ape:last:rounded-b-normal'\n\nconst BondCards = ({ bondData, isDoingMaxBuy }: { bondData: BondsData; isDoingMaxBuy?: boolean }) => {\n  const isMobile = useIsMobile()\n  const SDKConfig = useSDKConfig()\n  const blockBg = { background: MCColorMapping.white3[bondData.marketingCampaign!] }\n\n  return (\n    <div className=\"bonds-cards ape:flex ape:w-full ape:flex-col ape:min-[800px]:flex-row ape:min-[800px]:gap-[5px]\">\n      <div className={blockClasses} style={blockBg}>\n        <Flex className=\"bond-card-title ape:flex ape:font-normal ape:text-[12px] ape:min-[800px]:pb-[5px]\">\n          {SDKConfig.namingPreference}\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={<Flex>{TooltipText.Discount}</Flex>}\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip ape:pl-[5px] ape:items-start ape:cursor-pointer\">\n              <QuestionCircle width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </Flex>\n        <BonusComponent\n          trueBondPrices={SDKConfig.namingPreference !== 'Discount' ? bondData.trueBondPrices : undefined}\n          minTier={bondData.minTier}\n          tooltipPosition={isMobile ? 'bottomRight' : 'bottomLeft'}\n          bonus={\n            SDKConfig.namingPreference === 'Discount'\n              ? `${bondData?.trueBondPrices?.[0]?.discountWithFee?.toFixed(2)}%`\n              : undefined\n          }\n        />\n      </div>\n      <div className={blockClasses} style={blockBg}>\n        <div className=\"bond-card-title ape:flex ape:font-normal ape:text-[12px] ape:min-[800px]:pb-[5px]\">\n          Terms\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={<Flex>{TooltipText.Terms}</Flex>}\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip ape:pl-[5px] ape:items-start ape:cursor-pointer\">\n              <QuestionCircle width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </div>\n        <div className=\"bond-card-content ape:flex ape:text-[12px] ape:font-bold ape:min-[800px]:text-[16px]\">\n          {getVestingTermsString(bondData)}\n          {bondData.vestingCliff && (\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={<Flex>{getVestingTermsTooltipString(bondData)}</Flex>}\n              width=\"180px\"\n              placement=\"bottomRight\"\n              transformTip=\"translate(13%, 0%)\"\n            >\n              <Flex className=\"ape:opacity-60 ape:ml-[6px]\">\n                <QuestionCircle width=\"12px\" />\n              </Flex>\n            </TooltipBubble>\n          )}\n        </div>\n      </div>\n      <div\n        className={clsx(blockClasses, 'ape:relative')}\n        style={{ ...blockBg, border: isDoingMaxBuy ? '2px solid green' : undefined }}\n      >\n        {isDoingMaxBuy && (\n          <Flex className=\"ape:absolute ape:top-0 ape:right-0 ape:translate-x-1/2 ape:-translate-y-1/2 ape:lg:-translate-x-1/2\">\n            <Success width={isMobile ? 16 : 20} />\n          </Flex>\n        )}\n        <div className=\"bond-card-title ape:flex ape:font-normal ape:text-[12px] ape:min-[800px]:pb-[5px]\">\n          Max Buy\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={<Flex>{TooltipText.MaxBuy(bondData?.earnToken?.symbol)}</Flex>}\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip ape:pl-[5px] ape:items-start ape:cursor-pointer\">\n              <QuestionCircle width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </div>\n        <Flex className=\"bond-card-content ape:flex ape:text-[12px] ape:font-bold ape:min-[800px]:text-[16px] ape:items-center\">\n          <div style={{ paddingRight: '3px' }}>\n            <TokenImage\n              symbol={bondData.showcaseTokenName ?? bondData.earnToken.symbol}\n              size={22}\n              chain={bondData.chainId}\n            />\n          </div>\n          {formatNumberSI(getMaxBuy(bondData, SDKConfig.showLowValueBonds).toString(), 0)}\n        </Flex>\n      </div>\n      <div className={blockClasses} style={blockBg}>\n        <Flex className=\"bond-card-title ape:flex ape:font-normal ape:text-[12px] ape:min-[800px]:pb-[5px]\">\n          Tokens Remaining\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={<Flex>{TooltipText.TokensRemaining}</Flex>}\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip ape:pl-[5px] ape:items-start ape:cursor-pointer\">\n              <QuestionCircle width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </Flex>\n        <ProgressBarWrapper\n          title={''}\n          value={<ProgressBar value={remainingPercentage(bondData)} />}\n          style={{\n            width: '127px',\n            height: '25px',\n            flexDirection: 'column',\n            justifyContent: 'center',\n          }}\n          showTooltip={true}\n          toolTip={getRemainingTokensString(bondData, SDKConfig.showLowValueBonds)}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default BondCards\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"BondCards.js","sources":["../../../../../src/views/BuyBond/components/BondCards/BondCards.tsx"],"sourcesContent":["import React from 'react'\nimport { TooltipText } from '../../../../config/constants/tooltips'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport {\n  getMaxBuy,\n  getRemainingTokensString,\n  getVestingTermsString,\n  getVestingTermsTooltipString,\n  remainingPercentage,\n} from '../../../../utils/displayHelpers'\nimport { BondsData } from '../../../../types/bonds'\nimport BonusComponent from '../../../Bonds/components/BonusComponents/BonusComponent'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport ProgressBar from '../../../../components/ProgressBar/ProgressBar'\nimport ProgressBarWrapper from '../../../../components/ProgressBar/ProgressBarWrapper'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { MCColorMapping } from '../../../../utils/campaignStyles'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport QuestionCircle from '../../../../components/uikit-sdk/Svg/Icons/QuestionCircle'\nimport Success from '../../../../components/uikit-sdk/Svg/Icons/Success'\n\nconst BondCards = ({ bondData, isDoingMaxBuy }: { bondData: BondsData; isDoingMaxBuy?: boolean }) => {\n  const isMobile = useIsMobile()\n  const SDKConfig = useSDKConfig()\n\n  return (\n    <div className=\"bonds-cards\">\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n          background: MCColorMapping.white3[bondData.marketingCampaign!],\n        }}\n      >\n        <Flex className=\"bond-card-title\">\n          {SDKConfig.namingPreference}\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={<Flex>{TooltipText.Discount}</Flex>}\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip\">\n              <QuestionCircle width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </Flex>\n        <BonusComponent\n          trueBondPrices={SDKConfig.namingPreference !== 'Discount' ? bondData.trueBondPrices : undefined}\n          minTier={bondData.minTier}\n          tooltipPosition={isMobile ? 'bottomRight' : 'bottomLeft'}\n          bonus={\n            SDKConfig.namingPreference === 'Discount'\n              ? `${bondData?.trueBondPrices?.[0]?.discountWithFee?.toFixed(2)}%`\n              : undefined\n          }\n        />\n      </div>\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n          background: MCColorMapping.white3[bondData.marketingCampaign!],\n        }}\n      >\n        <div className=\"bond-card-title\">\n          Terms\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={<Flex>{TooltipText.Terms}</Flex>}\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip\">\n              <QuestionCircle width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </div>\n        <div className=\"bond-card-content\">\n          {getVestingTermsString(bondData)}\n          {bondData.vestingCliff && (\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={<Flex>{getVestingTermsTooltipString(bondData)}</Flex>}\n              width=\"180px\"\n              placement=\"bottomRight\"\n              transformTip=\"translate(13%, 0%)\"\n            >\n              <Flex sx={{ opacity: 0.6, ml: '6px' }}>\n                <QuestionCircle width=\"12px\" />\n              </Flex>\n            </TooltipBubble>\n          )}\n        </div>\n      </div>\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n          background: MCColorMapping.white3[bondData.marketingCampaign!],\n          border: isDoingMaxBuy && '2px solid green !important',\n          position: 'relative',\n        }}\n      >\n        {isDoingMaxBuy && (\n          <Flex\n            sx={{\n              position: 'absolute',\n              top: '0px',\n              right: '0px',\n              transform: ['translate(50%,-50%)', 'translate(50%,-50%)', 'translate(50%,-50%)', 'translate(-50%,-50%)'],\n            }}\n          >\n            <Success width={isMobile ? 16 : 20} />\n          </Flex>\n        )}\n        <div className=\"bond-card-title\">\n          Max Buy\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={<Flex>{TooltipText.MaxBuy(bondData?.earnToken?.symbol)}</Flex>}\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip\">\n              <QuestionCircle width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </div>\n        <Flex className=\"bond-card-content\" sx={{ alignItems: 'center' }}>\n          <div style={{ paddingRight: '3px' }}>\n            <TokenImage\n              symbol={bondData.showcaseTokenName ?? bondData.earnToken.symbol}\n              size={22}\n              chain={bondData.chainId}\n            />\n          </div>\n          {formatNumberSI(getMaxBuy(bondData, SDKConfig.showLowValueBonds).toString(), 0)}\n        </Flex>\n      </div>\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n          background: MCColorMapping.white3[bondData.marketingCampaign!],\n        }}\n      >\n        <Flex className=\"bond-card-title\">\n          Tokens Remaining\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={<Flex>{TooltipText.TokensRemaining}</Flex>}\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip\">\n              <QuestionCircle width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </Flex>\n        <ProgressBarWrapper\n          title={''}\n          value={<ProgressBar value={remainingPercentage(bondData)} />}\n          style={{\n            width: '127px',\n            height: '25px',\n            flexDirection: 'column',\n            justifyContent: 'center',\n          }}\n          showTooltip={true}\n          toolTip={getRemainingTokensString(bondData, SDKConfig.showLowValueBonds)}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default BondCards\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/BuyBond/components/BondCards/BondCardsPreTGE.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { BondsData } from '../../../../types/bonds';
 declare const BondCardsPreTGE: ({ bond }: {
     bond: BondsData;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default BondCardsPreTGE;