@ape.swap/bonds-sdk 3.0.15 → 3.0.18

package/dist/state/bonds/useBondsData.d.ts

@@ -2,5 +2,8 @@ import { UseQueryResult } from '@tanstack/react-query';
 import { BondsData } from '../../types/bonds';
 import { TokenPrices } from '../tokenPrices/useTokenPrices';
 import { BillsConfig } from '@ape.swap/apeswap-lists';
+import BigNumber from 'bignumber.js';
 export default function useBondsData(): UseQueryResult<BondsData[]>;
-export declare const getBondsData: (realTimeApiURL: string, tokenPrices?: TokenPrices[], bondList?: BillsConfig[]) => Promise<BondsData[]>;
+export declare const getBondsData: (chains: number[], realTimeApiURL: string, tokenPrices?: TokenPrices[], bondList?: BillsConfig[]) => Promise<BondsData[]>;
+export declare const getBonusWithFee: (feeInPayout: number, trueBillPrice: BigNumber, lpPrice: number, earnTokenPrice: number) => number;
+export declare const getRawBonus: (trueBillPrice: any, lpPrice: number, earnTokenPrice: number) => number;

package/dist/state/bonds/useGetBondRecommendations.d.ts

@@ -24,5 +24,5 @@ export interface BondRecommendation {
     tags: string[];
     arr: number;
 }
-export declare const getBondRecommendations: (apiV2URL: string, user?: string, contract?: string, limit?: string) => Promise<BondRecommendation[]>;
+export declare const getBondRecommendations: (apiV2URL: string, user?: string, contract?: string, limit?: string, chains?: number[]) => Promise<BondRecommendation[]>;
 export default function useGetBondRecommendations(user?: string, contract?: string, limit?: string): import("@tanstack/react-query").UseQueryResult<BondRecommendation[], Error>;

package/dist/state/bonds/useTierProofSignature.d.ts

@@ -0,0 +1,4 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { ChainId } from '@ape.swap/apeswap-lists';
+export default function useTierProofSignature(bondAddress?: string, chainId?: ChainId, isUserRestricted?: boolean): UseQueryResult<string>;
+export declare const getTierProofSig: (apiAddress: string, account: string, bondAddress: string, chainId: ChainId) => Promise<string | null>;

package/dist/state/bonds/useUserApiStats.d.ts

@@ -19,4 +19,4 @@ export interface UserApiStats {
     Sales: Sales[];
 }
 export declare const getUserApiStats: (account?: string) => Promise<UserApiStats | null>;
-export default function useUserApiStats(): import("@tanstack/react-query").UseQueryResult<UserApiStats | null, Error>;
+export default function useUserApiStats(): import("@tanstack/react-query").UseQueryResult<UserApiStats, Error>;

package/dist/state/price/useCurrencyPrice.d.ts

@@ -1,3 +1,3 @@
 import { ChainId } from '@ape.swap/apeswap-lists';
 import { Token } from '@ape.swap/apeswap-lists';
-export default function useCurrencyPrice(currency: 'NATIVE' | Token | null, chainId: ChainId | null): import("../tokenPrices/useTokenPrices").TokenPrices | undefined;
+export default function useCurrencyPrice(currency: 'NATIVE' | Token | null, chainId: ChainId | null): import("../tokenPrices/useTokenPrices").TokenPrices;

package/dist/state/tiers/useTierPoints.d.ts

@@ -0,0 +1,32 @@
+import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
+export declare const boostMap: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+export declare const TIERS_COLORS: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+export declare const TIERS_WEIGHT: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+export declare const TIERS_NAMES: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+export declare const getUserTier: (weight: string) => LaunchBondTiers | null;
+export declare const fetchUserPoints: (account?: string, useTiers?: boolean) => Promise<string | null>;
+export default function useTierPoints(): import("@tanstack/react-query").UseQueryResult<string, Error>;

package/dist/state/tokenPrices/useTokenPrices.d.ts

@@ -8,6 +8,6 @@ export interface TokenPrices {
     chainId: ChainId | undefined;
 }
 export default function useTokenPrices(): UseQueryResult<TokenPrices[]>;
