@ape.swap/bonds-sdk 2.0.6 → 2.0.7-test.0

package/dist/state/useSDKConfig.d.ts

@@ -1,18 +1,30 @@
+declare const defaultUrls: {
+    apiV2: string;
+    realTimeApi: string;
+    apeswapLists: string;
+    mainUrl: string;
+};
 export interface SDKProps {
     config: {
         referenceId: string;
-        environment: 'main' | 'staging';
         chains: number[];
         useRainbowKit: boolean;
         modalVariant: 'alt' | 'standard';
+        urls?: Partial<Record<keyof typeof defaultUrls, string>>;
     };
 }
 export declare const useSDKConfig: (config?: SDKProps) => {
-    referenceId: string;
-    environment: "main" | "staging";
-    chains: number[];
-    useRainbowKit: boolean;
-    modalVariant: "alt" | "standard";
-} | undefined;
-export type URLKeys = 'apiV2' | 'realTimeApi' | 'apeswap-lists';
+    urls: {
+        apiV2: string;
+        realTimeApi: string;
+        apeswapLists: string;
+        mainUrl: string;
+    };
+    referenceId?: string | undefined;
+    chains?: number[] | undefined;
+    useRainbowKit?: boolean | undefined;
+    modalVariant?: "alt" | "standard" | undefined;
+};
+export type URLKeys = 'apiV2' | 'realTimeApi' | 'apeswapLists' | 'mainUrl';
 export declare const useURLByEnvironment: (key: URLKeys) => string;
+export {};

package/dist/styles.css

