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

package/dist/scss/BondMenu.scss

@@ -13,13 +13,13 @@
 .filters.desktop-rec {
     display: flex;
     width: 100%;
-    justify-content: end;
+    justify-content: flex-end;
 }
 
 .filters.mobile-rec {
     display: flex;
     width: 100%;
-    justify-content: end;
+    justify-content:  flex-end;
 }
 
 .filters.clear-all {

package/dist/scss/BondModal.scss

@@ -11,41 +11,38 @@
   z-index: 100;
 }
 
+.modal {
+  width: fit-content !important;
+}
+
 .modal-content {
-    display: flex;
-    flex-direction: column;
-    border-radius: 10px;
-    background-color: var(--theme-ui-colors-white2);
-    padding: 10px;
-    border-radius: 10px;
-    z-index: 1001;
-    max-width: 1100px;
-    min-width: 700px;
-    height: auto;
-    max-height: 80vh;
-    overflow-y: auto;
-}
-
-.modal-header {
   display: flex;
-  justify-content: end;
-  align-items: center;
-  padding: 5px;
+  flex-direction: column;
+  border-radius: 10px;
+  background-color: var(--theme-ui-colors-white2);
+  border-radius: 10px;
+  z-index: 1001;
+  width: 100%;
+  max-width: 700px;
+  min-width: 700px;
+}
 
