@ape.swap/bonds-sdk 3.0.30-test.0 → 3.0.31-test

package/dist/config/constants/queryKeys.d.ts

@@ -35,4 +35,5 @@ export declare const QUERY_KEYS: {
     POP_UPS: string;
     GEO_FENCING: string;
     TIER_PROOF_SIG: string;
+    ACTIVE_VIEW: string;
 };

package/dist/main.js

@@ -18829,6 +18829,7 @@ const QUERY_KEYS = {
     POP_UPS: 'ApeBond-SDK-popUps',
     GEO_FENCING: 'ApeBond-SDK-geoFencing',
     TIER_PROOF_SIG: 'ApeBond-SDK-tierProofSig',
+    ACTIVE_VIEW: 'ApeBond-SDK-activeView',
 };
 
 function useCookie(key, defaultValue) {
@@ -77129,9 +77130,10 @@ function useHotBondContracts() {
     return useQuery({
         queryKey: [QUERY_KEYS.HOT_BONDS_CONTRACTS],
         queryFn: getHotBondsContracts,
+        staleTime: Infinity,
         refetchOnWindowFocus: false,
+        refetchOnMount: false,
         retry: 1,
-        initialData: [],
     });
 }
 function useHotBonds() {
@@ -77141,13 +77143,14 @@ function useHotBonds() {
         queryKey: [QUERY_KEYS.HOT_BONDS, bondsData === null || bondsData === void 0 ? void 0 : bondsData.length, hotBondContracts === null || hotBondContracts === void 0 ? void 0 : hotBondContracts.length],
         queryFn: () => getHotBonds(bondsData, hotBondContracts),
         refetchOnWindowFocus: false,
-        retry: 1,
-        initialData: [],
-        enabled: !!bondsData && !!hotBondContracts,
+        refetchInterval: 30000,
+        enabled: !!bondsData && bondsData.length > 0 && !!hotBondContracts && hotBondContracts.length > 0,
+        retry: 0,
     });
 }
 const getHotBondsContracts = () => __awaiter$9(void 0, void 0, void 0, function* () {
     try {
+        console.log('call!');
         const response = yield axios.get(`${STRAPI_URL}/hot-bonds`);
         return response.data.map((bond) => bond.BondAddress.toLowerCase());
     }
@@ -77506,32 +77509,47 @@ const Bonds = () => {
                 }, children: [jsx$2(Svg, { icon: "StarFilled", width: 75, height: 75 }), jsx$2(Flex$1, { sx: { mt: '10px' }, children: `You don't have any Favorite Bonds yet!` }), jsx$2(Flex$1, { sx: { fontSize: '12px', fontWeight: 400, color: 'textDisabledButton', mt: '10px' }, children: `Click on the 'star' or 'fire' icon to add Bonds to the list.` })] })) : (jsx$2(Flex$1, { className: "bonds-spinner", children: jsx$2(Spinner, { size: 100 }) })), SDKConfig.useHotBonds && jsx$2(RecommendationCards$1, {}), jsx$2(Flex$1, { sx: { width: '100%', justifyContent: 'center', my: '15px' }, children: jsx$2("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1741643990/poweredbyapebondsdk_cxiouj.png", alt: "powered-by-apebond", style: { width: '200px', height: 'auto' } }) })] }));
 };
 