-export declare const getTokenPrices: (apeswapListsURL: string) => Promise<TokenPrices[]>;
+export declare const getTokenPrices: (apeswapListsURL: string, chains: number[]) => Promise<TokenPrices[]>;
 export declare const getDexScreenerChainName: (chainId: ChainId) => string | undefined;
 export declare function getTokenPricesV3FromPriceGetter(tokensToCall: Record<string, Token>, chain: ChainId): Promise<any>;

package/dist/state/useSDKConfig.d.ts

@@ -2,13 +2,12 @@ export interface SDKProps {
     referenceId: string;
     chains: number[];
     useRainbowKit: boolean;
-    useHotBonds: boolean;
-    modalVariant?: 'alt' | 'standard';
+    useHotBonds?: boolean;
+    useTiers?: boolean;
     urls?: Partial<Record<URLKeys, string>>;
     theme?: any;
 }
 export declare const useSDKConfig: (config?: SDKProps) => {
-    modalVariant: string;
     urls: {
         apiV2: string;
         realTimeApi: string;
@@ -16,10 +15,11 @@ export declare const useSDKConfig: (config?: SDKProps) => {
         mainUrl: string;
     };
     highestCompatibleVersion: string;
-    referenceId?: string | undefined;
-    chains?: number[] | undefined;
-    useRainbowKit?: boolean | undefined;
-    useHotBonds?: boolean | undefined;
+    referenceId: string;
+    chains: number[];
+    useRainbowKit: boolean;
+    useHotBonds: boolean;
+    useTiers: boolean;
     theme?: any;
 };
 export type URLKeys = 'apiV2' | 'realTimeApi' | 'apeswapLists' | 'mainUrl';

package/dist/state/zap/useSoulZapBondQuote.d.ts

@@ -1,4 +1,4 @@
 import { Token } from '@ape.swap/apeswap-lists';
 import { BondsData } from '../../types/bonds';
-declare const useSoulZapBondQuote: (typedValue: string, inputCurrency: "NATIVE" | Token | undefined, bond: BondsData | undefined, account?: string) => [loading: boolean, response: any, depositAmount: string, error: boolean, trueBondPrice: string | undefined];
+declare const useSoulZapBondQuote: (typedValue: string, inputCurrency: "NATIVE" | Token | undefined, bond: BondsData | undefined, account?: string, tierProofSig?: string) => [loading: boolean, response: any, depositAmount: string, error: boolean, trueBondPrice: string | undefined];
 export default useSoulZapBondQuote;

package/dist/styles.css

@@ -62,6 +62,7 @@
 
 .bonds-cards {
   display: flex;
+  width: 100%;
   flex-direction: column;
 }
 @media screen and (min-width: 800px) {
@@ -222,8 +223,9 @@
 
 .price-container.price {
   font-size: 14px;
-  color: var(--theme-ui-colors-gray);
   text-decoration: line-through;
+  opacity: 0.5;
+  font-weight: 600;
 }
 
 .price-container.discounted {
@@ -271,7 +273,6 @@
   color: white;
   font-weight: 400;
   font-size: 12px;
-  padding-bottom: 5px;
 }
 
 .header-icon {
@@ -331,6 +332,7 @@
 .row-container {
   display: flex;
   font-weight: 400;
+  align-items: center;
 }
 
 .row-container.spend {
@@ -389,6 +391,7 @@
   align-items: center;
   justify-content: space-between;
   opacity: 0.8;
+  padding-left: 6px;
 }
 
 .balancerow.text {
@@ -426,7 +429,6 @@
   border: medium;
   padding-right: 10px;
   width: 100%;
-  height: 50px;
   font-size: 22px;
 }
 .input-container.input Input {
@@ -465,11 +467,12 @@
   justify-content: center;
   align-items: center;
   cursor: pointer;
-  width: 35%;
+  width: 45%;
   min-width: 130px;
 }
 .button-container.get .action-button {
   margin-right: 10px;
+  padding: 9px 5px;
 }
 
 .button-container.buy {
@@ -614,6 +617,7 @@ span.flex-inline {
   background-color: var(--theme-ui-colors-white2);
   cursor: pointer;
   margin-bottom: 5px;
+  justify-content: space-between;
 }
 .bond-row:hover {
   background-color: var(--theme-ui-colors-white3);
@@ -636,13 +640,13 @@ span.flex-inline {
 }
 .bond-row .bond-info-columns .discount-column {
   display: flex;
-  width: 85px;
+  width: 170px;
   align-items: flex-end;
   justify-content: center;
 }
 .bond-row .bond-info-columns .arr-column {
   display: none;
-  width: 85px;
+  width: 170px;
   align-items: flex-end;
   justify-content: center;
 }
@@ -790,14 +794,14 @@ span.flex-inline {
 }
 .bonds-menu .discount-header {
   display: flex;
-  width: 85px;
+  width: 170px;
   align-items: flex-end;
   justify-content: center;
   cursor: pointer;
 }
 .bonds-menu .arr-header {
   display: none;
-  width: 85px;
+  width: 170px;
   align-items: flex-end;
   justify-content: center;
   cursor: pointer;
@@ -1459,12 +1463,13 @@ span.flex-inline {
   width: 50%;
   font-size: 12px;
   font-weight: 400;
-  opacity: 0.6;
   line-height: 14px;
 }
 
 .yourbondinfo-block.header-title {
   align-items: center;
+  display: flex;
+  opacity: 0.6;
 }
 
 .yourbondinfo-block.header-tooltip {
@@ -1475,6 +1480,7 @@ span.flex-inline {
   padding-left: 5px;
   align-items: flex-start;
   cursor: pointer;
+  opacity: 0.6;
 }
 
 .yourbondinfo-block.info {
@@ -1527,7 +1533,7 @@ span.flex-inline {
 }
 @media screen and (min-width: 1000px) {
   .yourbondinfo-block.row-vested {
-    margin-bottom: 10px;
+    margin-bottom: 8px;
     border-radius: 10px;
     height: 40px;
   }
@@ -1548,7 +1554,7 @@ span.flex-inline {
 }
 @media screen and (min-width: 1000px) {
   .yourbondinfo-block.row-pending {
-    margin-bottom: 10px;
+    margin-bottom: 8px;
     border-radius: 10px;
     height: 40px;
   }
@@ -1570,7 +1576,7 @@ span.flex-inline {
 }
 @media screen and (min-width: 1000px) {
   .yourbondinfo-block.row-claimable {
-    margin-bottom: 10px;
+    margin-bottom: 8px;
     border-radius: 10px;
     height: 40px;
   }

package/dist/theme/base.d.ts

@@ -1,4 +1,13 @@
-import { MediaQueries } from './types';
+export type MediaQueries = {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    xxxl: string;
+    nav: string;
+};
 export declare const breakpointMap: {
     [key: string]: number;
 };

package/dist/theme/components.d.ts

@@ -1,11 +1,3 @@
-export declare const buttonHover: {
-    '&:not([disabled])': {
-        borderColor: string;
-        background: string;
-        opacity: number;
-    };
-    '&:disabled': {};
-};
 export declare const textUnderlineHover: {
     '::after': {
         content: string;

package/dist/types/bonds.d.ts

@@ -1,19 +1,22 @@
-import { ChainId, LaunchBondTiers, Token } from '@ape.swap/apeswap-lists';
+import { BillVersion, ChainId, LaunchBondTiers, Token } from '@ape.swap/apeswap-lists';
+export interface TrueBondPrices {
+    points: string;
+    trueBondPrice: string;
+    bonus: number;
+    bonusWithFee: number;
+}
 export interface BondsData {
     index?: number;
     cmcId?: number;
     chainId: ChainId;
     type: string;
-    discount: number;
-    bonus: number;
+    trueBondPrices: TrueBondPrices[];
     version: string;
-    bonusWithFee: number;
     feeInPayout?: number;
     billAddress?: string;
     billNftAddress: string;
     soldOut?: boolean;
     inactive?: boolean;
-    trueBillPrice: string;
     maxTotalPayout: string;
     totalPayoutGiven: string;
     maxPayout: string;
@@ -32,4 +35,5 @@ export interface BondsData {
     earnToken: Token;
     lpToken: Token;
     minTier?: LaunchBondTiers;
+    billVersion?: BillVersion;
 }

package/dist/utils/displayHelpers.d.ts

@@ -23,11 +23,9 @@ export declare const discountEarnTokenPrice: (bond: BondsData) => string;
 export declare const maxBuy: (bond: BondsData) => 0 | BigNumber;
 export declare function formatNumber(input: string): string;
 export declare function formatUSDNumber(input: string): string;
-export declare const youSpend: (inputValue: string) => string;
 export declare const youSpendUSD: (bond: BondsData, inputValue: string) => string;
-export declare const getRawPayoutAmount: (bond?: BondsData, inputValue?: string) => number;
-export declare const getPayoutAmount: (bond?: BondsData, inputValue?: string) => number;
-export declare const youGetUSD: (bond: BondsData, inputValue: string) => string;
-export declare const getRawBonus: (bond?: BondsData, inputValue?: string) => string;
-export declare const getFeeAmount: (bond?: BondsData, inputValue?: string) => number;
+export declare const getPayoutAmount: (bond?: BondsData, inputValue?: string, userPoints?: string) => number;
+export declare const youGetUSD: (bond: BondsData, inputValue: string, userPoints: string) => string;
+export declare const getRawBonus: (bond?: BondsData, inputValue?: string, userPoints?: string) => string;
+export declare const getFeeAmount: (bond?: BondsData, inputValue?: string, userPoints?: string) => number;
 export declare const getBonusColor: (premiumString: string) => string;

package/dist/utils/getNativeTicker.d.ts

@@ -1,2 +1,2 @@
 import { ChainId, Token } from '@ape.swap/apeswap-lists';
-export declare const getSymbol: (token?: Token | "NATIVE", chainId?: ChainId) => string | undefined;
+export declare const getSymbol: (token?: Token | "NATIVE", chainId?: ChainId) => string;

package/dist/utils/remove0xPrefix.d.ts

@@ -1 +1 @@
-export declare const remove0xPrefix: (str?: string) => string | undefined;
+export declare const remove0xPrefix: (str?: string) => string;

package/dist/views/Bonds/Bonds.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-type SortableKeys = 'discount' | 'arr' | 'terms' | 'tokensRemaining';
+type SortableKeys = 'bonus' | 'arr' | 'terms' | 'tokensRemaining';
 type SortDirection = 'asc' | 'desc';
 export interface SortOptions {
     key: SortableKeys;

package/dist/views/Bonds/components/BondsMenu/BondsMenu.d.ts

@@ -7,7 +7,7 @@ interface BondRowHeaderProps {
     filterOptions: string[];
     filterOption: string;
     setFilterOption: (newOption: string) => void;
-    onSort: (key: 'discount' | 'arr' | 'terms' | 'tokensRemaining') => void;
+    onSort: (key: 'bonus' | 'arr' | 'terms' | 'tokensRemaining') => void;
 }
 declare const BondsMenu: React.FC<BondRowHeaderProps>;
 export default BondsMenu;

package/dist/views/Bonds/components/BonusComponents/BonusComponent.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BondsData } from '../../../../types/bonds';
+declare const BonusComponent: ({ bond, tooltipPosition, }: {
+    bond: BondsData;
+    tooltipPosition: "bottomRight" | "bottomLeft";
+}) => React.JSX.Element;
+export default BonusComponent;

package/dist/views/Bonds/components/BonusComponents/BonusTable.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BondsData } from '../../../../types/bonds';
+declare const BonusTable: ({ bond, hideTitle }: {
+    bond: BondsData;
+    hideTitle?: boolean;
+}) => React.JSX.Element;
+export default BonusTable;

package/dist/views/Bonds/components/BuyAgainRow/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const BuyAgainRow: () => React.JSX.Element | null;
+declare const BuyAgainRow: () => React.JSX.Element;
 export default BuyAgainRow;

package/dist/views/Bonds/components/CheckURL/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 /** CheckURL purpose is to open the buy bond modal ONLY IF a user has opened the site with a custom URL  */
-declare const CheckUrl: () => React.JSX.Element | null;
+declare const CheckUrl: () => React.JSX.Element;
 export default CheckUrl;

package/dist/views/Bonds/components/RecommendationCards/SmallRecommendationCard.d.ts

@@ -4,7 +4,6 @@ export interface SmallCardBond {
     vestingTerm: number;
     payoutTokenName: string;
     contractAddress: string;
-    discount: number;
     bonus: number;
     chainId: ChainId;
 }

package/dist/views/Bonds/components/RecommendationCards/index.d.ts

@@ -4,7 +4,6 @@ export interface SmallCardBond {
     vestingTerm: number;
     payoutTokenName: string;
     contractAddress: string;
-    discount: number;
     bonus: number;
     chainId: ChainId;
 }

package/dist/views/Bonds/utils.d.ts

@@ -13,5 +13,5 @@ export declare const vestingTime: (vestingTerm?: number) => {
 };
 export declare const remainingPercentage: (bond: BondsData) => number;
 export declare const getDiscountColor: (discount?: number) => string;
-export declare const calculateARR: (bond: BondsData | BillsConfig) => string;
+export declare const calculateARR: (bond: BondsData | BillsConfig, useTiers: boolean) => string;
 export declare const isBondSupported: (SDKVersion: string, bondVersion: string) => boolean;

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

@@ -4,6 +4,7 @@ export interface BuyBondProps {
     bondAddress?: string;
     bondChain?: number;
     handlePurchasedBond?: (hash: string) => void;
+    isProjectView?: boolean;
 }
 declare const BuyBond: React.FC<BuyBondProps>;
 export default BuyBond;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BondsData } from '../../../../types/bonds';
+interface GetUpToComponentProps {
+    bond: BondsData;
+    depositAmount: string;
+}
+declare const GetUpToComponent: React.FC<GetUpToComponentProps>;
+export default GetUpToComponent;

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

@@ -1,5 +1,6 @@
 import React from 'react';
-declare const ProjectDescription: ({ description }: {
+declare const ProjectDescription: ({ description, isProjectView }: {
     description?: string;
+    isProjectView?: boolean;
 }) => React.JSX.Element;
 export default ProjectDescription;

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

@@ -0,0 +1,8 @@
+import { BondsData } from '../../types/bonds';
+/**
+ * Finds the highest TrueBondPrices element where userPoints is higher than points in the array.
+ * @param userPoints - The user's points as a string representing a BigNumber.
+ * @param bondData - Bond Data containing an array of TrueBondPrices to analyze.
+ * @returns The highest TrueBondPrices element where userPoints is higher than the item's points, or `undefined` if none matches.
+ */
+export declare const findHighestTrueBondPrice: (userPoints?: string | null, bondData?: BondsData) => import("../../types/bonds").TrueBondPrices;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "3.0.15",
+  "version": "3.0.18",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",
@@ -57,7 +57,7 @@
     "yalc": "^1.0.0-pre.53"
   },
   "dependencies": {
-    "@ape.swap/apeswap-lists": "4.2.0",
+    "@ape.swap/apeswap-lists": "4.2.3",
     "@emotion/react": "11.11.4",
     "bignumber.js": "^9.1.2",
     "chart.js": "4.2.0",

package/dist/components/TagMinTierFlashBond/TagMinTierFlashBond.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
-interface MinTierBondProps {
-    userTier: LaunchBondTiers | null;
-    minTier: number | undefined;
-}
-declare const TagMinTierBond: React.FC<MinTierBondProps>;
-export default TagMinTierBond;

package/dist/components/TokenInfoAndName/MinTierRow.d.ts

@@ -1,5 +0,0 @@
-import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
-declare const MinTierRow: ({ minTier }: {
-    minTier: LaunchBondTiers | null;
-}) => import("react").JSX.Element;
-export default MinTierRow;

package/dist/hooks/useIsAbond.d.ts

@@ -1,3 +0,0 @@
-export declare const useIsAbond: () => boolean;
-export declare const apeSiteName: () => string;
-export declare const isAbond: () => boolean;

package/dist/state/bonds/useGetUserEscrowWeight.d.ts

@@ -1,11 +0,0 @@
-import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
-export declare const TIERS_NAMES: {
-    0: string;
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-};
-export declare const getUserTier: (weight: string) => LaunchBondTiers | null;
-export declare const fetchEscrowWeight: (account?: string) => Promise<string | null>;
-export default function useGetUserEscrowWeight(account?: string): import("@tanstack/react-query").UseQueryResult<string | null, Error>;

package/dist/theme/display.d.ts

@@ -1,2 +0,0 @@
-export declare const MOBILE_DISPLAY: string[];
-export declare const DESKTOP_DISPLAY: string[];

package/dist/theme/types.d.ts

@@ -1,10 +0,0 @@
-export type MediaQueries = {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xxl: string;
-    xxxl: string;
-    nav: string;
-};