@ape.swap/bonds-sdk 1.0.779 → 1.1.0-seedify

package/dist/scss/BondRow.scss

@@ -17,7 +17,7 @@
 .column.column-tokens {
     display: flex;
     align-items: center;
-    justify-content: start;
+    justify-content: flex-start;
     width: 40%;
 }
 
@@ -25,7 +25,7 @@
     width: 100%;
     height: 100%;
     flex-direction: row;
-    justify-content: start;
+    justify-content: flex-start;
     align-items: center;
     padding-left: 20px;
 }
@@ -33,7 +33,7 @@
 .column.column-tokenname {
     width: 100%;
     flex-direction: row;
-    justify-content: start;
+    justify-content: flex-start;
     align-items: center;
     padding-left: 20px;
 }
@@ -42,13 +42,13 @@
     width: 20%;
     flex-direction: row;
     align-items: center;
-    justify-content: start;
+    justify-content: flex-start;
 }
 
 .column.column-bondinfo {
     flex-direction: row;
     align-items: center;
-    justify-content: end;
+    justify-content: flex-end;
     width: 70%;
 }
 

package/dist/scss/BondRowHeader.scss

@@ -11,7 +11,7 @@
     display: flex;
     flex-direction: row;
     align-items: center;
-    justify-content: end;
+    justify-content: flex-end;
     padding-bottom: 5px;
     width: 100%;
 }
@@ -26,7 +26,7 @@
 .column.column-tokens {
     display: flex;
     align-items: center;
-    justify-content: start;
+    justify-content: flex-start;
     width: 40%;
 }
 
@@ -38,7 +38,7 @@
     width: 100%;
     height: 100%;
     flex-direction: row;
-    justify-content: start;
+    justify-content: flex-start;
     align-items: center;
     padding-left: 20px;
 }
@@ -46,7 +46,7 @@
 .column.column-tokenname {
     width: 100%;
     flex-direction: row;
-    justify-content: start;
+    justify-content: flex-start;
     align-items: center;
     padding-left: 20px;
 }
@@ -55,13 +55,13 @@
     width: 20%;
     flex-direction: row;
     align-items: center;
-    justify-content: start;
+    justify-content: flex-start;
 }
 
 .column.column-bondinfo {
     flex-direction: row;
     align-items: center;
-    justify-content: end;
+    justify-content:  flex-end;
     width: 70%;
 }
 
@@ -118,7 +118,7 @@
 
 .column.header-icon {
     padding-left: 5px;
-    align-items: start;
+    align-items: flex-start;
     justify-content: space-around;
     cursor: pointer;
 }

package/dist/scss/Bonds.scss

@@ -10,8 +10,9 @@
 }
 
 .bonds-spinner {
+    width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
-    height: 100vh;
+    height: 50vh;
 }

package/dist/scss/TokenInfoName.scss

@@ -0,0 +1,60 @@
+.tokeninfoname.container {
+    width: 100%;
+    position: relative;
+    justify-content: space-between;
+    margin-right: 10px;
+    height: 100%;
+    align-items: center;
+    margin-left: -20px;
+    padding-left: 20px;
+    overflow: hidden;
+    border-radius: 10px;
+  
+    @media (min-width: 576px) {
+      justify-content: space-between;
+      margin-right: 10px;
+    }
+  
+    @media (min-width: 768px) {
+      justify-content: space-between;
+      margin-right: 10px;
+    }
+  
+    @media (min-width: 992px) {
+      justify-content: flex-start;
+      margin-right: 0px;
+    }
+}
+
+.tokeninfoname.gradient {
+    position: absolute;
+    z-index: 0;
+    left: 0px;
+    width: 30px;
+    height: 100%;
+    filter: blur(35px);
+}
+
+.tokeninfoname.chain {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    overflow: hidden;
+    border-radius: 10px 0px 8px 0px;
+    z-index: 5;
+}
+
+.tokeninfoname.tokencontainer {
+  padding-left: 6px;
+  width: 100%;
+  max-width: 170px;
+  align-items: center;
+}
+
+.tokeninfoname.tokentext {
+  margin-left: 10px;
+  font-size: 16px;
+  font-weight: 700;
+  width: 100%;
+  flex-direction: column;
+}