-var BondsViewOptions;
+var BondsViewOptions$1;
 (function (BondsViewOptions) {
     BondsViewOptions["BONDSMARKET"] = "Bonds Market";
     BondsViewOptions["YOURBONDS"] = "Your Bonds";
-})(BondsViewOptions || (BondsViewOptions = {}));
-const FullBondsView = () => {
-    const [activeView, setActiveView] = useState(BondsViewOptions.BONDSMARKET);
-    const handleToogle = () => {
-        const newOption = activeView === BondsViewOptions.YOURBONDS ? BondsViewOptions.BONDSMARKET : BondsViewOptions.YOURBONDS;
+})(BondsViewOptions$1 || (BondsViewOptions$1 = {}));
+const useActiveView = () => {
+    // Query to fetch the activeView's current state
+    const { data: activeView = BondsViewOptions$1.BONDSMARKET } = useQuery({
+        queryKey: [QUERY_KEYS.ACTIVE_VIEW],
+        queryFn: () => {
+            // Initialize from the URL if on first load
+            if (typeof window !== 'undefined') {
+                const isYourBonds = window.location.search === '?yourBonds';
+                return isYourBonds ? BondsViewOptions$1.YOURBONDS : BondsViewOptions$1.BONDSMARKET;
+            }
+            return BondsViewOptions$1.BONDSMARKET;
+        },
+    });
+    const queryClient = useQueryClient();
+    const handleToogle = (newView) => {
+        queryClient.setQueryData([QUERY_KEYS.ACTIVE_VIEW], newView); // Update cache
         if (typeof window !== 'undefined') {
             const currentPath = window.location.pathname;
-            if (newOption === BondsViewOptions.YOURBONDS) {
-                // window.location.pathname = '/yourBonds'
+            if (newView === BondsViewOptions$1.YOURBONDS) {
                 window.history.pushState({}, '', `${currentPath}?yourBonds`);
             }
             else {
                 window.history.pushState({}, '', `${currentPath}`);
             }
         }
-        setActiveView(newOption);
     };
-    useEffect(() => {
-        if (window.location.search === '?yourBonds') {
-            setActiveView(BondsViewOptions.YOURBONDS);
-        }
-    }, []);
+    return { activeView, handleToogle };
+};
+
+var BondsViewOptions;
+(function (BondsViewOptions) {
+    BondsViewOptions["BONDSMARKET"] = "Bonds Market";
+    BondsViewOptions["YOURBONDS"] = "Your Bonds";
+})(BondsViewOptions || (BondsViewOptions = {}));
+const FullBondsView = () => {
+    const { activeView, handleToogle } = useActiveView();
     return (jsxs("div", { className: "full-bonds-view-container", children: [jsx$2("div", { className: "toggle-container", children: jsx$2(Toggle, { options: [BondsViewOptions.BONDSMARKET, BondsViewOptions.YOURBONDS], activeOption: activeView, handleToggle: handleToogle }) }), jsx$2(Flex, { sx: { width: '100%' }, children: activeView === BondsViewOptions.BONDSMARKET ? jsx$2(Bonds, {}) : jsx$2(YourBonds, {}) })] }));
 };
 

package/dist/state/activeView/index.d.ts

@@ -0,0 +1,9 @@
+export declare enum BondsViewOptions {
+    BONDSMARKET = "Bonds Market",
+    YOURBONDS = "Your Bonds"
+}
+declare const useActiveView: () => {
+    activeView: BondsViewOptions;
+    handleToogle: (newView: string) => void;
+};
+export default useActiveView;

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

@@ -1,6 +1,6 @@
 import { UseQueryResult } from '@tanstack/react-query';
 import { BondsData } from '../../types/bonds';
-export declare function useHotBondContracts(): import("@tanstack/react-query").DefinedUseQueryResult<string[], Error>;
+export declare function useHotBondContracts(): UseQueryResult<string[], Error>;
 export default function useHotBonds(): UseQueryResult<BondsData[]>;
 export declare const getHotBondsContracts: () => Promise<string[]>;
 export declare const getHotBonds: (bondData: BondsData[], hotBondContracts: string[]) => Promise<BondsData[]>;

package/dist/styles.css

@@ -1028,7 +1028,7 @@ span.flex-inline {
 }
 @media screen and (min-width: 1000px) {
   .your-bonds .token-info-container {
-    width: 40%;
+    width: 45%;
   }
 }
 .your-bonds .token-info-container .tooltip-column {
@@ -1051,7 +1051,7 @@ span.flex-inline {
 }
 @media screen and (min-width: 1000px) {
   .your-bonds .your-bonds-columns-container {
-    width: 60%;
+    width: 55%;
     justify-content: space-between;
     flex-direction: row;
     padding-right: 20px;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "3.0.30-test.0",
+  "version": "3.0.31-test",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",