-  .svg-close {
-    height: 12px;
-    width: 12px;
-    cursor: pointer;
-  }
+.gpt {
+  max-width: 1100px;
 }
 
 .modaltable-container {
   width: 100%;
   display: flex;
   flex-direction: column;
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-bottom: 10px;
+  position: relative;
+}
+
+.slippage-cog {
+  position: absolute;
+  top: 3px;
+  right: -3px;
+  cursor: pointer;
 }
 
 .modaltable-container.title-container {
@@ -97,17 +94,17 @@
 }
 
 .title-container.bondname {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    padding-left: 10px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-left: 10px;
 }
 
 .title-container.bondname-small {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    padding-left: 10px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-left: 10px;
 }
 
 .title-container.price-container {
@@ -135,7 +132,7 @@
 
 .modaltable-container.description-container {
   display: flex;
-  align-items: start;
+  align-items: flex-start;
   padding-top: 10px;
   padding-bottom: 10px;
   font-weight: normal;
@@ -172,7 +169,7 @@
 
 .header-icon {
   padding-left: 5px;
-  align-items: start;
+  align-items: flex-start;
   cursor: pointer;
 }
 
@@ -241,7 +238,7 @@
 
 .row-container.premium-icon {
   padding-left: 5px;
-  align-items: start;
+  align-items: flex-start;
   cursor: pointer;
 }
 
@@ -345,7 +342,6 @@
   width: 190px;
   height: 40px;
   justify-content: space-between;
-  cursor: pointer;
 }
 
 .modaltable-container.button-container {
@@ -384,26 +380,26 @@
 }
 
 .modaltable-container.accordion-container {
-    display: flex;
-    width: 100%;
-    padding-top: 10px;
+  display: flex;
+  width: 100%;
+  padding-top: 10px;
 }
 
 .toast {
-    position: fixed;
-    top: 50px;
-    right: 20px;
-    background-color: var(--theme-ui-colors-white2);
-    color: white;
-    font-size: 24px;
-    padding: 10px 20px;
-    border-radius: 5px;
-    height: 75px;
-    align-items: center;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-    z-index: 9999;
-    animation: fadein 0.5s, fadeout 0.5s 4.5s;
-    cursor: pointer;
+  position: fixed;
+  top: 50px;
+  right: 20px;
+  background-color: var(--theme-ui-colors-white2);
+  color: white;
+  font-size: 24px;
+  padding: 10px 20px;
+  border-radius: 5px;
+  height: 75px;
+  align-items: center;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  z-index: 9999;
+  animation: fadein 0.5s, fadeout 0.5s 4.5s;
+  cursor: pointer;
 }
 
 @keyframes fadein {
@@ -437,43 +433,48 @@
 }
 
 .font-small {
-    font-size: 14px;
+  font-size: 14px;
 }
 
 .font-x-small {
-    font-size: 12px;
+  font-size: 12px;
 }
 
 .text-highlight {
-    color: #38A611;
+  color: #38A611;
 }
 
 .paragraph-spaced {
-    line-height: 150%;
+  line-height: 150%;
 }
 
 .button-narrow {
-    width: 190px !important;
+  width: 190px !important;
 }
 
 .fading-hr {
-    border: none;
-    height: 1px; /* Adjust thickness */
-    background: linear-gradient(to right, transparent, white, transparent); /* White fades to transparent */
-    width: 100%; /* Full width */
-    margin: 20px 0; /* Adjust margin for spacing */
+  border: none;
+  height: 1px; /* Adjust thickness */
+  background: linear-gradient(to right, transparent, white, transparent); /* White fades to transparent */
+  width: 100%; /* Full width */
+  margin: 20px 0; /* Adjust margin for spacing */
 }
 
 span.flex-inline {
-    display: contents;
+  display: contents;
 }
 
 .footer-details {
-    margin-left: -10px !important;
-    margin-right: -10px !important;
-    margin-bottom: -10px !important;
-    margin-top: 20px !important;
-    height: 50px;
-    align-items: center;
-    border-top: 1px solid #FFFFFF;
+  margin-left: -10px !important;
+  margin-right: -10px !important;
+  margin-bottom: -10px !important;
+  margin-top: 20px !important;
+  height: 50px;
+  align-items: center;
+  border-top: 1px solid #FFFFFF;
+}
+
+.expand-icon {
+  height: 20px;
+  fill: #38A611;;
 }

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/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

@@ -1,11 +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 {
-    UNKNOWN = "UNKNOWN",
     NOT_APPROVED = "NOT_APPROVED",
     PENDING = "PENDING",
     APPROVED = "APPROVED"
 }
-export default function useAllowance(amount: string, currency: 'NATIVE' | Token | null, spender: string | null, account: string | null, chainId: ChainId | null): UseQueryResult<ApprovalState>;
-export declare const getTokenAllowance: (amount: string, currency: "NATIVE" | Token | null, spender: string | null, account: string | null, chainId: ChainId | null) => Promise<ApprovalState>;
-export declare const useApproval: (amount: string, currency: "NATIVE" | Token | null, spender: string | null, account: string | null, chainId: ChainId | null) => [ApprovalState, () => Promise<null | undefined>];
+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/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

@@ -1,19 +1,3 @@
 import { ChainId } from '@ape.swap/apeswap-lists';
 import { Token } from '@ape.swap/apeswap-lists';
-export interface TokenPrice {
-    symbol: string | undefined;
-    address: string | undefined;
-    price: number | undefined;
-    decimals: number | undefined;
-    chainId: ChainId | undefined;
-}
-export default function useCurrencyPrice(currency: 'NATIVE' | Token | null, chainId: ChainId | null): import("@tanstack/react-query").UseQueryResult<TokenPrice | null, Error>;
-export declare const getTokenPrice: (currency: "NATIVE" | Token | null, chainId: ChainId | null) => Promise<TokenPrice | null>;
-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 {};
+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

@@ -1,4 +1,4 @@
-import { ChainId, Protocols } from "@ape.swap/apeswap-lists";
+import { ChainId, Protocols } from '@ape.swap/apeswap-lists';
 declare enum NetworkNames {
     ETHEREUM = "eth",
     BNB = "bnb",

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

@@ -1,4 +1,4 @@
 import { Token } from '@ape.swap/apeswap-lists';
-import { BondsDataResponse } from '../../types/bonds';
-declare const useSoulZapBondQuote: (typedValue: string, inputCurrency: "NATIVE" | Token | undefined, bond: BondsDataResponse | undefined, account?: string) => [loading: boolean, response: any, estimateOutput: string];
+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/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;
 }