@ape.swap/bonds-sdk 7.0.3 → 7.0.4-test.0

package/dist/adapters/evm/views/lpStaking/LpStakingEstimations.d.ts

@@ -0,0 +1,23 @@
+import { BondsData } from '../../../../types/bonds';
+declare const LpStakingEstimations: ({ inputValue, inputTokenPrice, bondData, youSpendString, fetchingZapQuote, zapError, protocolQuote, lpQuote, }: {
+    inputValue?: string;
+    inputTokenPrice?: number;
+    bondData: BondsData;
+    youSpendString?: string;
+    isZap?: boolean;
+    fetchingZapQuote?: boolean;
+    zapError?: boolean;
+    protocolQuote?: {
+        positionValue?: string;
+        bonusAmount?: string;
+    };
+    lpQuote?: {
+        token0?: {
+            fromAmountEstimate?: string;
+        };
+        token1?: {
+            fromAmountEstimate?: string;
+        };
+    };
+}) => import("react/jsx-runtime").JSX.Element;
+export default LpStakingEstimations;

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

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { getBalanceNumber } from '../../../../utils/getBalanceNumber.js';
+import useCurrencyPrice from '../../../../state/price/useCurrencyPrice.js';
+import { formatNumberSI } from '../../../../utils/formatNumber.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import Dots from '../../../../components/uikit-sdk/LoadingDots/index.js';
+import QuestionCircle from '../../../../components/uikit-sdk/Svg/Icons/QuestionCircle.js';
+import { getTimePeriods } from '../../../../utils/getTimePeriods.js';
+
+const LpStakingEstimations = ({ inputValue, inputTokenPrice, bondData, youSpendString, fetchingZapQuote, zapError, protocolQuote, lpQuote, }) => {
+    // Estimations
+    // REAL's adapter previews the bonus on the position the zap mints: bonusBps of its value, or 0 below the campaign's
+    // minimum. Priced with the bonus token's price; without one, it's worth that share of what the user spends (minus
+    // the zap's fees)
+    const bonusToken = bondData.lpStakingConfig?.bonusRewardToken;
+    const bonusTokenDecimals = bonusToken?.decimals?.[bondData.chainId] ?? 18;
+    const bonusTokenPrice = useCurrencyPrice(bonusToken, bondData.chainId)?.price ?? 0;
+    const bonusAmount = getBalanceNumber(protocolQuote?.bonusAmount ?? '0', bonusTokenDecimals);
+    const positionValue = Number(protocolQuote?.positionValue ?? '0');
+    const spendUSD = parseFloat(inputValue || '0') * (inputTokenPrice ?? 0);
+    const bonusUSD = bonusTokenPrice > 0
+        ? bonusAmount * bonusTokenPrice
+        : positionValue > 0
+            ? (spendUSD * Number(protocolQuote?.bonusAmount ?? '0')) / positionValue
+            : 0;
+    const isBelowMinimum = !!protocolQuote && bonusAmount === 0;
+    // The position the zap mints: both pool tokens, priced only when both have a price (half of it would mislead)
+    const lpToken0 = bondData.lpStakingConfig?.lpToken0;
+    const lpToken1 = bondData.lpStakingConfig?.lpToken1;
+    const token0Price = useCurrencyPrice(lpToken0, bondData.chainId)?.price ?? 0;
+    const token1Price = useCurrencyPrice(lpToken1, bondData.chainId)?.price ?? 0;
+    const token0Amount = getBalanceNumber(lpQuote?.token0?.fromAmountEstimate ?? '0', lpToken0?.decimals?.[bondData.chainId] ?? 18);
+    const token1Amount = getBalanceNumber(lpQuote?.token1?.fromAmountEstimate ?? '0', lpToken1?.decimals?.[bondData.chainId] ?? 18);
+    const positionUSD = token0Price > 0 && token1Price > 0 ? token0Amount * token0Price + token1Amount * token1Price : 0;
+    return (jsxs(Flex, { className: "modaltable-container text-container ape:w-full ape:flex ape:relative ape:flex-col ape:justify-center ape:text-[12px]", children: [jsxs(Flex, { className: "text-container row ape:pt-[2px] ape:pb-[2px] ape:flex ape:flex-row ape:justify-between", children: [jsx(Flex, { className: "row-container spend ape:flex ape:font-normal ape:items-center", children: "You Spend:" }), jsx(Flex, { className: "row-container spend-val ape:flex ape:font-normal ape:items-center", children: youSpendString })] }), jsxs(Flex, { className: "text-container row ape:pt-[2px] ape:pb-[2px] ape:flex ape:flex-row ape:justify-between", children: [jsxs(Flex, { className: "row-container premium ape:flex ape:font-normal ape:items-center", children: ["Bonus (unlocks after ", getTimePeriods(bondData?.vestingTerm, true).days, " days):"] }), fetchingZapQuote ? (jsx(Dots, {})) : zapError ? ('-') : isBelowMinimum ? (jsx(Flex, { className: "row-container premium-val ape:flex ape:font-normal ape:items-center", children: "No bonus at this size" })) : (jsxs(Flex, { className: "row-container premium-val premium-positive ape:flex ape:font-normal ape:items-center ape:gap-[5px]", children: [formatNumberSI(bonusAmount, 2), " ", bonusToken?.symbol, bonusUSD > 0 && jsxs("span", { className: "ape:opacity-60", children: ["($", formatNumberSI(bonusUSD, 2), ")"] })] }))] }), jsxs(Flex, { className: "ape:border ape:border-solid ape:border-[#9960C5] ape:rounded-normal ape:mx-[-5px] ape:px-[5px] ape:py-[2px] ape:my-[2px] ape:relative", children: [jsx(Flex, { className: "ape:absolute ape:w-full ape:h-full ape:top-0 ape:left-0 ape:z-0 ape:bg-[#9960C5] ape:opacity-20 ape:rounded-normal" }), jsxs(Flex, { className: "ape:w-full ape:justify-between ape:h-[21px]", children: [jsx(Flex, { className: "row-container get ape:flex ape:font-normal ape:items-center ape:z-[1]", children: "You Get:" }), fetchingZapQuote ? (jsx(Dots, {})) : zapError ? ('-') : (jsxs(Flex, { className: "row-container get-val ape:flex ape:font-normal ape:items-center ape:z-[1]", children: [formatNumberSI(token0Amount, 2), " ", lpToken0?.symbol, " - ", formatNumberSI(token1Amount, 2), ' ', lpToken1?.symbol, positionUSD > 0 && ` ($${formatNumberSI(positionUSD, 2)})`] }))] })] }), jsx(Flex, { className: "ape:mx-[-5px] ape:px-[5px] ape:py-[2px] ape:my-[2px] ape:relative", children: jsxs(Flex, { className: "ape:w-full ape:justify-between ape:h-[21px]", children: [jsxs(Flex, { className: "row-container get ape:flex ape:font-normal ape:items-center", children: ["Dual Rewards:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "Pool rewards are accrued immediately after purchase after the end of each epoch in Real Finance." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "row-container premium-icon ape:flex ape:font-normal ape:items-start ape:pl-[5px] ape:cursor-pointer", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsx(Flex, { className: "row-container get ape:flex ape:font-normal ape:items-center ", children: "Payable in $ASSET & $ORVT" })] }) })] }));
+};
+
+export { LpStakingEstimations as default };
+//# sourceMappingURL=LpStakingEstimations.js.map

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

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

package/dist/adapters/evm/views/lpStaking/ModalHandlerLpStaking.d.ts

@@ -0,0 +1,3 @@
+import type { BondModalHandlerProps } from '../../../types';
+declare const ModalHandlerLpStaking: ({ onDismiss, bondAddress, bondChain, isProjectView }: BondModalHandlerProps) => import("react/jsx-runtime").JSX.Element;
+export default ModalHandlerLpStaking;

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

@@ -0,0 +1,90 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
+import Modal from '../../../../components/uikit-sdk/Modal/index.js';
+import BuyComponentLpStaking from './BuyComponentLpStaking.js';
+import YourLpStakingBondModal from './YourLpStakingBondModal.js';
+import useBondsData from '../../../../state/bonds/useBondsData.js';
+import useChainAccount from '../../../../state/chainAccount/useChainAccount.js';
+import { getUserBonds } from '../../../../state/bonds/useUserBonds.js';
+import { QUERY_KEYS } from '../../../../config/constants/queryKeys.js';
+
+// REAL's API lists a purchase about 10 seconds after the tx, behind a 10-second cache, so the position is polled for
+const POSITION_POLL_INTERVAL = 5000;
+const POSITION_POLL_TIMEOUT = 60000;
+/*
+ * Basically this is a handler that controls which Modal is displayed to the user for LP staking bonds.
+ * It will start by showing the buy modal; once a purchase is confirmed, the buy component reports the new position's
+ * NFT id through setBillId, and YourLpStakingBondModal is shown for it: with skeletons until REAL's API lists the
+ * position, then with its data. If the API doesn't list it within a minute, the modal is closed.
+ * */
+const ModalHandlerLpStaking = ({ onDismiss, bondAddress, bondChain, isProjectView }) => {
+    // State
+    const [billId, setBillId] = useState('');
+    const [userBill, setUserBill] = useState();
+    // Hooks
+    const { data: bondsData } = useBondsData();
+    const { address } = useChainAccount('evm');
+    const queryClient = useQueryClient();
+    const handleDismiss = () => {
+        if (typeof window !== 'undefined') {
+            const locationPath = window.location.pathname;
+            window.history.pushState({}, '', `${locationPath !== '/bonds' ? locationPath : '/bonds'}`);
+        }
+        onDismiss?.();
+    };
+    // Poll REAL's API (through the user bonds fetcher, for this bond only) until it lists the purchased position
+    useEffect(() => {
+        if (!billId)
+            return;
+        const bond = bondsData?.find((bond) => bondAddress?.toLowerCase() === bond?.contractAddress?.[bond?.chainId]?.toLowerCase() &&
+            bondChain === bond?.chainId);
+        // Nothing to poll for: close rather than leave the skeletons up
+        if (!bond || !address) {
+            handleDismiss();
+            return;
+        }
+        let cancelled = false;
+        let pollTimeout;
+        const startedAt = Date.now();
+        const findPosition = async () => {
+            // The position may already be in the cache from a Your Bonds refetch
+            const cached = queryClient.getQueriesData({ queryKey: [QUERY_KEYS.USER_BONDS] });
+            const cachedBill = cached.flatMap(([, result]) => result?.bills ?? []).find((bill) => bill.id === billId);
+            if (cachedBill)
+                return cachedBill;
+            const bills = await getUserBonds({ evm: address }, { [bondChain]: [bond] }, queryClient).catch((e) => {
+                console.error(e);
+                return [];
+            });
+            return bills.find((bill) => bill.bond?.billType === 'lpStaking' && bill.id === billId);
+        };
+        const poll = async () => {
+            const purchasedBill = await findPosition();
+            if (cancelled)
+                return;
+            if (purchasedBill) {
+                setUserBill(purchasedBill);
+                // So Your Bonds lists the new position too
+                queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.USER_BONDS] });
+                return;
+            }
+            if (Date.now() - startedAt + POSITION_POLL_INTERVAL > POSITION_POLL_TIMEOUT) {
+                console.error(`LP staking position ${billId} not found in REAL's API`);
+                handleDismiss();
+                return;
+            }
+            pollTimeout = setTimeout(poll, POSITION_POLL_INTERVAL);
+        };
+        poll();
+        return () => {
+            cancelled = true;
+            clearTimeout(pollTimeout);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [billId]);
+    return billId ? (jsx(YourLpStakingBondModal, { userBill: userBill, onDismiss: handleDismiss })) : (jsx(Modal, { className: "modal ape:w-85 ape:md:w-175 ape:p-0! ", onDismiss: handleDismiss, children: jsx(BuyComponentLpStaking, { bondAddress: bondAddress, bondChain: bondChain, setBillId: setBillId, onDismiss: handleDismiss, isProjectView: isProjectView }) }));
+};
+
+export { ModalHandlerLpStaking as default };
+//# sourceMappingURL=ModalHandlerLpStaking.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHandlerLpStaking.js","sources":["../../../../../src/adapters/evm/views/lpStaking/ModalHandlerLpStaking.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { BillsConfig, ChainId } from '@ape.swap/apeswap-lists'\nimport type { BondModalHandlerProps } from '../../../types'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport BuyComponentLpStaking from './BuyComponentLpStaking'\nimport YourLpStakingBondModal from './YourLpStakingBondModal'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport useChainAccount from '../../../../state/chainAccount/useChainAccount'\nimport { getUserBonds, UserBondsResult } from '../../../../state/bonds/useUserBonds'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { QUERY_KEYS } from '../../../../config/constants/queryKeys'\n\n// REAL's API lists a purchase about 10 seconds after the tx, behind a 10-second cache, so the position is polled for\nconst POSITION_POLL_INTERVAL = 5000\nconst POSITION_POLL_TIMEOUT = 60000\n\n/*\n * Basically this is a handler that controls which Modal is displayed to the user for LP staking bonds.\n * It will start by showing the buy modal; once a purchase is confirmed, the buy component reports the new position's\n * NFT id through setBillId, and YourLpStakingBondModal is shown for it: with skeletons until REAL's API lists the\n * position, then with its data. If the API doesn't list it within a minute, the modal is closed.\n * */\n\nconst ModalHandlerLpStaking = ({ onDismiss, bondAddress, bondChain, isProjectView }: BondModalHandlerProps) => {\n  // State\n  const [billId, setBillId] = useState('')\n  const [userBill, setUserBill] = useState<UserBill>()\n\n  // Hooks\n  const { data: bondsData } = useBondsData()\n  const { address } = useChainAccount('evm')\n  const queryClient = useQueryClient()\n\n  const handleDismiss = () => {\n    if (typeof window !== 'undefined') {\n      const locationPath = window.location.pathname\n      window.history.pushState({}, '', `${locationPath !== '/bonds' ? locationPath : '/bonds'}`)\n    }\n    onDismiss?.()\n  }\n\n  // Poll REAL's API (through the user bonds fetcher, for this bond only) until it lists the purchased position\n  useEffect(() => {\n    if (!billId) return\n    const bond = bondsData?.find(\n      (bond) =>\n        bondAddress?.toLowerCase() === bond?.contractAddress?.[bond?.chainId]?.toLowerCase() &&\n        bondChain === bond?.chainId,\n    )\n    // Nothing to poll for: close rather than leave the skeletons up\n    if (!bond || !address) {\n      handleDismiss()\n      return\n    }\n\n    let cancelled = false\n    let pollTimeout: ReturnType<typeof setTimeout> | undefined\n    const startedAt = Date.now()\n\n    const findPosition = async () => {\n      // The position may already be in the cache from a Your Bonds refetch\n      const cached = queryClient.getQueriesData<UserBondsResult | undefined>({ queryKey: [QUERY_KEYS.USER_BONDS] })\n      const cachedBill = cached.flatMap(([, result]) => result?.bills ?? []).find((bill) => bill.id === billId)\n      if (cachedBill) return cachedBill\n      const bills = await getUserBonds(\n        { evm: address },\n        { [bondChain]: [bond] } as Record<ChainId, BillsConfig[]>,\n        queryClient,\n      ).catch((e) => {\n        console.error(e)\n        return []\n      })\n      return bills.find((bill) => bill.bond?.billType === 'lpStaking' && bill.id === billId)\n    }\n\n    const poll = async () => {\n      const purchasedBill = await findPosition()\n      if (cancelled) return\n      if (purchasedBill) {\n        setUserBill(purchasedBill)\n        // So Your Bonds lists the new position too\n        queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.USER_BONDS] })\n        return\n      }\n      if (Date.now() - startedAt + POSITION_POLL_INTERVAL > POSITION_POLL_TIMEOUT) {\n        console.error(`LP staking position ${billId} not found in REAL's API`)\n        handleDismiss()\n        return\n      }\n      pollTimeout = setTimeout(poll, POSITION_POLL_INTERVAL)\n    }\n    poll()\n\n    return () => {\n      cancelled = true\n      clearTimeout(pollTimeout)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [billId])\n\n  return billId ? (\n    <YourLpStakingBondModal userBill={userBill} onDismiss={handleDismiss} />\n  ) : (\n    <Modal className=\"modal ape:w-85 ape:md:w-175 ape:p-0! \" onDismiss={handleDismiss}>\n      <BuyComponentLpStaking\n        bondAddress={bondAddress}\n        bondChain={bondChain}\n        setBillId={setBillId}\n        onDismiss={handleDismiss}\n        isProjectView={isProjectView}\n      />\n    </Modal>\n  )\n}\n\nexport default ModalHandlerLpStaking\n"],"names":["_jsx"],"mappings":"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"}

package/dist/adapters/evm/views/lpStaking/UserLpStakingBondRow.d.ts

@@ -0,0 +1,5 @@
+import { UserBill } from '../../../../types/yourbonds';
+declare const UserLpStakingBondRow: ({ bill }: {
+    bill: UserBill;
+}) => import("react/jsx-runtime").JSX.Element;
+export default UserLpStakingBondRow;

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

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import TokenInfoAndName from '../../../../components/TokenInfoAndName/index.js';
+import { formatNumberSI } from '../../../../utils/formatNumber.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import { getTimeLeftForFullyVested, getPendingVestingString, claimable, pending, getPercentageVested } from '../../../../utils/displayHelpers.js';
+import useModal from '../../../../hooks/useModal.js';
+import YourLpStakingBondModal from './YourLpStakingBondModal.js';
+import BondInfoTooltip from '../../../../components/Tooltip/Tooltip.js';
+import ProfitCard from '../../../../views/YourBonds/components/ProfitCard/ProfitCard.js';
+import ProgressBarWrapper from '../../../../components/ProgressBar/ProgressBarWrapper.js';
+import ProgressBar from '../../../../components/ProgressBar/ProgressBar.js';
+import More from '../../../../components/uikit-sdk/Svg/Icons/More.js';
+
+const UserLpStakingBondRow = ({ bill }) => {
+    // Hooks
+    const [onOpenPurchasedBond] = useModal(jsx(YourLpStakingBondModal, { userBill: bill }));
+    // Display Info
+    const earnTokenPrice = parseFloat(bill?.bond?.payoutTokenPrice ?? '0');
+    return (jsxs("div", { className: "your-bonds ape:flex ape:flex-col ape:w-full ape:justify-around ape:bg-white2 ape:mb-[5px] ape:rounded-[10px] ape:cursor-pointer ape:hover:bg-white3 ape:min-[1000px]:flex-row ape:min-[1000px]:h-[70px]", onClick: onOpenPurchasedBond, children: [jsxs("div", { className: "token-info-container ape:flex ape:w-full ape:min-[1000px]:w-[30%] ape:min-[1000px]:min-w-[300px]", children: [jsx(TokenInfoAndName, { tokenSymbol: `${bill?.bond?.lpStakingConfig?.lpToken0.symbol}-${bill?.bond?.lpStakingConfig?.lpToken1.symbol}`, chain: bill?.bond?.chainId, tag: bill?.bond?.tags?.[0], vestEnds: getTimeLeftForFullyVested(bill) > 0 ? `Ends in ${getPendingVestingString(bill)}` : `Fully Vested`, isHotBond: true }), jsx("div", { className: "tooltip-column ape:flex ape:w-[50px] ape:items-center ape:ml-[10px] ape:min-[1000px]:hidden", children: jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(BondInfoTooltip, { earnTokenContract: bill?.bond?.earnToken.address[bill?.bond.chainId] || '', earnTokenSymbol: bill?.bond?.earnToken.symbol || '', bondContract: bill?.address ?? '', projectLink: bill?.bond?.projectLink, twitter: bill?.bond?.twitter, chain: bill?.bond?.chainId, cgId: bill?.bond?.cgId, dexscreener: bill?.bond?.dexscreener }), width: "205px", placement: "bottomRight", transformTip: "translate(5%, 0%)", children: jsx(Flex, { className: "ape:opacity-80", children: jsx(More, { width: "25px" }) }) }) })] }), jsxs("div", { className: "your-bonds-columns-container ape:flex ape:flex-col ape:items-center ape:justify-end ape:w-full ape:min-[1000px]:w-[70%] ape:min-[1000px]:justify-between ape:min-[1000px]:flex-row ape:min-[1000px]:pr-[20px]", children: [jsx(Flex, { className: "ape:w-[125px]", children: jsx(ProfitCard, { userBond: bill }) }), jsxs("div", { className: "your-bonds-content ape:flex ape:items-center ape:justify-between ape:w-full ape:px-[10px] ape:text-[14px] ape:min-[1000px]:w-[130px] ape:min-[1000px]:justify-center ape:min-[1000px]:mt-0", children: [jsx("div", { className: "your-bonds-content-title ape:flex ape:text-[12px] ape:font-medium ape:opacity-60 ape:min-[1000px]:hidden", children: "Claimable" }), jsxs("div", { className: "your-bonds-content-tokens-amount ape:flex ape:items-center ape:text-[14px] ape:font-semibold", children: [formatNumberSI(claimable(bill), 3), jsx("div", { className: "your-bonds-content-tokens-usd-amount ape:opacity-60 ape:text-[12px] ape:font-normal ape:ml-[4px] ape:text-text-disabled-button", children: `($${(claimable(bill) * earnTokenPrice).toFixed(2)})` })] })] }), jsxs("div", { className: "your-bonds-content ape:flex ape:items-center ape:justify-between ape:w-full ape:px-[10px] ape:text-[14px] ape:min-[1000px]:w-[130px] ape:min-[1000px]:justify-center ape:min-[1000px]:mt-0", children: [jsx("div", { className: "your-bonds-content-title ape:flex ape:text-[12px] ape:font-medium ape:opacity-60 ape:min-[1000px]:hidden", children: "Pending" }), jsxs("div", { className: "your-bonds-content-tokens-amount ape:flex ape:items-center ape:text-[14px] ape:font-semibold", children: [formatNumberSI(pending(bill), 3), jsx("div", { className: "your-bonds-content-tokens-usd-amount ape:opacity-60 ape:text-[12px] ape:font-normal ape:ml-[4px] ape:text-text-disabled-button", children: `($${(pending(bill) * earnTokenPrice).toFixed(2)})` })] })] }), jsx("div", { className: "your-bonds-content hide-mobile ape:hidden ape:min-[1000px]:flex", children: jsx(ProgressBarWrapper, { title: '', value: jsx(ProgressBar, { value: getPercentageVested(bill) }), style: {
+                                width: '127px',
+                                height: '25px',
+                                flexDirection: 'column',
+                                justifyContent: 'center',
+                            }, hideOnMobile: true, showTooltip: true, toolTip: getTimeLeftForFullyVested(bill) > 0
+                                ? `Fully vested in ${getPendingVestingString(bill)}.`
+                                : `Fully Vested.` }) }), jsx("div", { className: "your-bonds-column-button ape:flex ape:w-full ape:items-center ape:justify-center ape:p-[10px] ape:min-[1000px]:w-[210px] ape:min-[1000px]:p-0", children: jsx(Button, { className: "button ape:text-[14px]! ape:p-[6px] ape:h-[30px]", fullWidth: true, children: "Claim" }) })] })] }));
+};
+
+export { UserLpStakingBondRow as default };
+//# sourceMappingURL=UserLpStakingBondRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserLpStakingBondRow.js","sources":["../../../../../src/adapters/evm/views/lpStaking/UserLpStakingBondRow.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport TokenInfoAndName from '../../../../components/TokenInfoAndName'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport { UserBill } from '../../../../types/yourbonds'\nimport {\n  claimable,\n  getPendingVestingString,\n  getPercentageVested,\n  getTimeLeftForFullyVested,\n  pending,\n} from '../../../../utils/displayHelpers'\nimport useModal from '../../../../hooks/useModal'\nimport YourLpStakingBondModal from './YourLpStakingBondModal'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport ProfitCard from '../../../../views/YourBonds/components/ProfitCard/ProfitCard'\nimport ProgressBarWrapper from '../../../../components/ProgressBar/ProgressBarWrapper'\nimport ProgressBar from '../../../../components/ProgressBar/ProgressBar'\nimport More from '../../../../components/uikit-sdk/Svg/Icons/More'\n\nconst UserLpStakingBondRow = ({ bill }: { bill: UserBill }) => {\n  // Hooks\n  const [onOpenPurchasedBond] = useModal(<YourLpStakingBondModal userBill={bill} />)\n\n  // Display Info\n  const earnTokenPrice = parseFloat(bill?.bond?.payoutTokenPrice ?? '0')\n\n  return (\n    <div\n      className=\"your-bonds ape:flex ape:flex-col ape:w-full ape:justify-around ape:bg-white2 ape:mb-[5px] ape:rounded-[10px] ape:cursor-pointer ape:hover:bg-white3 ape:min-[1000px]:flex-row ape:min-[1000px]:h-[70px]\"\n      onClick={onOpenPurchasedBond}\n    >\n      <div className=\"token-info-container ape:flex ape:w-full ape:min-[1000px]:w-[30%] ape:min-[1000px]:min-w-[300px]\">\n        <TokenInfoAndName\n          tokenSymbol={`${bill?.bond?.lpStakingConfig?.lpToken0.symbol}-${bill?.bond?.lpStakingConfig?.lpToken1.symbol}`}\n          chain={bill?.bond?.chainId}\n          tag={bill?.bond?.tags?.[0]}\n          vestEnds={getTimeLeftForFullyVested(bill) > 0 ? `Ends in ${getPendingVestingString(bill)}` : `Fully Vested`}\n          isHotBond\n        />\n        <div className=\"tooltip-column ape:flex ape:w-[50px] ape:items-center ape:ml-[10px] ape:min-[1000px]:hidden\">\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Tooltip\n                earnTokenContract={bill?.bond?.earnToken.address[bill?.bond.chainId] || ''}\n                earnTokenSymbol={bill?.bond?.earnToken.symbol || ''}\n                bondContract={bill?.address ?? ''}\n                projectLink={bill?.bond?.projectLink}\n                twitter={bill?.bond?.twitter}\n                chain={bill?.bond?.chainId!}\n                cgId={bill?.bond?.cgId}\n                dexscreener={bill?.bond?.dexscreener}\n              />\n            }\n            width=\"205px\"\n            placement=\"bottomRight\"\n            transformTip=\"translate(5%, 0%)\"\n          >\n            <Flex className=\"ape:opacity-80\">\n              <More width=\"25px\" />\n            </Flex>\n          </TooltipBubble>\n        </div>\n      </div>\n      <div className=\"your-bonds-columns-container ape:flex ape:flex-col ape:items-center ape:justify-end ape:w-full ape:min-[1000px]:w-[70%] ape:min-[1000px]:justify-between ape:min-[1000px]:flex-row ape:min-[1000px]:pr-[20px]\">\n        <Flex className=\"ape:w-[125px]\">\n          <ProfitCard userBond={bill} />\n        </Flex>\n        <div className=\"your-bonds-content ape:flex ape:items-center ape:justify-between ape:w-full ape:px-[10px] ape:text-[14px] ape:min-[1000px]:w-[130px] ape:min-[1000px]:justify-center ape:min-[1000px]:mt-0\">\n          <div className=\"your-bonds-content-title ape:flex ape:text-[12px] ape:font-medium ape:opacity-60 ape:min-[1000px]:hidden\">\n            Claimable\n          </div>\n          <div className=\"your-bonds-content-tokens-amount ape:flex ape:items-center ape:text-[14px] ape:font-semibold\">\n            {formatNumberSI(claimable(bill), 3)}\n            <div className=\"your-bonds-content-tokens-usd-amount ape:opacity-60 ape:text-[12px] ape:font-normal ape:ml-[4px] ape:text-text-disabled-button\">\n              {`($${(claimable(bill) * earnTokenPrice).toFixed(2)})`}\n            </div>\n          </div>\n        </div>\n        <div className=\"your-bonds-content ape:flex ape:items-center ape:justify-between ape:w-full ape:px-[10px] ape:text-[14px] ape:min-[1000px]:w-[130px] ape:min-[1000px]:justify-center ape:min-[1000px]:mt-0\">\n          <div className=\"your-bonds-content-title ape:flex ape:text-[12px] ape:font-medium ape:opacity-60 ape:min-[1000px]:hidden\">\n            Pending\n          </div>\n          <div className=\"your-bonds-content-tokens-amount ape:flex ape:items-center ape:text-[14px] ape:font-semibold\">\n            {formatNumberSI(pending(bill), 3)}\n            <div className=\"your-bonds-content-tokens-usd-amount ape:opacity-60 ape:text-[12px] ape:font-normal ape:ml-[4px] ape:text-text-disabled-button\">\n              {`($${(pending(bill) * earnTokenPrice).toFixed(2)})`}\n            </div>\n          </div>\n        </div>\n        <div className=\"your-bonds-content hide-mobile ape:hidden ape:min-[1000px]:flex\">\n          <ProgressBarWrapper\n            title={''}\n            value={<ProgressBar value={getPercentageVested(bill)} />}\n            style={{\n              width: '127px',\n              height: '25px',\n              flexDirection: 'column',\n              justifyContent: 'center',\n            }}\n            hideOnMobile\n            showTooltip={true}\n            toolTip={\n              getTimeLeftForFullyVested(bill) > 0\n                ? `Fully vested in ${getPendingVestingString(bill)}.`\n                : `Fully Vested.`\n            }\n          />\n        </div>\n        <div className=\"your-bonds-column-button ape:flex ape:w-full ape:items-center ape:justify-center ape:p-[10px] ape:min-[1000px]:w-[210px] ape:min-[1000px]:p-0\">\n          <Button className=\"button ape:text-[14px]! ape:p-[6px] ape:h-[30px]\" fullWidth>\n            Claim\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default UserLpStakingBondRow\n"],"names":["_jsx","_jsxs","Tooltip"],"mappings":"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"}

package/dist/adapters/evm/views/lpStaking/YourLpBondModalHeader.d.ts

@@ -0,0 +1,7 @@
+import { UserBill } from '../../../../types/yourbonds';
+declare const YourLpBondModalHeader: ({ userBill, onDismiss, }: {
+    userBill?: UserBill;
+    onDismiss?: () => void;
+    disableTransfers?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default YourLpBondModalHeader;

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

@@ -0,0 +1,20 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
+import { useIsMobile } from '../../../../hooks/useIsMobile.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import Skeleton from '../../../../components/uikit-sdk/Skeleton/index.js';
+import Text from '../../../../components/uikit-sdk/Text/index.js';
+import Close from '../../../../components/uikit-sdk/Svg/Icons/Close.js';
+
+const YourLpBondModalHeader = ({ userBill, onDismiss, }) => {
+    // Hooks
+    const isMobile = useIsMobile();
+    // Static Data
+    // Undefined until the bill is loaded, so the header shows its skeleton
+    const lpStakingConfig = userBill?.bond?.lpStakingConfig;
+    const payoutTokenSymbol = lpStakingConfig && `${lpStakingConfig.lpToken0.symbol}-${lpStakingConfig.lpToken1.symbol}`;
+    return (jsxs(Flex, { className: "ape:w-full ape:justify-between ape:items-center", children: [jsxs(Flex, { className: "ape:items-center ape:gap-[7px]", children: [payoutTokenSymbol ? (jsxs(Fragment, { children: [jsx(TokenImage, { symbol: userBill?.bond?.lpStakingConfig?.lpToken0.symbol, symbol2: userBill?.bond?.lpStakingConfig?.lpToken1.symbol, size: 30 }), jsx("div", { className: "ape:text-[16px] ape:md:text-[18px] ape:font-bold ape:opacity-70 ape:overflow-hidden ape:whitespace-nowrap ape:text-ellipsis ape:max-w-[150px]", children: payoutTokenSymbol })] })) : (jsxs(Fragment, { children: [jsx(Skeleton, { animation: "waves", style: { width: '30px', height: '30px', borderRadius: '55px', marginRight: '10px' } }), jsx(Skeleton, { animation: "waves", style: { width: '100px', borderRadius: 'var(--ape-radius-normal)' } })] })), jsx(Text, { className: "ape:opacity-60 ape:text-[11px] ape:md:text-[14px] ape:hidden ape:md:flex", children: userBill?.id && `#${userBill.id}` })] }), jsx(Flex, { className: "svg-close ape:cursor-pointer ape:p-[2px_5px]", onClick: onDismiss, children: jsx(Close, { width: isMobile ? '12px' : '18px' }) })] }));
+};
+
+export { YourLpBondModalHeader as default };
+//# sourceMappingURL=YourLpBondModalHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YourLpBondModalHeader.js","sources":["../../../../../src/adapters/evm/views/lpStaking/YourLpBondModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Skeleton from '../../../../components/uikit-sdk/Skeleton'\nimport Text from '../../../../components/uikit-sdk/Text'\nimport Close from '../../../../components/uikit-sdk/Svg/Icons/Close'\n\nconst YourLpBondModalHeader = ({\n  userBill,\n  onDismiss,\n}: {\n  userBill?: UserBill\n  onDismiss?: () => void\n  disableTransfers?: boolean\n}) => {\n  // Hooks\n  const isMobile = useIsMobile()\n\n  // Static Data\n  // Undefined until the bill is loaded, so the header shows its skeleton\n  const lpStakingConfig = userBill?.bond?.lpStakingConfig\n  const payoutTokenSymbol = lpStakingConfig && `${lpStakingConfig.lpToken0.symbol}-${lpStakingConfig.lpToken1.symbol}`\n\n  return (\n    <Flex className=\"ape:w-full ape:justify-between ape:items-center\">\n      <Flex className=\"ape:items-center ape:gap-[7px]\">\n        {payoutTokenSymbol ? (\n          <>\n            <TokenImage\n              symbol={userBill?.bond?.lpStakingConfig?.lpToken0.symbol}\n              symbol2={userBill?.bond?.lpStakingConfig?.lpToken1.symbol}\n              size={30}\n            />\n            <div className=\"ape:text-[16px] ape:md:text-[18px] ape:font-bold ape:opacity-70 ape:overflow-hidden ape:whitespace-nowrap ape:text-ellipsis ape:max-w-[150px]\">\n              {payoutTokenSymbol}\n            </div>\n          </>\n        ) : (\n          <>\n            <Skeleton\n              animation=\"waves\"\n              style={{ width: '30px', height: '30px', borderRadius: '55px', marginRight: '10px' }}\n            />\n            <Skeleton animation=\"waves\" style={{ width: '100px', borderRadius: 'var(--ape-radius-normal)' }} />\n          </>\n        )}\n        <Text className=\"ape:opacity-60 ape:text-[11px] ape:md:text-[14px] ape:hidden ape:md:flex\">\n          {userBill?.id && `#${userBill.id}`}\n        </Text>\n      </Flex>\n      <Flex className=\"svg-close ape:cursor-pointer ape:p-[2px_5px]\" onClick={onDismiss}>\n        <Close width={isMobile ? '12px' : '18px'} />\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default YourLpBondModalHeader\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;AASA,MAAM,qBAAqB,GAAG,CAAC,EAC7B,QAAQ,EACR,SAAS,GAKV,KAAI;;AAEH,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;;;AAI9B,IAAA,MAAM,eAAe,GAAG,QAAQ,EAAE,IAAI,EAAE,eAAe;AACvD,IAAA,MAAM,iBAAiB,GAAG,eAAe,IAAI,CAAA,EAAG,eAAe,CAAC,QAAQ,CAAC,MAAM,IAAI,eAAe,CAAC,QAAQ,CAAC,MAAM,EAAE;AAEpH,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iDAAiD,EAAA,QAAA,EAAA,CAC/DA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAAA,CAC7C,iBAAiB,IAChBA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,IAAC,UAAU,EAAA,EACT,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,CAAC,MAAM,EACxD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,CAAC,MAAM,EACzD,IAAI,EAAE,EAAE,EAAA,CACR,EACFA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+IAA+I,EAAA,QAAA,EAC3J,iBAAiB,EAAA,CACd,CAAA,EAAA,CACL,KAEHF,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAA,CAAC,QAAQ,EAAA,EACP,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,EAAA,CACnF,EACFA,GAAA,CAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,0BAA0B,EAAE,EAAA,CAAI,CAAA,EAAA,CAClG,CACJ,EACDA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0EAA0E,EAAA,QAAA,EACvF,QAAQ,EAAE,EAAE,IAAI,CAAA,CAAA,EAAI,QAAQ,CAAC,EAAE,CAAA,CAAE,EAAA,CAC7B,CAAA,EAAA,CACF,EACPA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,8CAA8C,EAAC,OAAO,EAAE,SAAS,EAAA,QAAA,EAC/EA,IAAC,KAAK,EAAA,EAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAI,EAAA,CACvC,CAAA,EAAA,CACF;AAEX;;;;"}

package/dist/adapters/evm/views/lpStaking/YourLpStakingBondModal.d.ts

@@ -0,0 +1,7 @@
+import { UserBill } from '../../../../types/yourbonds';
+declare const YourLpStakingBondModal: ({ userBill: userBillProp, lostProfit, onDismiss, }: {
+    userBill?: UserBill;
+    lostProfit?: string;
+    onDismiss?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default YourLpStakingBondModal;

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

@@ -0,0 +1,78 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React, { useState } from 'react';
+import clsx from 'clsx';
+import { formatNumberSI } from '../../../../utils/formatNumber.js';
+import { UserBillTooltipText } from '../../../../config/constants/tooltips.js';
+import { pending, claimable, pendingUSD, claimableUSD, claimed } from '../../../../utils/displayHelpers.js';
+import { getTimePeriods } from '../../../../utils/getTimePeriods.js';
+import SafeHTMLComponent from '../../../../components/SafeHTMLComponent/index.js';
+import NftImage from '../../../../views/YourBondsModal/components/NFTImage/NFTImage.js';
+import { ChainId } from '@ape.swap/apeswap-lists';
+import Modal from '../../../../components/uikit-sdk/Modal/index.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import Text from '../../../../components/uikit-sdk/Text/index.js';
+import useBondsData from '../../../../state/bonds/useBondsData.js';
+import useUserBonds from '../../../../state/bonds/useUserBonds.js';
+import Arrow from '../../../../components/uikit-sdk/Svg/Icons/Arrow.js';
+import QuestionCircle from '../../../../components/uikit-sdk/Svg/Icons/QuestionCircle.js';
+import Skeleton from '../../../../components/uikit-sdk/Skeleton/index.js';
+import YourLpBondModalHeader from './YourLpBondModalHeader.js';
+
+// Stands in for a value while the position isn't loaded yet
+const ValueSkeleton = ({ width }) => (jsx(Skeleton, { animation: "waves", style: { width, height: '14px', borderRadius: 'var(--ape-radius-normal)' } }));
+const YourLpStakingBondModal = ({ userBill: userBillProp, lostProfit, onDismiss, }) => {
+    // Hooks
+    const { data: liveBonds } = useBondsData();
+    // Subscribes the modal to the user bonds query (refetched every 2 minutes), so the position updates while it's
+    // open: the bill passed in is a snapshot from when the modal was opened (e.g. the deposit still "Indexing...")
+    const { data: userBonds } = useUserBonds();
+    const userBill = userBonds?.find((bill) => bill.bond?.billType === 'lpStaking' &&
+        bill.id === userBillProp?.id &&
+        bill.bond?.chainId === userBillProp?.bond?.chainId) ?? userBillProp;
+    // State
+    const [showNFTImg, setShowNFTImg] = useState(false);
+    // Static Data
+    // Right after a purchase the modal opens before REAL's API lists the position (see ModalHandlerLpStaking)
+    const isLoading = !userBill;
+    // REAL's API only prices a fresh purchase some minutes after it shows up, so 0 means it's still being indexed
+    const depositUSD = userBill?.nftData?.data?.dollarValue;
+    // Minimum position value for a purchase to earn the bonus, in the bonus token
+    const bonusThreshold = userBill?.lpStakingData?.bonusThreshold;
+    const payoutTokenPrice = parseFloat(userBill?.bond?.payoutTokenPrice ?? '0');
+    // The position's two pool tokens, as staked now
+    const stakedTokens = userBill?.lpStakingData ? [userBill.lpStakingData.token0, userBill.lpStakingData.token1] : [];
+    const payoutSymbol = userBill?.bond?.showcaseTokenName ?? userBill?.bond?.earnToken.symbol;
+    const payoutTokenSymbol = payoutSymbol === 'AIX' && userBill?.bond?.chainId === ChainId.SOL ? 'SOLAIX' : payoutSymbol;
+    // The same bond, if it's still on sale. Matched by index: the bill's copy of the bond has the bonus token as
+    // earnToken, so matching by earn token symbol like the regular Actions do wouldn't find it.
+    const liveBond = liveBonds?.find((bond) => !bond?.soldOut && !bond?.hide && bond.index === userBill?.bond?.index && bond.chainId === userBill?.bond?.chainId);
+    const canPurchaseAgain = !!liveBond;
+    const positionUrl = userBill?.lpStakingData?.positionUrl;
+    const poolRewards = userBill?.lpStakingData?.poolRewards;
+    // Cliff display info:
+    const vestingCliff = Number(userBill?.bond?.vestingCliff);
+    const currentTime = Math.round(new Date().getTime() / 1000);
+    const vestingStartTimestamp = parseInt(userBill?.vestingStartTimestamp ?? '0');
+    const isPendingCliff = vestingCliff ? currentTime - vestingStartTimestamp < vestingCliff : false;
+    const cliffCountdown = getTimePeriods(vestingStartTimestamp + (vestingCliff ?? 0) - currentTime, true);
+    // The cliff's length, from the campaign (90 days on mainnet, 5 minutes on the Sepolia test stack). Unknown (0)
+    // for purchases with no bonus.
+    const cliffPeriods = getTimePeriods(vestingCliff || 0, true);
+    const cliffLength = !vestingCliff
+        ? undefined
+        : cliffPeriods.days > 0
+            ? `${cliffPeriods.days} days`
+            : cliffPeriods.hours > 0
+                ? `${cliffPeriods.hours} hours`
+                : `${cliffPeriods.minutes} minutes`;
+    return (jsx(Modal, { className: clsx('ape:w-[480px] ape:[overflow-y:unset]! ape:p-0! ape:top-[56%] ape:overflow-x-visible', showNFTImg ? 'ape:bg-transparent!' : 'ape:bg-white2'), children: jsxs(Flex, { className: clsx('ape:flex-col ape:rounded-normal ape:relative ape:p-[20px]', showNFTImg ? 'ape:bg-transparent!' : 'ape:bg-white2'), children: [jsx(NftImage, { userBill: userBill, showNFTImg: showNFTImg, setShowNFTImg: setShowNFTImg }), !showNFTImg && (jsxs(Flex, { className: "ape:flex-col", children: [jsx(YourLpBondModalHeader, { userBill: userBill, onDismiss: onDismiss }), jsxs(Flex, { className: "ape:mt-[10px] ape:flex-col ape:gap-[10px]", children: [jsxs(Flex, { className: "ape:w-full ape:gap-[15px] ape:relative", children: [jsxs(Flex, { className: "ape:bg-white3 ape:rounded-normal ape:flex-col ape:md:flex-row ape:justify-center ape:md:justify-between ape:gap-[4px] ape:md:gap-0 ape:p-[10px] ape:w-1/2 ape:items-center ape:text-[14px]", children: [jsx(Flex, { children: "Deposit" }), isLoading ? (jsx(ValueSkeleton, { width: "60px" })) : depositUSD ? (jsxs(Flex, { children: ["$", formatNumberSI(depositUSD)] })) : (jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: ["Indexing...", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "Our services are indexing the tx and deposit amount will be calculated shortly" }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "block-header icon ape:text-white ape:font-normal ape:text-[12px]", children: jsx(QuestionCircle, { width: "12px" }) }) })] }))] }), jsx(Flex, { className: "ape:absolute ape:top-1/2 ape:left-1/2 ape:-translate-y-1/2 ape:-translate-x-1/2", children: jsx(Arrow, { direction: "right", width: '5px' }) }), jsxs(Flex, { className: "ape:bg-white3 ape:rounded-normal ape:flex-col ape:md:flex-row ape:justify-center ape:md:justify-between ape:gap-[4px] ape:md:gap-0 ape:p-[10px] ape:w-1/2 ape:items-center ape:text-[14px]", children: [jsx(Flex, { children: "Staked" }), jsxs(Flex, { className: "ape:flex-col ape:gap-[4px]", children: [isLoading && (jsxs(Fragment, { children: [jsx(ValueSkeleton, { width: "100px" }), jsx(ValueSkeleton, { width: "100px" })] })), stakedTokens.map((token) => (jsxs(Flex, { className: "ape:items-center ape:justify-center ape:md:justify-end ape:gap-[5px]", children: [jsxs(Flex, { className: "ape:text-[12px]", children: [formatNumberSI(token.amount), " ", token.symbol] }), jsxs(Flex, { className: "ape:text-[10px] ape:font-normal ape:opacity-60", children: ["($", formatNumberSI(token.amountUsd), ")"] })] }, token.address)))] })] })] }), lostProfit && (jsxs(Flex, { className: "ape:bg-white3 ape:rounded-normal ape:w-full ape:p-[10px] ape:justify-between", children: [jsx(Flex, { className: "ape:w-1/5", children: jsx("img", { src: `https://ape.bond/images/launch/mythical.png`, alt: "mythical", style: { width: '90px', height: '90px' } }) }), jsxs(Flex, { className: "ape:w-[75%] ape:flex-col ape:gap-[3px]", children: [jsxs(Flex, { children: ["You missed a", ' ', jsxs(Flex, { className: "ape:px-[3px]", style: { color: 'var(--ape-color-success)' }, children: ["$", lostProfit] }), ' ', "bonus"] }), jsx(Flex, { className: "ape:text-[12px] ape:font-normal", style: { lineHeight: '16px' }, children: "Holding an Ape Tier would\u2019ve gotten you an extra 5% bonus on this purchase and all future ones." }), jsx(Button, { variant: "secondary", className: "ape:w-full ape:text-[14px]! ape:h-[30px] ape:font-semibold", onClick: () => window.open('https://ape.bond/true-yield', '_blank'), children: "Upgrade Your Tier" })] })] })), jsxs(Flex, { className: "ape:flex-col ape:text-[12px] ape:font-normal", children: [jsxs(Flex, { className: "ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white3 ape:h-[26px] ape:rounded-[10px_10px_0px_0px]", children: [jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: [jsx(Flex, { className: "ape:opacity-60", children: "Bonus Reward" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: `Your Bonus Reward unlocks ${cliffLength} after your purchase. Unstaking before it unlocks forfeits the bonus. Once unlocked, you can claim it on REAL's site.` }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "block-header icon ape:text-white ape:font-normal ape:text-[12px]", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), isLoading ? (jsx(ValueSkeleton, { width: "90px" })) : (jsxs(Flex, { className: "ape:items-center", children: [jsxs(Text, { weight: 700, className: "ape:ml-[10px]", size: "12px", children: [formatNumberSI(pending(userBill) + claimable(userBill), 2), " ", payoutTokenSymbol] }), jsxs(Text, { weight: 400, className: "ape:ml-[5px] ape:opacity-60 ape:text-[10px]!", children: ["($", formatNumberSI(pendingUSD(userBill) + claimableUSD(userBill)), ")"] })] }))] }), jsxs(Flex, { className: "ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white4 ape:h-[26px]", children: [jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: [jsx(Flex, { className: "ape:opacity-60", children: "Claim Status" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: UserBillTooltipText.FullyVested }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "block-header icon ape:text-white ape:font-normal ape:text-[12px]", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsx(Flex, { className: "ape:items-center", children: isLoading ? (jsx(ValueSkeleton, { width: "90px" })) : userBill?.lpStakingData?.bonusStatus === null ? (jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: ["Not eligible", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: bonusThreshold !== undefined
+                                                                        ? `This sale was not eligible for Bonus Rewards as its value was below the minimum threshold of ${formatNumberSI(bonusThreshold)} ${payoutTokenSymbol} ($${formatNumberSI(bonusThreshold * payoutTokenPrice)}).`
+                                                                        : 'This sale was not eligible for Bonus Rewards as its value was below the minimum threshold.' }), width: "230px", placement: "bottomRight", transformTip: "translate(5%, 0%)", children: jsx(Flex, { className: "block-header icon ape:text-white ape:font-normal ape:text-[12px]", children: jsx(QuestionCircle, { width: "12px" }) }) })] })) : isPendingCliff ? (`Claiming starts in ${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`) : claimable(userBill) > 0 ? ('Claim now!') : claimed(userBill) > 0 ? ('Claimed') : (
+                                                    // Forfeited: unstaked before the cliff
+                                                    '-') })] }), jsxs(Flex, { className: "ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white3 ape:min-h-[26px] ape:md:h-[26px] ape:rounded-[0px_0px_10px_10px]", children: [jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: [jsx(Flex, { className: "ape:opacity-60", children: "Pool Rewards" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "Pool Rewards are accrued per epoch, by the position's weight among all staked positions, and only while it's in range." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "block-header icon ape:text-white ape:font-normal ape:text-[12px]", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsx(Flex, { className: "ape:flex-col ape:md:flex-row ape:items-end ape:md:items-center ape:gap-[2px] ape:md:gap-[10px]", children: isLoading ? (jsx(ValueSkeleton, { width: "90px" })) : poolRewards ? (poolRewards.map((reward, index) => (jsxs(React.Fragment, { children: [index > 0 && (jsx(Text, { as: "span", weight: 700, className: "ape:hidden ape:md:inline", size: "12px", children: "\u00B7" })), jsxs(Flex, { className: "ape:items-center ape:gap-[5px]", children: [jsxs(Text, { weight: 700, size: "12px", children: [formatNumberSI(reward.amount, 2), " ", reward.symbol] }), reward.amountUsd !== undefined && (jsxs(Flex, { className: "ape:text-[10px] ape:font-normal ape:opacity-60", children: ["($", formatNumberSI(reward.amountUsd), ")"] }))] })] }, reward.address)))) : ('-') })] })] }), userBill?.bond?.warningCard && (jsx(Flex, { className: "ape:w-full ape:justify-center ape:rounded-normal ape:bg-[#DE62F366]", children: jsx(Text, { as: "div", weight: 400, size: "12px", className: "ape:p-[4px_10px]", style: { lineHeight: '16px' }, children: jsx(SafeHTMLComponent, { html: userBill?.bond?.warningCard }) }) })), jsxs(Flex, { className: "ape:w-full ape:justify-between ape:gap-[10px] ape:md:gap-[15px] ape:h-[40px]", children: [jsx(Button, { className: "ape:w-full ape:text-[14px]!", disabled: !positionUrl, onClick: () => window.open(positionUrl, '_blank', 'noopener,noreferrer'), children: "Manage on REAL" }), isLoading ? (jsx(Button, { className: "ape:text-[14px]! ape:w-full", disabled: true, children: "Buy again" })) : canPurchaseAgain ? (jsx(Button, { className: "ape:text-[14px]! ape:w-full", onClick: () => (window.location.href = `/bonds?bondAddress=${liveBond.contractAddress[liveBond.chainId]}&bondChain=${liveBond.chainId}`), children: "Buy again" })) : (jsx("div", { className: "ape:w-full ape:flex ape:*:w-full ape:*:*:w-full", children: jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "Bond sold out" }), width: "150px", placement: "topRight", children: jsx(Button, { className: "ape:text-[14px]! ape:w-full ape:pointer-events-none", disabled: true, children: "Buy again" }) }) }))] })] })] }))] }) }));
+};
+
+export { YourLpStakingBondModal as default };
+//# sourceMappingURL=YourLpStakingBondModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YourLpStakingBondModal.js","sources":["../../../../../src/adapters/evm/views/lpStaking/YourLpStakingBondModal.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport clsx from 'clsx'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { UserBillTooltipText } from '../../../../config/constants/tooltips'\nimport { claimable, claimableUSD, claimed, pending, pendingUSD } from '../../../../utils/displayHelpers'\nimport { getTimePeriods } from '../../../../utils/getTimePeriods'\nimport SafeHTMLComponent from '../../../../components/SafeHTMLComponent'\nimport NFTImage from '../../../../views/YourBondsModal/components/NFTImage/NFTImage'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport Text from '../../../../components/uikit-sdk/Text'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport useUserBonds from '../../../../state/bonds/useUserBonds'\nimport Arrow from '../../../../components/uikit-sdk/Svg/Icons/Arrow'\nimport QuestionCircle from '../../../../components/uikit-sdk/Svg/Icons/QuestionCircle'\nimport Skeleton from '../../../../components/uikit-sdk/Skeleton'\nimport YourLpBondModalHeader from './YourLpBondModalHeader'\n\n// Stands in for a value while the position isn't loaded yet\nconst ValueSkeleton = ({ width }: { width: string }) => (\n  <Skeleton animation=\"waves\" style={{ width, height: '14px', borderRadius: 'var(--ape-radius-normal)' }} />\n)\n\nconst YourLpStakingBondModal = ({\n  userBill: userBillProp,\n  lostProfit,\n  onDismiss,\n}: {\n  userBill?: UserBill\n  lostProfit?: string\n  onDismiss?: () => void\n}) => {\n  // Hooks\n  const { data: liveBonds } = useBondsData()\n  // Subscribes the modal to the user bonds query (refetched every 2 minutes), so the position updates while it's\n  // open: the bill passed in is a snapshot from when the modal was opened (e.g. the deposit still \"Indexing...\")\n  const { data: userBonds } = useUserBonds()\n  const userBill =\n    userBonds?.find(\n      (bill) =>\n        bill.bond?.billType === 'lpStaking' &&\n        bill.id === userBillProp?.id &&\n        bill.bond?.chainId === userBillProp?.bond?.chainId,\n    ) ?? userBillProp\n\n  // State\n  const [showNFTImg, setShowNFTImg] = useState(false)\n\n  // Static Data\n  // Right after a purchase the modal opens before REAL's API lists the position (see ModalHandlerLpStaking)\n  const isLoading = !userBill\n  // REAL's API only prices a fresh purchase some minutes after it shows up, so 0 means it's still being indexed\n  const depositUSD = userBill?.nftData?.data?.dollarValue\n  // Minimum position value for a purchase to earn the bonus, in the bonus token\n  const bonusThreshold = userBill?.lpStakingData?.bonusThreshold\n  const payoutTokenPrice = parseFloat(userBill?.bond?.payoutTokenPrice ?? '0')\n  // The position's two pool tokens, as staked now\n  const stakedTokens = userBill?.lpStakingData ? [userBill.lpStakingData.token0, userBill.lpStakingData.token1] : []\n  const payoutSymbol = userBill?.bond?.showcaseTokenName ?? userBill?.bond?.earnToken.symbol\n  const payoutTokenSymbol = payoutSymbol === 'AIX' && userBill?.bond?.chainId === ChainId.SOL ? 'SOLAIX' : payoutSymbol\n  // The same bond, if it's still on sale. Matched by index: the bill's copy of the bond has the bonus token as\n  // earnToken, so matching by earn token symbol like the regular Actions do wouldn't find it.\n  const liveBond = liveBonds?.find(\n    (bond) =>\n      !bond?.soldOut && !bond?.hide && bond.index === userBill?.bond?.index && bond.chainId === userBill?.bond?.chainId,\n  )\n  const canPurchaseAgain = !!liveBond\n  const positionUrl = userBill?.lpStakingData?.positionUrl\n  const poolRewards = userBill?.lpStakingData?.poolRewards\n\n  // Cliff display info:\n  const vestingCliff = Number(userBill?.bond?.vestingCliff)\n  const currentTime = Math.round(new Date().getTime() / 1000)\n  const vestingStartTimestamp = parseInt(userBill?.vestingStartTimestamp ?? '0')\n  const isPendingCliff = vestingCliff ? currentTime - vestingStartTimestamp < vestingCliff : false\n  const cliffCountdown = getTimePeriods(vestingStartTimestamp + (vestingCliff ?? 0) - currentTime, true)\n  // The cliff's length, from the campaign (90 days on mainnet, 5 minutes on the Sepolia test stack). Unknown (0)\n  // for purchases with no bonus.\n  const cliffPeriods = getTimePeriods(vestingCliff || 0, true)\n  const cliffLength = !vestingCliff\n    ? undefined\n    : cliffPeriods.days > 0\n      ? `${cliffPeriods.days} days`\n      : cliffPeriods.hours > 0\n        ? `${cliffPeriods.hours} hours`\n        : `${cliffPeriods.minutes} minutes`\n\n  return (\n    <Modal\n      className={clsx(\n        'ape:w-[480px] ape:[overflow-y:unset]! ape:p-0! ape:top-[56%] ape:overflow-x-visible',\n        showNFTImg ? 'ape:bg-transparent!' : 'ape:bg-white2',\n      )}\n    >\n      <Flex\n        className={clsx(\n          'ape:flex-col ape:rounded-normal ape:relative ape:p-[20px]',\n          showNFTImg ? 'ape:bg-transparent!' : 'ape:bg-white2',\n        )}\n      >\n        <NFTImage userBill={userBill} showNFTImg={showNFTImg} setShowNFTImg={setShowNFTImg} />\n\n        {/* Modal Content */}\n\n        {!showNFTImg && (\n          <Flex className=\"ape:flex-col\">\n            <YourLpBondModalHeader userBill={userBill} onDismiss={onDismiss} />\n            <Flex className=\"ape:mt-[10px] ape:flex-col ape:gap-[10px]\">\n              <Flex className=\"ape:w-full ape:gap-[15px] ape:relative\">\n                {/* On mobile the label goes on top and the amount below it */}\n                <Flex className=\"ape:bg-white3 ape:rounded-normal ape:flex-col ape:md:flex-row ape:justify-center ape:md:justify-between ape:gap-[4px] ape:md:gap-0 ape:p-[10px] ape:w-1/2 ape:items-center ape:text-[14px]\">\n                  <Flex>Deposit</Flex>\n                  {isLoading ? (\n                    <ValueSkeleton width=\"60px\" />\n                  ) : depositUSD ? (\n                    <Flex>${formatNumberSI(depositUSD)}</Flex>\n                  ) : (\n                    <Flex className=\"ape:items-center ape:gap-[5px]\">\n                      Indexing...\n                      <TooltipBubble\n                        className=\"tooltip-bubble\"\n                        body={\n                          <Flex>Our services are indexing the tx and deposit amount will be calculated shortly</Flex>\n                        }\n                        width=\"230px\"\n                        placement=\"bottomLeft\"\n                        transformTip=\"translate(-5%, 0%)\"\n                      >\n                        <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n                          <QuestionCircle width=\"12px\" />\n                        </Flex>\n                      </TooltipBubble>\n                    </Flex>\n                  )}\n                </Flex>\n                <Flex className=\"ape:absolute ape:top-1/2 ape:left-1/2 ape:-translate-y-1/2 ape:-translate-x-1/2\">\n                  <Arrow direction=\"right\" width={'5px'} />\n                </Flex>\n                <Flex className=\"ape:bg-white3 ape:rounded-normal ape:flex-col ape:md:flex-row ape:justify-center ape:md:justify-between ape:gap-[4px] ape:md:gap-0 ape:p-[10px] ape:w-1/2 ape:items-center ape:text-[14px]\">\n                  <Flex>Staked</Flex>\n                  <Flex className=\"ape:flex-col ape:gap-[4px]\">\n                    {isLoading && (\n                      <>\n                        <ValueSkeleton width=\"100px\" />\n                        <ValueSkeleton width=\"100px\" />\n                      </>\n                    )}\n                    {stakedTokens.map((token) => (\n                      <Flex\n                        key={token.address}\n                        className=\"ape:items-center ape:justify-center ape:md:justify-end ape:gap-[5px]\"\n                      >\n                        <Flex className=\"ape:text-[12px]\">\n                          {formatNumberSI(token.amount)} {token.symbol}\n                        </Flex>\n                        <Flex className=\"ape:text-[10px] ape:font-normal ape:opacity-60\">\n                          (${formatNumberSI(token.amountUsd)})\n                        </Flex>\n                      </Flex>\n                    ))}\n                  </Flex>\n                </Flex>\n              </Flex>\n              {lostProfit && (\n                <Flex className=\"ape:bg-white3 ape:rounded-normal ape:w-full ape:p-[10px] ape:justify-between\">\n                  <Flex className=\"ape:w-1/5\">\n                    <img\n                      src={`https://ape.bond/images/launch/mythical.png`}\n                      alt=\"mythical\"\n                      style={{ width: '90px', height: '90px' }}\n                    />\n                  </Flex>\n                  <Flex className=\"ape:w-[75%] ape:flex-col ape:gap-[3px]\">\n                    <Flex>\n                      You missed a{' '}\n                      <Flex className=\"ape:px-[3px]\" style={{ color: 'var(--ape-color-success)' }}>\n                        ${lostProfit}\n                      </Flex>{' '}\n                      bonus\n                    </Flex>\n                    <Flex className=\"ape:text-[12px] ape:font-normal\" style={{ lineHeight: '16px' }}>\n                      Holding an Ape Tier would’ve gotten you an extra 5% bonus on this purchase and all future ones.\n                    </Flex>\n                    <Button\n                      variant=\"secondary\"\n                      className=\"ape:w-full ape:text-[14px]! ape:h-[30px] ape:font-semibold\"\n                      onClick={() => window.open('https://ape.bond/true-yield', '_blank')}\n                    >\n                      Upgrade Your Tier\n                    </Button>\n                  </Flex>\n                </Flex>\n              )}\n              <Flex className=\"ape:flex-col ape:text-[12px] ape:font-normal\">\n                <Flex className=\"ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white3 ape:h-[26px] ape:rounded-[10px_10px_0px_0px]\">\n                  <Flex className=\"ape:items-center ape:gap-[5px]\">\n                    <Flex className=\"ape:opacity-60\">Bonus Reward</Flex>\n                    <TooltipBubble\n                      className=\"tooltip-bubble\"\n                      body={\n                        <Flex>\n                          {`Your Bonus Reward unlocks ${cliffLength} after your purchase. Unstaking before it unlocks forfeits the bonus. Once unlocked, you can claim it on REAL's site.`}\n                        </Flex>\n                      }\n                      width=\"230px\"\n                      placement=\"bottomLeft\"\n                      transformTip=\"translate(-5%, 0%)\"\n                    >\n                      <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n                        <QuestionCircle width=\"12px\" />\n                      </Flex>\n                    </TooltipBubble>\n                  </Flex>\n                  {isLoading ? (\n                    <ValueSkeleton width=\"90px\" />\n                  ) : (\n                    <Flex className=\"ape:items-center\">\n                      <Text weight={700} className=\"ape:ml-[10px]\" size=\"12px\">\n                        {/* The bonus, locked or claimable; 0 once claimed */}\n                        {formatNumberSI(pending(userBill) + claimable(userBill), 2)} {payoutTokenSymbol}\n                      </Text>\n                      <Text weight={400} className=\"ape:ml-[5px] ape:opacity-60 ape:text-[10px]!\">\n                        (${formatNumberSI(pendingUSD(userBill) + claimableUSD(userBill))})\n                      </Text>\n                    </Flex>\n                  )}\n                </Flex>\n                <Flex className=\"ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white4 ape:h-[26px]\">\n                  <Flex className=\"ape:items-center ape:gap-[5px]\">\n                    <Flex className=\"ape:opacity-60\">Claim Status</Flex>\n                    <TooltipBubble\n                      className=\"tooltip-bubble\"\n                      body={<Flex>{UserBillTooltipText.FullyVested}</Flex>}\n                      width=\"230px\"\n                      placement=\"bottomLeft\"\n                      transformTip=\"translate(-5%, 0%)\"\n                    >\n                      <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n                        <QuestionCircle width=\"12px\" />\n                      </Flex>\n                    </TooltipBubble>\n                  </Flex>\n                  <Flex className=\"ape:items-center\">\n                    {isLoading ? (\n                      <ValueSkeleton width=\"90px\" />\n                    ) : userBill?.lpStakingData?.bonusStatus === null ? (\n                      // The purchase was below the campaign's minimum bonus, so it has no bonus at all\n                      <Flex className=\"ape:items-center ape:gap-[5px]\">\n                        Not eligible\n                        <TooltipBubble\n                          className=\"tooltip-bubble\"\n                          body={\n                            <Flex>\n                              {bonusThreshold !== undefined\n                                ? `This sale was not eligible for Bonus Rewards as its value was below the minimum threshold of ${formatNumberSI(bonusThreshold)} ${payoutTokenSymbol} ($${formatNumberSI(bonusThreshold * payoutTokenPrice)}).`\n                                : 'This sale was not eligible for Bonus Rewards as its value was below the minimum threshold.'}\n                            </Flex>\n                          }\n                          width=\"230px\"\n                          placement=\"bottomRight\"\n                          transformTip=\"translate(5%, 0%)\"\n                        >\n                          <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n                            <QuestionCircle width=\"12px\" />\n                          </Flex>\n                        </TooltipBubble>\n                      </Flex>\n                    ) : isPendingCliff ? (\n                      `Claiming starts in ${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`\n                    ) : claimable(userBill) > 0 ? (\n                      'Claim now!'\n                    ) : claimed(userBill) > 0 ? (\n                      'Claimed'\n                    ) : (\n                      // Forfeited: unstaked before the cliff\n                      '-'\n                    )}\n                  </Flex>\n                </Flex>\n                {/* On mobile the rewards stack one per line, so the row grows to fit them */}\n                <Flex className=\"ape:w-full ape:justify-between ape:items-center ape:p-[4px_10px] ape:bg-white3 ape:min-h-[26px] ape:md:h-[26px] ape:rounded-[0px_0px_10px_10px]\">\n                  <Flex className=\"ape:items-center ape:gap-[5px]\">\n                    <Flex className=\"ape:opacity-60\">Pool Rewards</Flex>\n                    <TooltipBubble\n                      className=\"tooltip-bubble\"\n                      body={\n                        <Flex>\n                          Pool Rewards are accrued per epoch, by the position&apos;s weight among all staked positions,\n                          and only while it&apos;s in range.\n                        </Flex>\n                      }\n                      width=\"230px\"\n                      placement=\"bottomLeft\"\n                      transformTip=\"translate(-5%, 0%)\"\n                    >\n                      <Flex className=\"block-header icon ape:text-white ape:font-normal ape:text-[12px]\">\n                        <QuestionCircle width=\"12px\" />\n                      </Flex>\n                    </TooltipBubble>\n                  </Flex>\n                  <Flex className=\"ape:flex-col ape:md:flex-row ape:items-end ape:md:items-center ape:gap-[2px] ape:md:gap-[10px]\">\n                    {isLoading ? (\n                      <ValueSkeleton width=\"90px\" />\n                    ) : poolRewards ? (\n                      poolRewards.map((reward, index) => (\n                        <React.Fragment key={reward.address}>\n                          {/* Separator between the rewards on one line; on mobile they're stacked instead */}\n                          {index > 0 && (\n                            <Text as=\"span\" weight={700} className=\"ape:hidden ape:md:inline\" size=\"12px\">\n                              ·\n                            </Text>\n                          )}\n                          <Flex className=\"ape:items-center ape:gap-[5px]\">\n                            <Text weight={700} size=\"12px\">\n                              {formatNumberSI(reward.amount, 2)} {reward.symbol}\n                            </Text>\n                            {reward.amountUsd !== undefined && (\n                              <Flex className=\"ape:text-[10px] ape:font-normal ape:opacity-60\">\n                                (${formatNumberSI(reward.amountUsd)})\n                              </Flex>\n                            )}\n                          </Flex>\n                        </React.Fragment>\n                      ))\n                    ) : (\n                      '-'\n                    )}\n                  </Flex>\n                </Flex>\n              </Flex>\n              {userBill?.bond?.warningCard && (\n                <Flex className=\"ape:w-full ape:justify-center ape:rounded-normal ape:bg-[#DE62F366]\">\n                  <Text as=\"div\" weight={400} size=\"12px\" className=\"ape:p-[4px_10px]\" style={{ lineHeight: '16px' }}>\n                    <SafeHTMLComponent html={userBill?.bond?.warningCard} />\n                  </Text>\n                </Flex>\n              )}\n              <Flex className=\"ape:w-full ape:justify-between ape:gap-[10px] ape:md:gap-[15px] ape:h-[40px]\">\n                {/* Every claim (bonus and pool rewards) happens on REAL's site, on the position's page */}\n                <Button\n                  className=\"ape:w-full ape:text-[14px]!\"\n                  disabled={!positionUrl}\n                  onClick={() => window.open(positionUrl, '_blank', 'noopener,noreferrer')}\n                >\n                  Manage on REAL\n                </Button>\n                {isLoading ? (\n                  // Not known yet whether the bond is still on sale, so no \"sold out\" tooltip\n                  <Button className=\"ape:text-[14px]! ape:w-full\" disabled>\n                    Buy again\n                  </Button>\n                ) : canPurchaseAgain ? (\n                  <Button\n                    className=\"ape:text-[14px]! ape:w-full\"\n                    onClick={() =>\n                      (window.location.href = `/bonds?bondAddress=${liveBond.contractAddress[liveBond.chainId]}&bondChain=${liveBond.chainId}`)\n                    }\n                  >\n                    Buy again\n                  </Button>\n                ) : (\n                  // The tooltip's wrappers are sized to their content, so they're stretched to the button's half.\n                  // The disabled button lets the pointer through, so hovering or tapping it opens the tooltip.\n                  <div className=\"ape:w-full ape:flex ape:*:w-full ape:*:*:w-full\">\n                    <TooltipBubble\n                      className=\"tooltip-bubble\"\n                      body={<Flex>Bond sold out</Flex>}\n                      width=\"150px\"\n                      placement=\"topRight\"\n                    >\n                      <Button className=\"ape:text-[14px]! ape:w-full ape:pointer-events-none\" disabled>\n                        Buy again\n                      </Button>\n                    </TooltipBubble>\n                  </div>\n                )}\n              </Flex>\n            </Flex>\n          </Flex>\n        )}\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default YourLpStakingBondModal\n"],"names":["_jsx","_jsxs","NFTImage","_Fragment"],"mappings":"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"}

package/dist/adapters/types.d.ts

@@ -37,17 +37,20 @@ export type TokenBalance = {
     address: string;
     balance: string;
 };
+/** A bond type's own modal flow (buy, then what follows it), opened from the bond list and from URL params. */
+export interface BondModalHandlerProps {
+    bondAddress: string;
+    bondChain: number;
+    onDismiss?: () => void;
+    isProjectView?: boolean;
+}
 /** PreTGE / launch bonds and their Yield variant (EVM-only today). */
 export interface PreTGEAdapter {
     fetchBondsData(chainId: ChainId, tokenPrices: Partial<Record<ChainId, TokenPrices[]>>, bonds: PreTGEConfig[], apiUrl: string): Promise<BondsData[]>;
     /** Read by core's useUserBondsPreTGE; a plain function, so core owns the query (no adapter hooks in core). */
     fetchUserBonds(chains: number[], tokenPrices: Partial<Record<ChainId, TokenPrices[]>>, preTGEList: PreTGEConfig[], account: string, apiUrl: string): Promise<PreTGEUserBonds[]>;
     /** Buy flow of a PreTGE bond, opened from the bond list and from URL params. */
-    ModalHandler: React.FC<{
-        bondAddress: string;
-        bondChain: number;
-        onDismiss?: () => void;
-    }>;
+    ModalHandler: React.FC<BondModalHandlerProps>;
     UserBondRow: React.FC<{
         userBond: PreTGEUserBonds;
     }>;
@@ -55,6 +58,17 @@ export interface PreTGEAdapter {
         userBond: PreTGEUserBonds;
     }>;
 }
+/** LP staking bonds (`billType === 'lpStaking'`, EVM-only today), with their own buy flow apart from regular bonds. */
+export interface LpStakingAdapter {
+    /** Buy flow opened from the bond list and from URL params; owns what is shown after a purchase. */
+    ModalHandler: React.FC<BondModalHandlerProps>;
+    /** The buy form alone, rendered by `ChainBuyComponent` (SingleBond, ProjectView, hot bonds, BuyBondModal). */
+    BuyComponent: React.FC<ChainBuyComponentProps>;
+    /** A purchased LP staking position in Your Bonds (with its own modal) */
+    UserBondRow: React.FC<{
+        bill: UserBill;
+    }>;
+}
 /**
  * A chain family's integration (EVM, Solana, Aptos, Sui). Core code reaches chain-specific code only through
  * registered adapters, never by importing it, so a consumer only installs the libraries of the families it uses.
@@ -94,6 +108,7 @@ export interface ChainAdapter {
     /** Tier points of an address. Tiers live on an EVM lens contract, so only the EVM adapter provides this. */
     getTierPoints?(account: string, apiUrl: string): Promise<TierPoints>;
     preTGE?: PreTGEAdapter;
+    lpStaking?: LpStakingAdapter;
 }
 export interface BridgeModalProps {
     bondChain: ChainId;