package/dist/scss/YourBonds.scss

@@ -1,8 +1,16 @@
 .yourbonds-spinner {
-    display: flex;
-    justify-content: center;
+    //display: flex;
+    //justify-content: center;
+    //align-items: center;
+    //padding-top: 100px;
+    width: 100%;
+    flex-direction: column;
+    padding-top: 100px;
+    padding-bottom: 100px;
+    background: var(--theme-ui-colors-white2);
     align-items: center;
-    height: 100vh;
+    border-radius: 10px;
+    margin-top: 15px;
 }
 
 .yourbonds.table-container {
@@ -47,7 +55,7 @@
 .yourbonds.column-tokens {
     display: flex;
     align-items: center;
-    justify-content: start;
+    justify-content: flex-start;
     width: 40%;
 }
 
@@ -59,7 +67,7 @@
     width: 100%;
     height: 100%;
     flex-direction: row;
-    justify-content: start;
+    justify-content: flex-start;
     align-items: center;
     padding-left: 20px;
 }
@@ -67,7 +75,7 @@
 .yourbonds.column-bondinfo {
     flex-direction: row;
     align-items: center;
-    justify-content: end;
+    justify-content: flex-end;
     width: 60%;
 }
 
@@ -109,7 +117,7 @@
 
 .yourbonds.header-icon {
     padding-left: 5px;
-    align-items: start;
+    align-items: flex-start;
     justify-content: space-around;
     cursor: pointer;
 }