@@ -1562,7 +1562,6 @@ span.flex-inline {
   display: flex;
   justify-content: space-between;
   flex-direction: column;
-  gap: 20px;
 }
 @media screen and (min-width: 1000px) {
   .yourbondinfo.button-container {
@@ -1659,3 +1658,185 @@ span.flex-inline {
     left: 10px;
   }
 }
+
+.sharebondimage-card {
+  flex-direction: column;
+  width: 768px;
+  height: 768px;
+  align-items: center;
+  background-image: url(/images/bills/bg.png);
+  background-size: cover;
+  background-position: bottom center;
+  background-repeat: no-repeat;
+  justify-content: center;
+  display: flex;
+}
+
+.sharebondimage-nft {
+  margin-top: 60px;
+  flex-direction: column;
+  align-items: center;
+}
+
+.sharebondimage-nft-id {
+  display: flex;
+  position: absolute;
+  top: 15px;
+  right: -61px;
+  min-width: 60px;
+  height: 28px;
+  border-radius: 0px 6px 6px 0px;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(34px);
+}
+
+.sharebondimage-nft-id span {
+  font-size: 14px;
+  color: text;
+  line-height: 8px;
+}
+
+.sharebondimage-nft img {
+  width: 319px;
+  height: 180px;
+  border-radius: 10px 10px 0px 0px;
+}
+
+.sharebondimage-container-info {
+  display: flex;
+  width: 381px;
+  height: 147px;
+  background-color: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(34px);
+  border-radius: 10px;
+  justify-content: start;
+  align-items: start;
+  flex-direction: column;
+  padding: 10px 8px 10px 8px;
+  margin-top: -3px;
+}
+
+.sharebondimage-container-discount {
+  display: flex;
+  justify-content: start;
+  align-items: center;
+  width: 100%;
+  background-color: rgba(255, 255, 255, 0.05);
+  border-radius: 7px;
+  padding: 10px;
+}
+
+.sharebondimage-container-off {
+  display: flex;
+  margin-left: 30px;
+  width: 110px;
+  height: 27px;
+  border-radius: 5px;
+  border: 1px solid rgba(56, 166, 17, 0.2);
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(56, 166, 17, 0.0509803922);
+}
+
+.sharebondimage-container-off span {
+  color: #38A611;
+  font-size: 16px;
+  font-weight: 700;
+}
+
+.sharebondimage-container-discount-price {
+  flex-direction: column;
+  margin-left: 13px;
+}
+
+.sharebondimage-container-discount-token {
+  display: flex;
+  gap: 4px;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.sharebondimage-container-discount-token span {
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.sharebondimage-container-discount-price-discount {
+  color: #49B423;
+  font-size: 22px;
+  font-weight: 700;
+}
+
+.sharebondimage-container-tokens {
+  display: flex;
+  width: 100%;
+  padding-top: 6px;
+  gap: 5px;
+  justify-content: center;
+  align-items: center;
+}
+
+.sharebondimage-container-token {
+  display: flex;
+  gap: 5px;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  background-color: rgba(255, 255, 255, 0.05);
+  border-radius: 7px;
+  padding: 10px;
+}
+
+.sharebondimage-container-token img {
+  width: 26px;
+  height: 26px;
+}
+
+.sharebondimage-amount-deposit {
+  color: #FAFAFA;
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.sharebondimage-dollarvalue {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.sharebondimage-container-earntoken {
+  display: flex;
+  flex-direction: column;
+}
+
+.sharebondimage-amount-earntoken {
+  display: flex;
+  gap: 5px;
+  justify-content: center;
+  align-items: center;
+}
+
+.sharebondimage-profit {
+  justify-content: center;
+  align-items: center;
+}
+
+.sharebondimage-profit span {
+  color: #38A611;
+  font-size: 10px;
+  font-weight: 400;
+  line-height: 4px;
+}
+
+.sharebondimage-amount-payout {
+  color: #38A611;
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.sharebondimage-amount-dollarvalue {
+  color: #38A611;
+  font-size: 12px;
+  font-weight: 400;
+}

package/dist/views/YourBondsModal/components/LinkShare/LinkShare.d.ts

@@ -0,0 +1,6 @@
+import { UserBill, UserBillNftData } from '../../../../types/yourbonds';
+declare const LinkShare: ({ bondNFTData, userBill }: {
+    bondNFTData: UserBillNftData | undefined;
+    userBill: UserBill | undefined;
+}) => import("react").JSX.Element;
+export default LinkShare;

package/dist/views/YourBondsModal/components/LinkShare/styles.d.ts

@@ -0,0 +1,2 @@
+import { ThemeUIStyleObject } from 'theme-ui';
+export declare const styles: Record<'linkShareButton' | 'containerLinksShare', ThemeUIStyleObject>;

package/dist/views/YourBondsModal/components/LinkShare/templateImageShare.d.ts

@@ -0,0 +1,2 @@
+import { UserBillNftData } from "../../../../types/yourbonds";
+export declare function getTemplateHTML(data: UserBillNftData): string;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "2.0.6",
+  "version": "2.0.7-test.0",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",
@@ -20,20 +20,22 @@
     "lint": "eslint && tsc --noEmit"
   },
   "peerDependencies": {
+    "@rainbow-me/rainbowkit": "^2.1.6",
+    "@tanstack/react-query": "5.51.5",
+    "axios": "1.7.2",
     "react": "^18.2.0",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "axios": "1.7.2",
-    "wagmi": "2.12.17",
-    "@tanstack/react-query": "5.51.5",
-    "@rainbow-me/rainbowkit": "^2.1.6"
+    "wagmi": "2.12.17"
   },
   "devDependencies": {
     "@eslint/js": "^9.10.0",
+    "@rainbow-me/rainbowkit": "^2.1.6",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@tanstack/react-query-devtools": "5.51.5",
+    "@types/dom-to-image": "^2.6.7",
     "@types/lodash": "^4.17.6",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
@@ -47,26 +49,26 @@
     "rimraf": "5.0.10",
     "rollup": "^4.14.0",
     "rollup-plugin-scss": "^4.0.0",
+    "sass": "^1.77.7",
     "typescript": "^5.0.0",
     "typescript-eslint": "^8.5.0",
     "vite": "^5.4.4",
-    "yalc": "^1.0.0-pre.53",
-    "sass": "^1.77.7",
-    "@rainbow-me/rainbowkit": "^2.1.6"
+    "yalc": "^1.0.0-pre.53"
   },
   "dependencies": {
     "@ape.swap/apeswap-lists": "3.70.1",
     "@emotion/react": "^11.11.4",
     "bignumber.js": "^9.1.2",
+    "chart.js": "4.2.0",
+    "dom-to-image": "^2.6.0",
     "framer-motion": "^11.3.2",
+    "lightweight-charts": "4.1.5",
     "lodash": "^4.17.21",
     "numbro": "^2.5.0",
-    "swiper": "8.4.7",
-    "theme-ui": "0.16.2",
     "primereact": "10.6.2",
-    "chart.js": "4.2.0",
     "react-chartjs-2": "5.2.0",
-    "lightweight-charts": "4.1.5"
+    "swiper": "8.4.7",
+    "theme-ui": "0.16.2"
   },
   "browserslist": {
     "production": [