@ape.swap/bonds-sdk 1.0.76 → 1.0.77-4.0

package/dist/scss/YourBonds.scss

@@ -0,0 +1,198 @@
+.yourbonds-spinner {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+}
+
+.yourbonds.table-container {
+    width: 100%;
+    display: flex;
+    flex-direction: column; 
+    padding-top: 50px;
+    padding-left: 100px;
+    padding-right: 100px;
+    padding-bottom: 50px;
+}
+
+.yourbonds.header-container {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    height: 30px;
+    justify-content: space-around;
+    margin-bottom: 5px;
+    padding: 0px;
+    border-radius: 10px;
+    font-size: 11px;
+    color: #73728E;
+}
+
+.yourbonds.bondrow-container {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    height: 70px;
+    justify-content: space-around;
+    background-color: var(--theme-ui-colors-white2);
+    margin-bottom: 5px;
+    border-radius: 10px;
+    cursor: pointer;
+
+    &:hover {
+        background-color: var(--theme-ui-colors-white3);
+    }
+}
+
+.yourbonds.column-tokens {
+    display: flex;
+    align-items: center;
+    justify-content: start;
+    width: 40%;
+}
+
+.yourbonds.column-search {
+    padding-bottom: 0px; 
+}
+
+.yourbonds.column-tokeninfoname {
+    width: 100%;
+    height: 100%;
+    flex-direction: row;
+    justify-content: start;
+    align-items: center;
+    padding-left: 20px;
+}
+
+.yourbonds.column-bondinfo {
+    flex-direction: row;
+    align-items: center;
+    justify-content: end;
+    width: 60%;
+}
+
+.yourbonds.header-claimable {
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    width: 25%;
+    font-size: 11px;
+    color: var(--theme-ui-colors-text)
+}
+
+.yourbonds.header-pending {
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    width: 25%;
+    font-size: 11px;
+    color: var(--theme-ui-colors-text)
+}
+
+.yourbonds.header-terms {
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    width: 25%;
+    font-size: 11px;
+    color: var(--theme-ui-colors-text)
+}
+
+.yourbonds.header-claimall {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 30%;
+    padding-right: 20px;
+    padding-bottom: 15px;
+}
+
+.yourbonds.header-icon {
+    padding-left: 5px;
+    align-items: start;
+    justify-content: space-around;
+    cursor: pointer;
+}
+
+.yourbonds.column-claimable {
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    width: 25%;
+}
+
+.yourbonds.column-pending {
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    width: 25%;
+}
+
+.yourbonds.column-terms {
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    width: 25%;
+}
+
+.yourbonds.column-claimall {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 30%;
+    padding-right: 20px;
+
+    .claim-button {
+
+        height: 36px;
+        line-height: 12px;
+        font-size: 14px;
+        font-weight: 600;
+        width: 100%;
+    
+        @media (min-width: 1024px) {
+            height: 26px;   
+        }
+
+        &:disabled {
+            filter: brightness(130%)
+        }
+    }
+
+    .switch-button {
+        height: 45px;
+        line-height: 20px;
+        font-size: 14px;
+        font-weight: 600;
+        width: 100%;
+
+        &:disabled {
+            filter: brightness(130%)
+        }
+    }
+}
+
+.toast {
+    position: fixed;
+    bottom: 50px;
+    right: 20px;
+    background-color: var(--theme-ui-colors-white2);
+    color: white;
+    font-size: 24px;
+    padding: 10px 20px;
+    border-radius: 5px;
+    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 {
+    from { bottom: 0; opacity: 0; }
+    to { bottom: 50px; opacity: 1; }
+}
+
+@keyframes fadeout {
+    from { bottom: 50px; opacity: 1; }
+    to { bottom: 0; opacity: 0; }
+}

package/dist/scss/YourBondsModal.scss

@@ -0,0 +1,314 @@
+.yourbondsmodal-backdrop {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(66, 66, 66, 0.5);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 1000;
+    overflow: auto;
+    padding: 50px;
+}
+
+.yourbondsmodal-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: 1200px;
+    min-width: 1000px;
+    height: auto;
+    max-height: 60vh;
+    min-height: 400px;
+    overflow: auto;
+}
+
+.yourbondsmodal-spinner {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    width: 100vw;
+}
+
+.yourbondsmodal-header {
+    display: flex;
+    justify-content: end;
+    align-items: center;
+    padding: 5px;
+
+    .svg-close {
+        height: 12px;
+        width: 12px;
+        cursor: pointer;
+    }
+}
+
+.yourbondsmodal.table-container {
+    width: 100%;
+    display: flex;
+    flex-direction: row; 
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+}
+
+.yourbondsmodal.bondimage {
+    width: 60%;
+    height: 100%;
+    display: flex;
+    flex-direction: column; 
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+}
+
+.yourbondsmodal.yourbondinfo {
+    width: 40%;
+    height: 100%;
+    display: flex;
+    flex-direction: column; 
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 10px;
+}
+
+.yourbondinfo.title-container {
+    font-weight: bold;
+    font-size: 1.5rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.title-container.bondicon {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.icon-container {
+    position: relative;
+    display: inline-block;
+}
+
+.icon-container svg {
+    position: absolute;
+    top: -8px;
+    right: -5px;
+    z-index: 1; 
+}
+
+.icon-container img {
+    display: block; 
+}
+
+.icon-container-small {
+    position: relative;
+    display: inline-block;
+}
+
+.icon-container-small svg {
+    position: absolute;
+    top: -5px;
+    right: -4px;
+    z-index: 1; 
+}
+
+.icon-container-small img {
+    display: block; 
+}
+   
+
+.title-container.tokenname {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding-left: 10px;
+}
+
+.title-container.tokentags {
+    display: flex;
+    align-items: center;
+    padding-left: 10px;
+}
+
+.yourbondinfo.blocks-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    justify-content: space-around;
+    margin-bottom: 10px;
+    margin-top: 5px;
+}
+
+.yourbondinfo-block.header {
+    color: white;
+    align-items: center;
+    width: 50%;
+    font-size: 12px; 
+    font-weight: 400; 
+    opacity: 0.6; 
+    line-height: 14px;
+}
+
+.yourbondinfo-block.header-title {
+    align-items: center;
+}
+
+.yourbondinfo-block.header-tooltip {
+    align-items: center;
+}
+
+.block-header.icon {
+    padding-left: 5px;
+    align-items: start;
+    cursor: pointer;
+}
+
+.yourbondinfo-block.info {
+    flex-direction: row;
+    align-items: center;
+    justify-content: end;
+    width: 50%;
+    display: flex;
+    background: var(--theme-ui-colors-white3);
+    border-radius: 10px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+.block-info.icon {
+    align-items: center;
+}
+
+.block-info.text {
+    padding-left: 10px;
+}
+
+.attributes-container {
+    flex-direction: column;
+    width: 100%;
+    padding-bottom: 10px;
+    align-items: center;
+
+    .attributes-header {
+        justify-content: space-between;
+        height: 24px;
+        background-color: var(--theme-ui-colors-white3); 
+        padding-left: 15px;
+        padding-right: 15px;
+        width: 100%;
+    }
+}
+
+.yourbondinfo-block.row-vested {
+    flex-direction: row;
+    height: 50px;
+    width: 100%;
+    margin-bottom: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    align-items: center;
+    justify-content: space-between;
+    background: var(--theme-ui-colors-white3);
+    border-radius: 10px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+.yourbondinfo-block.row-pending {
+    flex-direction: row;
+    height: 50px;
+    width: 100%;
+    margin-bottom: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    align-items: center;
+    justify-content: space-between;
+    background: var(--theme-ui-colors-white3);
+    border-radius: 10px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+.yourbondinfo-block.row-claimable {
+    flex-direction: row;
+    height: 50px;
+    width: 100%;
+    margin-bottom: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    align-items: center;
+    justify-content: space-between;
+    background: var(--theme-ui-colors-white3);
+    border-radius: 10px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+.yourbondinfo.button-container {
+    width: 100%;
+    padding-top: 10px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.button-container.claim {
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;    
+
+    .switch-button {
+        width: 300px;
+    }
+
+    .claim-button {
+        width: 300px;
+    }
+}
+
+.button-container.transfer {
+    justify-content: center;
+    align-items: center;
+
+    .transfer-button {
+        width: 125px;
+    }
+}
+
+.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;
+    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 {
+    from { top: 0; opacity: 0; }
+    to { top: 50px; opacity: 1; }
+}
+
+@keyframes fadeout {
+    from { top: 50px; opacity: 1; }
+    to { top: 0; opacity: 0; }
+}

package/dist/theme/colors.d.ts

@@ -1,4 +1,4 @@
-declare const abondColors: {
+declare const colors: {
     white1: string;
     white2: string;
     white3: string;
@@ -7,6 +7,7 @@ declare const abondColors: {
     brandPrimary140: string;
     navBar: string;
     primaryButton: string;
+    primaryShade: string;
     secondary: string;
     footer: string;
     success: string;
@@ -85,4 +86,4 @@ declare const abondColors: {
     bg2: string;
     progressBar: string;
 };
-export default abondColors;
+export default colors;

package/dist/theme/colors.js

@@ -1,4 +1,4 @@
-var abondColors = {
+var colors = {
     // main background gradients
     white1: '#0E0D16',
     white2: '#161420',
@@ -8,6 +8,7 @@ var abondColors = {
     brandPrimary140: '#C1BDE7',
     navBar: 'rgba(22, 20, 32, 0.8)',
     primaryButton: '#6560C5',
+    primaryShade: '#514CA133',
     secondary: '#E69275',
     footer: '#000000',
     success: '#38A611',
@@ -89,4 +90,4 @@ var abondColors = {
     bg2: 'linear-gradient(180deg, #FEFCEC 27.58%, #EEDFC7 79.74%, #FEFAE0 131.91%, #F5ECDD 154.81%)',
     progressBar: 'linear-gradient(90deg, #312E7A 0%, #5C4FAE 41.5%, #AD6568 74.5%, #AD6E66 100%)',
 };
-export default abondColors;
+export default colors;

package/dist/types/bonds.d.ts

@@ -1,4 +1,4 @@
-import { ChainId } from "@ape.swap/apeswap-lists";
+import { ChainId } from '../enum/apeswaplists';
 export interface BondsDataResponse {
     index: number;
     cmcId?: number;
@@ -30,4 +30,38 @@ export interface BondsDataResponse {
     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;
+    };
 }

package/dist/types/yourbonds.d.ts

@@ -0,0 +1,93 @@
+import { ChainId } from "../enum/apeswaplists";
+import { BondsDataResponse } from "./bonds";
+export interface UserOwnedBillsData {
+    index: number;
+    userOwnedBills: UserBill[];
+}
+export interface ownedBillsWithNftData {
+    index: number;
+    userOwnedBillsNfts: any[];
+}
+export interface UserBill {
+    address: string;
+    id: string;
+    vesting: string;
+    payout: string;
+    totalPayout?: string;
+    truePricePaid: string;
+    lastBlockTimestamp: string;
+    pendingRewards: string;
+    billNftAddress: string;
+    nftData?: UserBillNftData;
+    bond: BondsDataResponse;
+}
+export interface UserBillNftData {
+    id: number;
+    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;
+                };
+            };
+            token0: {
+                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;
+    };
+}
+export interface UserBillNft {
+    image: string;
+    tokenId: string;
+    attributes: {
+        trait_type: string;
+        value: string;
+    }[];
+}

package/dist/types/yourbonds.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/convertToTokenValue.d.ts

@@ -0,0 +1,4 @@
+import { ethers } from 'ethers';
+export declare function adjustDecimals(numStr: string): string;
+declare const convertToTokenValue: (numberString: string, decimals: number) => ethers.BigNumber;
+export default convertToTokenValue;

package/dist/utils/convertToTokenValue.js

@@ -0,0 +1,24 @@
+import { ethers } from 'ethers';
+export function adjustDecimals(numStr) {
+    var parts = numStr.split('.');
+    if (parts.length < 2) {
+        // This means the number doesn't have any decimals
+        return numStr;
+    }
+    if (parts[1].length > 18) {
+        parts[1] = parts[1].slice(0, 18); // Take the first 18 decimals
+        return parts[0] + '.' + parts[1];
+    }
+    else {
+        return numStr;
+    }
+}
+var convertToTokenValue = function (numberString, decimals) {
+    if (isNaN(parseFloat(numberString))) {
+        console.error('Error: numberString to parse is not a number');
+        return ethers.utils.parseUnits('0', decimals);
+    }
+    var tokenValue = ethers.utils.parseUnits(adjustDecimals(numberString), decimals);
+    return tokenValue;
+};
+export default convertToTokenValue;

package/dist/utils/formatNumber.d.ts

@@ -0,0 +1,2 @@
+export declare const formatNumber: (number: number, minPrecision?: number, maxPrecision?: number) => string;
+export declare const formatNumberSI: (number: number, digits?: number) => string;