@@ -139,20 +147,17 @@
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    width: 30%;
+    width: 40%;
+    max-width: 230px;
     padding-right: 20px;
 
     .claim-button {
 
-        height: 36px;
+        height: 35px;
         line-height: 12px;
         font-size: 14px;
         font-weight: 600;
         width: 100%;
-    
-        @media (min-width: 1024px) {
-            height: 26px;   
-        }
 
         &:disabled {
             filter: brightness(130%)
@@ -160,7 +165,7 @@
     }
 
     .switch-button {
-        height: 45px;
+        height: 35px;
         line-height: 20px;
         font-size: 14px;
         font-weight: 600;

package/dist/scss/YourBondsModal.scss

@@ -39,7 +39,7 @@
 
 .yourbondsmodal-header {
     display: flex;
-    justify-content: end;
+    justify-content: flex-end;
     align-items: center;
     padding: 5px;
 
@@ -172,14 +172,14 @@
 
 .block-header.icon {
     padding-left: 5px;
-    align-items: start;
+    align-items: flex-start;
     cursor: pointer;
 }
 
 .yourbondinfo-block.info {
     flex-direction: row;
     align-items: center;
-    justify-content: end;
+    justify-content: flex-end;
     width: 50%;
     display: flex;
     background: var(--theme-ui-colors-white3);

package/dist/scss/index.scss

@@ -0,0 +1,12 @@
+@use 'AccordionText';
+@use 'BondMenu';
+@use 'BondModal';
+@use 'BondRow';
+@use 'BondRowHeader';
+@use 'BondRowsByChain';
+@use 'BondRowsWithTitle';
+@use 'Bonds';
+@use 'ProgressBar';
+@use 'TokenInfoName';
+@use 'YourBonds';
+@use 'YourBondsModal';

package/dist/state/allowance/useAllowance.d.ts

@@ -0,0 +1,15 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { ChainId, Token } from '@ape.swap/apeswap-lists';
+/**
+ * useAllowance hook: fetches the amount approved by the user for a given token
+ * useApproval hook: returns the approval state (not approved, pending or approved) and a function to approve on chain
+ * getTokenAllowance function fetches the allowance on chain
+ */
+export declare enum ApprovalState {
+    NOT_APPROVED = "NOT_APPROVED",
+    PENDING = "PENDING",
+    APPROVED = "APPROVED"
+}
+export default function useAllowance(currency: 'NATIVE' | Token | null, spender: string | null, account: string | null, chainId: ChainId | null): UseQueryResult<number>;
+export declare const getTokenAllowance: (currency: "NATIVE" | Token | null, spender: string | null, account: string | null, chainId: ChainId | null) => Promise<number | null>;
+export declare const useApproval: (amount: string, currency: "NATIVE" | Token | null, spender: string | null, account: string | null, chainId: ChainId | null) => [ApprovalState, () => Promise<string | null | undefined>];

package/dist/state/balance/useCurrencyBalance.d.ts

@@ -0,0 +1,4 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { ChainId, Token } from '@ape.swap/apeswap-lists';
+export default function useCurrencyBalance(currency: 'NATIVE' | Token | null, account: string | null, chainId: ChainId | null): UseQueryResult<string | undefined>;
+export declare const getTokenBalance: (currency: "NATIVE" | Token | null, account: string | null, chainId: ChainId | null) => Promise<string | null>;

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

@@ -0,0 +1,5 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { ChainId } from '@ape.swap/apeswap-lists';
+import { UserBillNftData } from '../../types/yourbonds';
+export default function useBondNFTData(id?: string, billNftAddress?: string, chainId?: ChainId): UseQueryResult<UserBillNftData>;
+export declare const getBondNFTData: (id: string, billNftAddress: string, chainId: ChainId) => Promise<UserBillNftData | undefined>;

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

@@ -0,0 +1,4 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { BondsData } from '../../types/bonds';
+export default function useBondsData(): UseQueryResult<BondsData[]>;
+export declare const getBondsData: () => Promise<BondsData[]>;

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

@@ -0,0 +1,4 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { BillsConfig } from '@ape.swap/apeswap-lists';
+export default function useBondsList(): UseQueryResult<BillsConfig[]>;
+export declare const getBondsList: () => Promise<BillsConfig[][]>;

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

@@ -0,0 +1,3 @@
+import { UseQueryResult } from '@tanstack/react-query';
+export default function useHotBonds(): UseQueryResult<string[]>;
+export declare const getHotBonds: () => Promise<string[]>;

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

@@ -0,0 +1,5 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { BillsConfig } from '@ape.swap/apeswap-lists';
+import { UserBill } from '../../types/yourbonds';
+export default function useUserBonds(): UseQueryResult<UserBill[]>;
+export declare const getUserBonds: (account: string, bondList: BillsConfig[]) => Promise<UserBill[]>;

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

@@ -0,0 +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;

package/dist/state/slippage/useSlippage.d.ts

@@ -0,0 +1 @@
+export declare const useSlippage: () => [number, (newValue: number) => void];

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

@@ -0,0 +1,29 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { ChainId, Token } from '@ape.swap/apeswap-lists';
+export interface TokenPrices {
+    symbol: string | undefined;
+    address: string | undefined;
+    price: number | undefined;
+    decimals: number | undefined;
+    chainId: ChainId | undefined;
+}
+export default function useTokenPrices(): UseQueryResult<TokenPrices[]>;
+export declare const getTokenPrices: () => Promise<TokenPrices[]>;
+export declare const getBatchTokenPriceWithDexscreener: (params: {
+    chainId: ChainId;
+    tokens: {
+        address: string;
+        decimals: number;
+        lpToken: boolean;
+        symbol: string;
+        totalSupply?: number;
+    }[];
+}) => Promise<TokenPrices[]>;
+export declare const getDexScreenerChainName: (chainId: ChainId) => string | undefined;
+type TokenRecord = {
+    [k: string]: Token;
+};
+export declare function getTokenPricesV2FromPriceGetter(tokensToCall: TokenRecord, chain: ChainId, lpTokens?: boolean): Promise<any>;
+export declare function getPriceGetterCallData(tokensToCall: TokenRecord, // replace 'any' with the actual type
+supportedChainId: ChainId, lpTokens: boolean): (string | number | undefined)[][];
+export {};

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

@@ -0,0 +1,12 @@
+import { ChainId, Protocols } from '@ape.swap/apeswap-lists';
+declare enum NetworkNames {
+    ETHEREUM = "eth",
+    BNB = "bnb",
+    POLYGON = "pol",
+    ARBITRUM = "arb",
+    LINEA = "lna",
+    BASE = "bas"
+}
+export declare const getChainParam: (chain?: ChainId) => NetworkNames | null;
+export declare const getLpType: (protocol?: Protocols) => "ichi" | "solidly" | "univ2" | null;
+export {};

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

@@ -0,0 +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, estimateOutput: string];
+export default useSoulZapBondQuote;

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

@@ -0,0 +1,3 @@
+import { ChainId, Token } from '@ape.swap/apeswap-lists';
+declare const useSoulZapTokenQuote: (typedValue: string, inputCurrency: "NATIVE" | Token | undefined, outputToken: Token | undefined, chainId: ChainId, account?: string) => [loading: boolean, response: any, estimateOutput: string];
+export default useSoulZapTokenQuote;

package/dist/types/bonds.d.ts

@@ -1,20 +1,12 @@
-import { ChainId } from '../enum/apeswaplists';
-export interface BondsDataResponse {
+import { ChainId, Token } from '@ape.swap/apeswap-lists';
+export interface BondsData {
     index: number;
     cmcId?: number;
-    label: string;
     chainId: ChainId;
     type: string;
-    principalToken: string;
-    principalTokenName: string;
-    principalTokenDecimals: number;
-    payoutToken: string;
-    payoutTokenName: string;
-    payoutTokenDecimals: number;
     discount: number;
     billAddress: string;
     billNftAddress: string;
-    initTime: number;
     soldOut: boolean;
     inactive: boolean;
     trueBillPrice: string;
@@ -22,46 +14,17 @@ export interface BondsDataResponse {
     totalPayoutGiven: string;
     maxPayout: string;
     tokensRemaining: string;
-    showcaseToken: string;
     showcaseTokenName: string;
     vestingTerm: number;
     principalTokenPrice: string;
     payoutTokenPrice: string;
-    priceUsd: string;
     tags?: string[];
-    arr: string;
     shortDescription?: string;
     fullDescription?: string;
     twitter?: string;
     projectLink?: string;
     audit?: string;
     billVersion?: string;
-    earnToken: EarnToken;
-    lpToken: LpToken;
-}
-export interface EarnToken {
-    active: boolean;
-    symbol: string;
-    address: {
-        [chainId: number]: string;
-    };
-    decimals: {
-        [chainId: number]: number;
-    };
-    liquidityDex: {
-        [chainId: number]: string;
-    };
-}
-export interface LpToken {
-    active: boolean;
-    symbol: string;
-    address: {
-        [chainId: number]: string;
-    };
-    decimals: {
-        [chainId: number]: number;
-    };
-    liquidityDex: {
-        [chainId: number]: string;
-    };
+    earnToken: Token;
+    lpToken: Token;
 }

package/dist/types/yourbonds.d.ts

@@ -1,13 +1,9 @@
-import { ChainId } from "../enum/apeswaplists";
-import { BondsDataResponse } from "./bonds";
+import { BondsData } from './bonds';
+import { ChainId } from '@ape.swap/apeswap-lists';
 export interface UserOwnedBillsData {
     index: number;
     userOwnedBills: UserBill[];
 }
-export interface ownedBillsWithNftData {
-    index: number;
-    userOwnedBillsNfts: any[];
-}
 export interface UserBill {
     address: string;
     id: string;
@@ -18,76 +14,65 @@ export interface UserBill {
     lastBlockTimestamp: string;
     pendingRewards: string;
     billNftAddress: string;
-    nftData?: UserBillNftData;
-    bond: BondsDataResponse;
+    bond: BondsData;
 }
 export interface UserBillNftData {
     id: number;
+    tokenId: number;
+    attributes: {
+        trait_type: string;
+        value: string;
+    }[];
+    chainId: ChainId;
+    contractAddress: string;
+    description: string;
+    image: string;
+    name: string;
     data: {
-        name: string;
-        description: string;
-        tokenId: number;
-        image: string;
-        attributes: {
-            trait_type: string;
-            value: string;
-        }[];
-        data: {
-            billContract: string;
-            billNftAddress: string;
-            payout: number;
-            deposit: number;
-            createTransactionHash: string;
-            billNftId: number;
-            expires: number;
-            vestingPeriodSeconds: number;
-            payoutToken: string;
-            principalToken: string;
-            type: string;
-            pairName: string;
-            payoutTokenData: {
-                address: string;
-                name: string;
-                symbol: string;
-                decimals: {
-                    [chainId: number]: number;
-                };
+        billContract: string;
+        billNftAddress: string;
+        billNftId: number;
+        blockNumber: number;
+        bondArtCollection: string;
+        bondPartner: string;
+        bondVersion: string;
+        chainId: ChainId;
+        createTransactionHash: string;
+        createdAddressOwner: string;
+        createdAt: number;
+        deposit: number;
+        dollarValue: number;
+        expires: number;
+        pairName: string;
+        payout: number;
+        payoutToken: string;
+        payoutTokenData: {
+            address: string;
+            name: string;
+            symbol: string;
+            decimals: {
+                [chainId: number]: number;
             };
-            token0: {
-                address: string;
-                symbol: string;
-                name: string;
-                decimals: {
-                    [chainId: number]: number;
-                };
+        };
+        payoutTokenPrice: string;
+        principalToken: string;
+        token0: {
+            address: string;
+            symbol: string;
+            name: string;
+            decimals: {
+                [chainId: number]: number;
             };
-            token1: {
-                address: string;
-                symbol: string;
-                name: string;
-                decimals: {
-                    [chainId: number]: number;
-                };
+        };
+        token1: {
+            address: string;
+            symbol: string;
+            name: string;
+            decimals: {
+                [chainId: number]: number;
             };
-            dollarValue: number;
-            chainId: ChainId;
-            blockNumber: number;
-            bondArtCollection: string;
-            bondPartner: string;
-            bondVersion: string;
-            createdAddressOwner: string;
-            createdAt: number;
-            payoutTokenPrice: string;
         };
-        contractAddress: string;
-        chainId: ChainId;
+        type: string;
+        vestingPeriodSeconds: number;
     };
 }
-export interface UserBillNft {
-    image: string;
-    tokenId: string;
-    attributes: {
-        trait_type: string;
-        value: string;
-    }[];
-}

package/dist/utils/displayHelpers.d.ts

@@ -0,0 +1,13 @@
+import { UserBill } from '../types/yourbonds';
+import { BondsData } from '../types/bonds';
+export declare const claimable: (userBill: UserBill) => number;
+export declare const earnTokenPrice: (bond: BondsData) => string;
+export declare const totalPending: (userBill: UserBill) => number;
+export declare const vestingTimeRemaining: (userBill: UserBill) => {
+    years: number;
+    months: number;
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+};

package/dist/utils/getNativeTicker.d.ts

@@ -0,0 +1,3 @@
+import { ChainId, Token } from '@ape.swap/apeswap-lists';
+export declare const getNativeTicker: (chain?: ChainId) => string | undefined;
+export declare const getTokenSymbol: (token: Token) => string;

package/dist/utils/index.d.ts

@@ -13,4 +13,4 @@ export declare function getEtherscanLink(data: string | number, type: 'transacti
  * @param tokenImage
  * @returns {boolean} true if the token has been added, false otherwise
  */
-export declare const registerToken: (tokenAddress: string, tokenSymbol: string | undefined, tokenDecimals: number, tokenImage: string | undefined) => Promise<any>;
+export declare const registerToken: (tokenAddress: string, tokenSymbol: string | undefined, tokenDecimals: number, tokenImage: string | undefined) => Promise<void | null>;