@ape.swap/bonds-sdk 3.1.8 → 3.1.9-test.3

package/dist/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/providers/index.js

@@ -0,0 +1,62 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import ModalProvider from '../contexts/ModalContext.js';
+import { defaultTheme } from '../theme/index.js';
+import { ThemeUIProvider } from 'theme-ui';
+import BigNumber from 'bignumber.js';
+import Popups from '../contexts/Popups.js';
+
+/**
+ * This is the list of local providers that will be used internally by the SDK
+ *
+ * It is important to understand the difference between this component and the one located on the dev directory,
+ * which aims to simulate the providers required to be installed by the consumer of the SDK.
+ *
+ * Finally, it is important to note that this Providers component should NOT be used multiple times, so for instance:
+ * The components exported from the src/main.ts file are all wrapped with this Provider component. Though the FullBondsView
+ * component that imports the Bonds and YourBonds views, do NOT import the Bonds and YourBonds with providers, it imports
+ * the component directly without providers. This is important to understand.
+ */
+// This config is required for number formatting
+BigNumber.config({
+    EXPONENTIAL_AT: 1000,
+    DECIMAL_PLACES: 80,
+});
+const Providers = ({ children, theme }) => {
+    const themeToUse = defaultTheme;
+    if (themeToUse?.colors?.primaryButton && theme?.colors?.primaryButton) {
+        themeToUse.colors.primaryButton = theme?.colors?.primaryButton;
+    }
+    if (themeToUse?.colors?.white1 && theme?.colors?.white1) {
+        themeToUse.colors.white1 = theme?.colors?.white1;
+    }
+    if (themeToUse?.colors?.white2 && theme?.colors?.white2) {
+        themeToUse.colors.white2 = theme?.colors?.white2;
+    }
+    if (themeToUse?.colors?.white3 && theme?.colors?.white3) {
+        themeToUse.colors.white3 = theme?.colors?.white3;
+    }
+    if (themeToUse?.colors?.white4 && theme?.colors?.white4) {
+        themeToUse.colors.white4 = theme?.colors?.white4;
+    }
+    if (themeToUse?.colors?.white5 && theme?.colors?.white5) {
+        themeToUse.colors.white5 = theme?.colors?.white5;
+    }
+    if (themeToUse?.colors?.text && theme?.colors?.text) {
+        themeToUse.colors.text = theme?.colors?.text;
+    }
+    if (themeToUse?.colors?.primaryBright && theme?.colors?.primaryBright) {
+        themeToUse.colors.primaryBright = theme?.colors?.primaryBright;
+    }
+    if (themeToUse?.radii && theme?.radii) {
+        themeToUse.radii = { normal: theme?.radii };
+    }
+    if (themeToUse?.fonts && theme?.customFont) {
+        themeToUse.fonts = {
+            body: `${theme?.customFont}, sans-serif`,
+        };
+    }
+    return (jsx(ThemeUIProvider, { theme: themeToUse, children: jsx(ModalProvider, { children: jsx(Popups, { children: children }) }) }));
+};
+
+export { Providers as default };
+//# sourceMappingURL=index.js.map

package/dist/providers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/providers/index.tsx"],"sourcesContent":["import React from 'react'\nimport ModalProvider from '../contexts/ModalContext'\nimport { defaultTheme } from '../theme'\nimport { ThemeUIProvider } from 'theme-ui'\nimport BigNumber from 'bignumber.js'\nimport Popups from '../contexts/Popups'\n\n/**\n * This is the list of local providers that will be used internally by the SDK\n *\n * It is important to understand the difference between this component and the one located on the dev directory,\n * which aims to simulate the providers required to be installed by the consumer of the SDK.\n *\n * Finally, it is important to note that this Providers component should NOT be used multiple times, so for instance:\n * The components exported from the src/main.ts file are all wrapped with this Provider component. Though the FullBondsView\n * component that imports the Bonds and YourBonds views, do NOT import the Bonds and YourBonds with providers, it imports\n * the component directly without providers. This is important to understand.\n */\n\n// This config is required for number formatting\nBigNumber.config({\n  EXPONENTIAL_AT: 1000,\n  DECIMAL_PLACES: 80,\n})\n\nconst Providers = ({ children, theme }: { children: React.ReactNode; theme: any }) => {\n  const themeToUse = defaultTheme\n\n  if (themeToUse?.colors?.primaryButton && theme?.colors?.primaryButton) {\n    themeToUse.colors.primaryButton = theme?.colors?.primaryButton\n  }\n  if (themeToUse?.colors?.white1 && theme?.colors?.white1) {\n    themeToUse.colors.white1 = theme?.colors?.white1\n  }\n  if (themeToUse?.colors?.white2 && theme?.colors?.white2) {\n    themeToUse.colors.white2 = theme?.colors?.white2\n  }\n  if (themeToUse?.colors?.white3 && theme?.colors?.white3) {\n    themeToUse.colors.white3 = theme?.colors?.white3\n  }\n  if (themeToUse?.colors?.white4 && theme?.colors?.white4) {\n    themeToUse.colors.white4 = theme?.colors?.white4\n  }\n  if (themeToUse?.colors?.white5 && theme?.colors?.white5) {\n    themeToUse.colors.white5 = theme?.colors?.white5\n  }\n  if (themeToUse?.colors?.text && theme?.colors?.text) {\n    themeToUse.colors.text = theme?.colors?.text\n  }\n  if (themeToUse?.colors?.primaryBright && theme?.colors?.primaryBright) {\n    themeToUse.colors.primaryBright = theme?.colors?.primaryBright\n  }\n  if (themeToUse?.radii && theme?.radii) {\n    themeToUse.radii = { normal: theme?.radii }\n  }\n  if (themeToUse?.fonts && theme?.customFont) {\n    themeToUse.fonts = {\n      body: `${theme?.customFont}, sans-serif`,\n    }\n  }\n\n  return (\n    <ThemeUIProvider theme={themeToUse}>\n      <ModalProvider>\n        <Popups>{children}</Popups>\n      </ModalProvider>\n    </ThemeUIProvider>\n  )\n}\n\nexport default Providers\n"],"names":["_jsx"],"mappings":";;;;;;;AAOA;;;;;;;;;;AAUG;AAEH;AACA,SAAS,CAAC,MAAM,CAAC;AACf,IAAA,cAAc,EAAE,IAAI;AACpB,IAAA,cAAc,EAAE,EAAE;AACnB,CAAA,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA6C,KAAI;IACnF,MAAM,UAAU,GAAG,YAAY;AAE/B,IAAA,IAAI,UAAU,EAAE,MAAM,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE;QACrE,UAAU,CAAC,MAAM,CAAC,aAAa,GAAG,KAAK,EAAE,MAAM,EAAE,aAAa;IAChE;AACA,IAAA,IAAI,UAAU,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;QACvD,UAAU,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM;IAClD;AACA,IAAA,IAAI,UAAU,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;QACvD,UAAU,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM;IAClD;AACA,IAAA,IAAI,UAAU,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;QACvD,UAAU,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM;IAClD;AACA,IAAA,IAAI,UAAU,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;QACvD,UAAU,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM;IAClD;AACA,IAAA,IAAI,UAAU,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;QACvD,UAAU,CAAC,MAAM,CAAC,MAAM,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM;IAClD;AACA,IAAA,IAAI,UAAU,EAAE,MAAM,EAAE,IAAI,IAAI,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE;QACnD,UAAU,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,EAAE,MAAM,EAAE,IAAI;IAC9C;AACA,IAAA,IAAI,UAAU,EAAE,MAAM,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE;QACrE,UAAU,CAAC,MAAM,CAAC,aAAa,GAAG,KAAK,EAAE,MAAM,EAAE,aAAa;IAChE;IACA,IAAI,UAAU,EAAE,KAAK,IAAI,KAAK,EAAE,KAAK,EAAE;QACrC,UAAU,CAAC,KAAK,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE;IAC7C;IACA,IAAI,UAAU,EAAE,KAAK,IAAI,KAAK,EAAE,UAAU,EAAE;QAC1C,UAAU,CAAC,KAAK,GAAG;AACjB,YAAA,IAAI,EAAE,CAAA,EAAG,KAAK,EAAE,UAAU,CAAA,YAAA,CAAc;SACzC;IACH;AAEA,IAAA,QACEA,GAAA,CAAC,eAAe,IAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAChCA,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EACZA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAE,QAAQ,GAAU,EAAA,CACb,EAAA,CACA;AAEtB;;;;"}

package/dist/state/abtesting/useCookie.js

@@ -0,0 +1,40 @@
+import { useState, useCallback } from 'react';
+
+function useCookie(key, defaultValue) {
+    const getCookie = () => {
+        if (typeof window === 'undefined')
+            return defaultValue;
+        try {
+            const cookie = window.document.cookie.split('; ').find((row) => row.startsWith(key));
+            if (!cookie)
+                return defaultValue;
+            const cookieValue = cookie.slice(key.length + 1);
+            return JSON.parse(cookieValue);
+        }
+        catch {
+            return defaultValue;
+        }
+    };
+    const [cookie, setCookieState] = useState(getCookie);
+    const updateCookie = useCallback((value) => {
+        if (typeof window === 'undefined')
+            return;
+        const defaultExpiry = 6 * 30; // Default to approximately six months
+        let str = `${key}=${JSON.stringify(value)}`;
+        const date = new Date();
+        date.setTime(date.getTime() + defaultExpiry * 24 * 60 * 60 * 1000);
+        str += `; expires=${date.toUTCString()}`;
+        window.document.cookie = str;
+        setCookieState(value);
+    }, [key]);
+    const removeCookie = useCallback(() => {
+        if (typeof window === 'undefined')
+            return;
+        document.cookie = `${key}=; Expires=Thu, 01 Jan 1970 00:00:01 GMT;`;
+        setCookieState(defaultValue);
+    }, [defaultValue, key]);
+    return { cookie, updateCookie, removeCookie };
+}
+
+export { useCookie as default };
+//# sourceMappingURL=useCookie.js.map

package/dist/state/abtesting/useCookie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCookie.js","sources":["../../../src/state/abtesting/useCookie.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\n\ninterface UseCookieOptions {\n  expires?: number\n}\n\nfunction useCookie<T>(\n  key: string,\n  defaultValue: T,\n): { cookie: T; updateCookie: (value: T, options?: UseCookieOptions) => void; removeCookie: () => void } {\n  const getCookie = (): T => {\n    if (typeof window === 'undefined') return defaultValue\n\n    try {\n      const cookie = window.document.cookie.split('; ').find((row) => row.startsWith(key))\n\n      if (!cookie) return defaultValue\n\n      const cookieValue = cookie.slice(key.length + 1)\n\n      return JSON.parse(cookieValue) as T\n    } catch {\n      return defaultValue\n    }\n  }\n\n  const [cookie, setCookieState] = useState<T>(getCookie)\n\n  const updateCookie = useCallback(\n    (value: T): void => {\n      if (typeof window === 'undefined') return\n\n      const defaultExpiry = 6 * 30 // Default to approximately six months\n      let str = `${key}=${JSON.stringify(value)}`\n\n      const date = new Date()\n      date.setTime(date.getTime() + defaultExpiry * 24 * 60 * 60 * 1000)\n      str += `; expires=${date.toUTCString()}`\n\n      window.document.cookie = str\n      setCookieState(value)\n    },\n    [key],\n  )\n\n  const removeCookie = useCallback((): void => {\n    if (typeof window === 'undefined') return\n\n    document.cookie = `${key}=; Expires=Thu, 01 Jan 1970 00:00:01 GMT;`\n    setCookieState(defaultValue)\n  }, [defaultValue, key])\n\n  return { cookie, updateCookie, removeCookie }\n}\n\nexport default useCookie\n"],"names":[],"mappings":";;AAMA,SAAS,SAAS,CAChB,GAAW,EACX,YAAe,EAAA;IAEf,MAAM,SAAS,GAAG,MAAQ;QACxB,IAAI,OAAO,MAAM,KAAK,WAAW;AAAE,YAAA,OAAO,YAAY;AAEtD,QAAA,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AAEpF,YAAA,IAAI,CAAC,MAAM;AAAE,gBAAA,OAAO,YAAY;AAEhC,YAAA,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;AAEhD,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,CAAM;QACrC;AAAE,QAAA,MAAM;AACN,YAAA,OAAO,YAAY;QACrB;AACF,IAAA,CAAC;IAED,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAI,SAAS,CAAC;AAEvD,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAQ,KAAU;QACjB,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE;AAEnC,QAAA,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,CAAA;AAC5B,QAAA,IAAI,GAAG,GAAG,CAAA,EAAG,GAAG,CAAA,CAAA,EAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA,CAAE;AAE3C,QAAA,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE;AACvB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,aAAa,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAClE,QAAA,GAAG,IAAI,CAAA,UAAA,EAAa,IAAI,CAAC,WAAW,EAAE,EAAE;AAExC,QAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,GAAG;QAC5B,cAAc,CAAC,KAAK,CAAC;AACvB,IAAA,CAAC,EACD,CAAC,GAAG,CAAC,CACN;AAED,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAW;QAC1C,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE;AAEnC,QAAA,QAAQ,CAAC,MAAM,GAAG,CAAA,EAAG,GAAG,2CAA2C;QACnE,cAAc,CAAC,YAAY,CAAC;AAC9B,IAAA,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAEvB,IAAA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE;AAC/C;;;;"}

package/dist/state/activeView/index.js

@@ -0,0 +1,39 @@
+import { useQuery, useQueryClient } from '@tanstack/react-query';
+import { QUERY_KEYS } from '../../config/constants/queryKeys.js';
+
+var BondsViewOptions;
+(function (BondsViewOptions) {
+    BondsViewOptions["BONDSMARKET"] = "Bonds Market";
+    BondsViewOptions["YOURBONDS"] = "Your Bonds";
+})(BondsViewOptions || (BondsViewOptions = {}));
+const useActiveView = () => {
+    // Query to fetch the activeView's current state
+    const { data: activeView = BondsViewOptions.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.YOURBONDS : BondsViewOptions.BONDSMARKET;
+            }
+            return BondsViewOptions.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 (newView === BondsViewOptions.YOURBONDS) {
+                window.history.pushState({}, '', `${currentPath}?yourBonds`);
+            }
+            else {
+                window.history.pushState({}, '', `${currentPath}`);
+            }
+        }
+    };
+    return { activeView, handleToogle };
+};
+
+export { BondsViewOptions, useActiveView as default };
+//# sourceMappingURL=index.js.map

package/dist/state/activeView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/state/activeView/index.ts"],"sourcesContent":["import { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { QUERY_KEYS } from '../../config/constants/queryKeys'\n\nexport enum BondsViewOptions {\n  BONDSMARKET = 'Bonds Market',\n  YOURBONDS = 'Your Bonds',\n}\n\nconst useActiveView = () => {\n  // Query to fetch the activeView's current state\n  const { data: activeView = BondsViewOptions.BONDSMARKET } = useQuery({\n    queryKey: [QUERY_KEYS.ACTIVE_VIEW],\n    queryFn: () => {\n      // Initialize from the URL if on first load\n      if (typeof window !== 'undefined') {\n        const isYourBonds = window.location.search === '?yourBonds'\n        return isYourBonds ? BondsViewOptions.YOURBONDS : BondsViewOptions.BONDSMARKET\n      }\n      return BondsViewOptions.BONDSMARKET\n    },\n  })\n\n  const queryClient = useQueryClient()\n  const handleToogle = (newView: string) => {\n    queryClient.setQueryData([QUERY_KEYS.ACTIVE_VIEW], newView) // Update cache\n\n    if (typeof window !== 'undefined') {\n      const currentPath = window.location.pathname\n      if (newView === BondsViewOptions.YOURBONDS) {\n        window.history.pushState({}, '', `${currentPath}?yourBonds`)\n      } else {\n        window.history.pushState({}, '', `${currentPath}`)\n      }\n    }\n  }\n\n  return { activeView, handleToogle }\n}\n\nexport default useActiveView\n"],"names":[],"mappings":";;;IAGY;AAAZ,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,aAAA,CAAA,GAAA,cAA4B;AAC5B,IAAA,gBAAA,CAAA,WAAA,CAAA,GAAA,YAAwB;AAC1B,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,GAAA,EAAA,CAAA,CAAA;AAK5B,MAAM,aAAa,GAAG,MAAK;;IAEzB,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,gBAAgB,CAAC,WAAW,EAAE,GAAG,QAAQ,CAAC;AACnE,QAAA,QAAQ,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC;QAClC,OAAO,EAAE,MAAK;;AAEZ,YAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBACjC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,KAAK,YAAY;AAC3D,gBAAA,OAAO,WAAW,GAAG,gBAAgB,CAAC,SAAS,GAAG,gBAAgB,CAAC,WAAW;YAChF;YACA,OAAO,gBAAgB,CAAC,WAAW;QACrC,CAAC;AACF,KAAA,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,cAAc,EAAE;AACpC,IAAA,MAAM,YAAY,GAAG,CAAC,OAAe,KAAI;AACvC,QAAA,WAAW,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,CAAA;AAE3D,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,YAAA,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ;AAC5C,YAAA,IAAI,OAAO,KAAK,gBAAgB,CAAC,SAAS,EAAE;AAC1C,gBAAA,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,CAAA,EAAG,WAAW,CAAA,UAAA,CAAY,CAAC;YAC9D;iBAAO;AACL,gBAAA,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,CAAA,EAAG,WAAW,CAAA,CAAE,CAAC;YACpD;QACF;AACF,IAAA,CAAC;AAED,IAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE;AACrC;;;;"}

package/dist/state/allowance/useAllowance.js

@@ -0,0 +1,136 @@
+import { useQuery } from '@tanstack/react-query';
+import BigNumber from 'bignumber.js';
+import ERC_20_ABI from '../../config/abi/erc20.json.js';
+import { QUERY_KEYS } from '../../config/constants/queryKeys.js';
+import multicall from '../../utils/multicall.js';
+import convertToTokenValue from '../../utils/convertToTokenValue.js';
+import USDT_ETH_ABI from '../../config/abi/usdtETH.json.js';
+import { useState, useEffect, useCallback } from 'react';
+import { useWriteContract } from 'wagmi';
+import { useMonitorTxHash } from '../../hooks/useMonitorTxHash.js';
+import { usePopups } from '../popups/usePopups.js';
+import { reportError } from '../../utils/reportError.js';
+import { useURLByEnvironment } from '../useSDKConfig.js';
+
+/**
+ * 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
+ */
+var ApprovalState;
+(function (ApprovalState) {
+    ApprovalState["NOT_APPROVED"] = "NOT_APPROVED";
+    ApprovalState["PENDING"] = "PENDING";
+    ApprovalState["APPROVED"] = "APPROVED";
+})(ApprovalState || (ApprovalState = {}));
+function useAllowance(currency, spender, account, chainId) {
+    return useQuery({
+        queryKey: [
+            QUERY_KEYS.ALLOWANCE,
+            account ?? '',
+            chainId,
+            currency === 'NATIVE' ? currency : currency?.symbol,
+            spender,
+        ],
+        queryFn: () => getTokenAllowance(currency, spender, account, chainId),
+        refetchInterval: 10000, // i.e. 10 sec
+        refetchOnWindowFocus: false,
+        retry: 1,
+    });
+}
+const getTokenAllowance = async (currency, spender, account, chainId) => {
+    if (currency === 'NATIVE')
+        return null;
+    // if (!account) {
+    //   console.log('Account disconnected')
+    // } else if (!currency) {
+    //   console.log('No currency selected')
+    // } else if (!chainId) {
+    //   console.log('No chainId selected')
+    // } else if (!spender) {
+    //   console.log('No spender selected')
+    // }
+    if (!account || !currency || !chainId || !spender)
+        return null;
+    const calls = [
+        {
+            address: currency.address[chainId],
+            name: 'allowance',
+            params: [account, spender],
+        },
+    ];
+    const data = await multicall(chainId, ERC_20_ABI, calls);
+    const value = new BigNumber(data[0] ?? 0).div(new BigNumber(10).pow(currency.decimals[chainId]));
+    return value.toNumber();
+};
+const useApproval = (amount, currency, spender, account, chainId) => {
+    const apiUrl = useURLByEnvironment('apiV2');
+    const [confirmingTxOnWallet, setConfirmingTxOnWallet] = useState(false);
+    const [txHash, setTxHash] = useState('');
+    const { data: allowance, refetch } = useAllowance(currency, spender, account, chainId);
+    const { writeContractAsync } = useWriteContract();
+    const { isLoading: isConfirming, isSuccess: isConfirmed } = useMonitorTxHash(txHash, chainId);
+    const { addToastError } = usePopups();
+    const confirmingTxOnChain = isConfirming && !isConfirmed;
+    useEffect(() => {
+        if (txHash && isConfirmed) {
+            setTxHash('');
+            refetch();
+            console.log('refetch allowance');
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [txHash, confirmingTxOnChain]);
+    const handleApprove = useCallback(async () => {
+        if (!chainId || !amount || currency === 'NATIVE' || !currency)
+            return null;
+        const decimals = currency.decimals[chainId];
+        const tokenAddress = currency.address[chainId];
+        if (!decimals || !tokenAddress)
+            return null;
+        try {
+            const bigishAmount = convertToTokenValue(amount, decimals);
+            setConfirmingTxOnWallet(true);
+            const hash = await writeContractAsync({
+                address: tokenAddress,
+                abi: tokenAddress?.toLowerCase() === '0xdAC17F958D2ee523a2206206994597C13D831ec7'.toLowerCase()
+                    ? USDT_ETH_ABI
+                    : ERC_20_ABI,
+                functionName: 'approve',
+                args: [spender, bigishAmount],
+                account: account,
+                chain: chainId,
+            });
+            setConfirmingTxOnWallet(false);
+            setTxHash(hash);
+            return hash;
+        }
+        catch (error) {
+            setConfirmingTxOnWallet(false);
+            console.error('Approval failed:', error);
+            addToastError(error?.shortMessage || error?.details || error?.message);
+            reportError({
+                apiUrl,
+                error,
+                extraInfo: { type: 'approval', tokenAddress: tokenAddress, spenderAddress: spender, error },
+                chainId,
+                account: account,
+            });
+            throw error;
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [amount, currency, chainId]);
+    let approvalState = ApprovalState.NOT_APPROVED;
+    if (allowance && amount) {
+        approvalState = allowance >= parseFloat(amount) ? ApprovalState.APPROVED : ApprovalState.NOT_APPROVED;
+    }
+    if (currency === 'NATIVE') {
+        approvalState = ApprovalState.APPROVED;
+    }
+    if (confirmingTxOnChain || confirmingTxOnWallet) {
+        approvalState = ApprovalState.PENDING;
+    }
+    return [approvalState ?? ApprovalState.NOT_APPROVED, handleApprove];
+};
+
+export { ApprovalState, getTokenAllowance, useApproval };
+//# sourceMappingURL=useAllowance.js.map

package/dist/state/allowance/useAllowance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAllowance.js","sources":["../../../src/state/allowance/useAllowance.ts"],"sourcesContent":["import { useQuery, UseQueryResult } from '@tanstack/react-query'\nimport BigNumber from 'bignumber.js'\nimport { ChainId, Token } from '@ape.swap/apeswap-lists'\nimport erc20ABI from '../../config/abi/erc20.json'\nimport { QUERY_KEYS } from '../../config/constants/queryKeys'\nimport multicall, { Call } from '../../utils/multicall'\nimport convertToTokenValue from '../../utils/convertToTokenValue'\nimport ERC_20_ABI from '../../config/abi/erc20.json'\nimport USDT_ETH_ABI from '../../config/abi/usdtETH.json'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useWriteContract } from 'wagmi'\nimport { useMonitorTxHash } from '../../hooks/useMonitorTxHash'\nimport { usePopups } from '../popups/usePopups'\nimport { reportError } from '../../utils/reportError'\nimport { useURLByEnvironment } from '../useSDKConfig'\n\n/**\n * useAllowance hook: fetches the amount approved by the user for a given token\n * useApproval hook: returns the approval state (not approved, pending or approved) and a function to approve on chain\n * getTokenAllowance function fetches the allowance on chain\n */\n\nexport enum ApprovalState {\n  NOT_APPROVED = 'NOT_APPROVED',\n  PENDING = 'PENDING',\n  APPROVED = 'APPROVED',\n}\n\nexport default function useAllowance(\n  currency: 'NATIVE' | Token | null,\n  spender: string | null,\n  account: string | null,\n  chainId: ChainId | null,\n): UseQueryResult<number | null> {\n  return useQuery({\n    queryKey: [\n      QUERY_KEYS.ALLOWANCE,\n      account ?? '',\n      chainId,\n      currency === 'NATIVE' ? currency : currency?.symbol,\n      spender,\n    ],\n    queryFn: () => getTokenAllowance(currency, spender, account, chainId),\n    refetchInterval: 10000, // i.e. 10 sec\n    refetchOnWindowFocus: false,\n    retry: 1,\n  })\n}\n\nexport const getTokenAllowance = async (\n  currency: 'NATIVE' | Token | null,\n  spender: string | null,\n  account: string | null,\n  chainId: ChainId | null,\n): Promise<number | null> => {\n  if (currency === 'NATIVE') return null\n  // if (!account) {\n  //   console.log('Account disconnected')\n  // } else if (!currency) {\n  //   console.log('No currency selected')\n  // } else if (!chainId) {\n  //   console.log('No chainId selected')\n  // } else if (!spender) {\n  //   console.log('No spender selected')\n  // }\n  if (!account || !currency || !chainId || !spender) return null\n  const calls: Call[] = [\n    {\n      address: currency.address[chainId]!,\n      name: 'allowance',\n      params: [account, spender],\n    },\n  ]\n  const data = await multicall(chainId, erc20ABI, calls)\n  const value = new BigNumber(data[0] ?? 0).div(new BigNumber(10).pow(currency.decimals![chainId]!))\n  return value.toNumber()\n}\n\nexport const useApproval = (\n  amount: string,\n  currency: 'NATIVE' | Token | null,\n  spender: string | null,\n  account: string | null,\n  chainId: ChainId | null,\n): [ApprovalState, () => Promise<string | null | undefined>] => {\n  const apiUrl = useURLByEnvironment('apiV2')\n  const [confirmingTxOnWallet, setConfirmingTxOnWallet] = useState(false)\n  const [txHash, setTxHash] = useState('')\n  const { data: allowance, refetch } = useAllowance(currency, spender, account, chainId)\n\n  const { writeContractAsync } = useWriteContract()\n  const { isLoading: isConfirming, isSuccess: isConfirmed } = useMonitorTxHash(txHash, chainId as ChainId)\n  const { addToastError } = usePopups()\n  const confirmingTxOnChain = isConfirming && !isConfirmed\n\n  useEffect(() => {\n    if (txHash && isConfirmed) {\n      setTxHash('')\n      refetch()\n      console.log('refetch allowance')\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [txHash, confirmingTxOnChain])\n\n  const handleApprove = useCallback(async () => {\n    if (!chainId || !amount || currency === 'NATIVE' || !currency) return null\n    const decimals = currency.decimals![chainId]\n    const tokenAddress = currency.address[chainId] as `0x${string}`\n    if (!decimals || !tokenAddress) return null\n    try {\n      const bigishAmount = convertToTokenValue(amount, decimals)\n      setConfirmingTxOnWallet(true)\n      const hash = await writeContractAsync({\n        address: tokenAddress,\n        abi:\n          tokenAddress?.toLowerCase() === '0xdAC17F958D2ee523a2206206994597C13D831ec7'.toLowerCase()\n            ? USDT_ETH_ABI\n            : ERC_20_ABI,\n        functionName: 'approve',\n        args: [spender, bigishAmount],\n        account: account as `0x${string}`,\n        chain: chainId as any,\n      })\n      setConfirmingTxOnWallet(false)\n      setTxHash(hash)\n      return hash\n    } catch (error: any) {\n      setConfirmingTxOnWallet(false)\n      console.error('Approval failed:', error)\n      addToastError(error?.shortMessage || error?.details || error?.message)\n      reportError({\n        apiUrl,\n        error,\n        extraInfo: { type: 'approval', tokenAddress: tokenAddress, spenderAddress: spender, error },\n        chainId,\n        account: account!,\n      })\n      throw error\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [amount, currency, chainId])\n\n  let approvalState: ApprovalState = ApprovalState.NOT_APPROVED\n\n  if (allowance && amount) {\n    approvalState = allowance >= parseFloat(amount) ? ApprovalState.APPROVED : ApprovalState.NOT_APPROVED\n  }\n  if (currency === 'NATIVE') {\n    approvalState = ApprovalState.APPROVED\n  }\n  if (confirmingTxOnChain || confirmingTxOnWallet) {\n    approvalState = ApprovalState.PENDING\n  }\n\n  return [approvalState ?? ApprovalState.NOT_APPROVED, handleApprove]\n}\n"],"names":["erc20ABI"],"mappings":"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"}

package/dist/state/balance/useCurrencyBalance.js

@@ -0,0 +1,39 @@
+import { useQuery } from '@tanstack/react-query';
+import BigNumber from 'bignumber.js';
+import { MULTICALL_V2 } from '../../config/constants/addresses.js';
+import multicallV2Abi from '../../config/abi/multicallv2.json.js';
+import ERC_20_ABI from '../../config/abi/erc20.json.js';
+import { QUERY_KEYS } from '../../config/constants/queryKeys.js';
+import multicall from '../../utils/multicall.js';
+
+function useCurrencyBalance(currency, account, chainId) {
+    return useQuery({
+        queryKey: [
+            QUERY_KEYS.CURRENCY_BALANCE,
+            account ?? '',
+            currency === 'NATIVE' ? currency : currency?.symbol,
+            chainId,
+        ],
+        queryFn: () => getTokenBalance(currency, account, chainId),
+        refetchInterval: 10000, // i.e. 10 sec
+        refetchOnWindowFocus: false,
+        retry: 1,
+    });
+}
+const getTokenBalance = async (currency, account, chainId) => {
+    if (!account || !currency || !chainId)
+        return null;
+    const calls = [
+        {
+            address: currency === 'NATIVE' ? MULTICALL_V2[chainId] : currency.address[chainId],
+            name: currency === 'NATIVE' ? 'getEthBalance' : 'balanceOf',
+            params: [account],
+        },
+    ];
+    const data = await multicall(chainId, currency === 'NATIVE' ? multicallV2Abi : ERC_20_ABI, calls);
+    const value = new BigNumber(data[0] ?? 0).div(new BigNumber(10).pow(currency === 'NATIVE' ? 18 : currency.decimals[chainId]));
+    return value.toString();
+};
+
+export { useCurrencyBalance as default, getTokenBalance };
+//# sourceMappingURL=useCurrencyBalance.js.map

package/dist/state/balance/useCurrencyBalance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrencyBalance.js","sources":["../../../src/state/balance/useCurrencyBalance.ts"],"sourcesContent":["import { useQuery, UseQueryResult } from '@tanstack/react-query'\nimport BigNumber from 'bignumber.js'\nimport { ChainId, Token } from '@ape.swap/apeswap-lists'\nimport { MULTICALL_V2 } from '../../config/constants/addresses'\nimport multicallV2Abi from '../../config/abi/multicallv2.json'\nimport erc20ABI from '../../config/abi/erc20.json'\nimport { QUERY_KEYS } from '../../config/constants/queryKeys'\nimport multicall, { Call } from '../../utils/multicall'\n\nexport default function useCurrencyBalance(\n  currency: 'NATIVE' | Token | null,\n  account: string | null,\n  chainId: ChainId | null,\n): UseQueryResult<string | null> {\n  return useQuery({\n    queryKey: [\n      QUERY_KEYS.CURRENCY_BALANCE,\n      account ?? '',\n      currency === 'NATIVE' ? currency : currency?.symbol,\n      chainId,\n    ],\n    queryFn: () => getTokenBalance(currency, account, chainId),\n    refetchInterval: 10000, // i.e. 10 sec\n    refetchOnWindowFocus: false,\n    retry: 1,\n  })\n}\n\nexport const getTokenBalance = async (\n  currency: 'NATIVE' | Token | null,\n  account: string | null,\n  chainId: ChainId | null,\n): Promise<string | null> => {\n  if (!account || !currency || !chainId) return null\n  const calls: Call[] = [\n    {\n      address: currency === 'NATIVE' ? MULTICALL_V2[chainId]! : currency.address[chainId]!,\n      name: currency === 'NATIVE' ? 'getEthBalance' : 'balanceOf',\n      params: [account],\n    },\n  ]\n  const data = await multicall(chainId, currency === 'NATIVE' ? multicallV2Abi : erc20ABI, calls)\n  const value = new BigNumber(data[0] ?? 0).div(\n    new BigNumber(10).pow(currency === 'NATIVE' ? 18 : currency.decimals![chainId]!),\n  )\n  return value.toString()\n}\n"],"names":["erc20ABI"],"mappings":";;;;;;;;AASc,SAAU,kBAAkB,CACxC,QAAiC,EACjC,OAAsB,EACtB,OAAuB,EAAA;AAEvB,IAAA,OAAO,QAAQ,CAAC;AACd,QAAA,QAAQ,EAAE;AACR,YAAA,UAAU,CAAC,gBAAgB;AAC3B,YAAA,OAAO,IAAI,EAAE;YACb,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EAAE,MAAM;YACnD,OAAO;AACR,SAAA;QACD,OAAO,EAAE,MAAM,eAAe,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC;QAC1D,eAAe,EAAE,KAAK;AACtB,QAAA,oBAAoB,EAAE,KAAK;AAC3B,QAAA,KAAK,EAAE,CAAC;AACT,KAAA,CAAC;AACJ;AAEO,MAAM,eAAe,GAAG,OAC7B,QAAiC,EACjC,OAAsB,EACtB,OAAuB,KACG;AAC1B,IAAA,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI;AAClD,IAAA,MAAM,KAAK,GAAW;AACpB,QAAA;AACE,YAAA,OAAO,EAAE,QAAQ,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAE;YACpF,IAAI,EAAE,QAAQ,KAAK,QAAQ,GAAG,eAAe,GAAG,WAAW;YAC3D,MAAM,EAAE,CAAC,OAAO,CAAC;AAClB,SAAA;KACF;IACD,MAAM,IAAI,GAAG,MAAM,SAAS,CAAC,OAAO,EAAE,QAAQ,KAAK,QAAQ,GAAG,cAAc,GAAGA,UAAQ,EAAE,KAAK,CAAC;AAC/F,IAAA,MAAM,KAAK,GAAG,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAC3C,IAAI,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,KAAK,QAAQ,GAAG,EAAE,GAAG,QAAQ,CAAC,QAAS,CAAC,OAAO,CAAE,CAAC,CACjF;AACD,IAAA,OAAO,KAAK,CAAC,QAAQ,EAAE;AACzB;;;;"}

package/dist/state/balance/useUserTokensBalance.js

@@ -0,0 +1,79 @@
+import { useQuery } from '@tanstack/react-query';
+import { QUERY_KEYS } from '../../config/constants/queryKeys.js';
+import multicallV2Abi from '../../config/abi/multicallv2.json.js';
+import ERC_20_ABI from '../../config/abi/erc20.json.js';
+import multicall from '../../utils/multicall.js';
+import { MULTICALL_V2 } from '../../config/constants/addresses.js';
+import BigNumber from 'bignumber.js';
+import { useAccount } from 'wagmi';
+import { reportError } from '../../utils/reportError.js';
+import { useURLByEnvironment } from '../useSDKConfig.js';
+
+function useUserTokensBalance(tokens, chainId) {
+    const keys = tokens.map((token) => (token === 'NATIVE' ? 'NATIVE' : token.address[chainId]));
+    const { address: account } = useAccount();
+    const apiUrl = useURLByEnvironment('apiV2');
+    return useQuery({
+        queryKey: [`${QUERY_KEYS.USER_TOKENS_BALANCES}-${keys}-${account}`],
+        queryFn: () => getTokensBalance(account, tokens, chainId, apiUrl),
+        staleTime: 60000,
+        refetchOnWindowFocus: false,
+        enabled: !!account,
+    });
+}
+const getTokensBalance = async (account, tokens, chainId, apiUrl) => {
+    try {
+        const callsToken = tokens
+            .filter((token) => token !== 'NATIVE')
+            .map((token) => {
+            return {
+                address: token?.address?.[chainId] ?? '',
+                name: 'balanceOf',
+                params: [account],
+            };
+        });
+        const callNative = tokens
+            .filter((token) => token === 'NATIVE')
+            .map(() => {
+            return {
+                address: MULTICALL_V2[chainId],
+                name: 'getEthBalance',
+                params: [account],
+            };
+        });
+        const [dataToken, dataNative] = await Promise.all([
+            multicall(chainId, ERC_20_ABI, callsToken),
+            multicall(chainId, multicallV2Abi, callNative),
+        ]);
+        const balancesToken = dataToken.map((balance, i) => {
+            const token = tokens.find((token) => token !== 'NATIVE' &&
+                token?.address?.[chainId]?.toLowerCase() === callsToken[i].address.toLowerCase());
+            return {
+                address: token?.address[chainId],
+                balance: new BigNumber(balance)
+                    .div(new BigNumber(10).pow(token.decimals[chainId]))
+                    .toString(),
+            };
+        });
+        const balancesNative = dataNative.map((balance) => {
+            return {
+                address: 'NATIVE',
+                balance: new BigNumber(balance).div(new BigNumber(10).pow(18)).toString(),
+            };
+        });
+        return [...balancesToken, ...balancesNative];
+    }
+    catch (e) {
+        reportError({
+            apiUrl,
+            error: e,
+            extraInfo: { type: 'getTokensBalance', tokens, e },
+            account,
+            chainId,
+        });
+        return [];
+    }
+};
+
+export { useUserTokensBalance as default, getTokensBalance };
+//# sourceMappingURL=useUserTokensBalance.js.map

package/dist/state/balance/useUserTokensBalance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUserTokensBalance.js","sources":["../../../src/state/balance/useUserTokensBalance.ts"],"sourcesContent":["import { useQuery, UseQueryResult } from '@tanstack/react-query'\nimport { QUERY_KEYS } from '../../config/constants/queryKeys'\nimport multicallV2Abi from '../../config/abi/multicallv2.json'\nimport erc20ABI from '../../config/abi/erc20.json'\nimport { ChainId, Token } from '@ape.swap/apeswap-lists'\nimport multicall, { Call } from '../../utils/multicall'\nimport { MULTICALL_V2 } from '../../config/constants/addresses'\nimport BigNumber from 'bignumber.js'\nimport { useAccount } from 'wagmi'\nimport { reportError } from '../../utils/reportError'\nimport { useURLByEnvironment } from '../useSDKConfig'\n\nexport default function useUserTokensBalance(\n  tokens: ('NATIVE' | Token)[],\n  chainId: number,\n): UseQueryResult<{ address: string; balance: string }[]> {\n  const keys = tokens.map((token) => (token === 'NATIVE' ? 'NATIVE' : token.address[chainId as ChainId]))\n  const { address: account } = useAccount()\n  const apiUrl = useURLByEnvironment('apiV2')\n  return useQuery({\n    queryKey: [`${QUERY_KEYS.USER_TOKENS_BALANCES}-${keys}-${account}`],\n    queryFn: () => getTokensBalance(account!, tokens, chainId, apiUrl),\n    staleTime: 60000,\n    refetchOnWindowFocus: false,\n    enabled: !!account,\n  })\n}\n\nexport const getTokensBalance = async (\n  account: string,\n  tokens: ('NATIVE' | Token)[],\n  chainId: number,\n  apiUrl?: string,\n): Promise<{ address: string; balance: string }[]> => {\n  try {\n    const callsToken: Call[] = tokens\n      .filter((token) => token !== 'NATIVE')\n      .map((token) => {\n        return {\n          address: token?.address?.[chainId as ChainId] ?? '',\n          name: 'balanceOf',\n          params: [account],\n        }\n      })\n    const callNative: Call[] = tokens\n      .filter((token) => token === 'NATIVE')\n      .map(() => {\n        return {\n          address: MULTICALL_V2[chainId]!,\n          name: 'getEthBalance',\n          params: [account],\n        }\n      })\n    const [dataToken, dataNative] = await Promise.all([\n      multicall(chainId, erc20ABI, callsToken),\n      multicall(chainId, multicallV2Abi, callNative),\n    ])\n\n    const balancesToken = dataToken.map((balance: any, i: number) => {\n      const token = tokens.find(\n        (token) =>\n          token !== 'NATIVE' &&\n          (token as Token)?.address?.[chainId as ChainId]?.toLowerCase() === callsToken[i].address.toLowerCase(),\n      )\n      return {\n        address: (token as Token)?.address[chainId as ChainId],\n        balance: new BigNumber(balance)\n          .div(new BigNumber(10).pow((token as Token).decimals![chainId as ChainId]!))\n          .toString(),\n      }\n    })\n    const balancesNative = dataNative.map((balance: any) => {\n      return {\n        address: 'NATIVE',\n        balance: new BigNumber(balance).div(new BigNumber(10).pow(18)).toString(),\n      }\n    })\n    return [...balancesToken, ...balancesNative]\n  } catch (e) {\n    reportError({\n      apiUrl,\n      error: e,\n      extraInfo: { type: 'getTokensBalance', tokens, e },\n      account,\n      chainId,\n    })\n    return []\n  }\n}\n"],"names":["erc20ABI"],"mappings":"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"}

package/dist/state/bondApiStats/useUserApiStats.js

@@ -0,0 +1,25 @@
+import { useQuery } from '@tanstack/react-query';
+import axios from 'axios';
+import { QUERY_KEYS } from '../../config/constants/queryKeys.js';
+import { useAccount } from 'wagmi';
+
+const getUserApiStats = async (account) => {
+    if (!account)
+        return null;
+    const { data } = await axios.get(`https://dashboard-api.ape.bond/collector/userSalesInfo/purchased/${account}`);
+    return data;
+};
+function useUserApiStats() {
+    const { address: account } = useAccount();
+    return useQuery({
+        queryKey: [`${QUERY_KEYS.USER_STATS}-${account}`],
+        queryFn: () => getUserApiStats(account),
+        staleTime: Infinity,
+        refetchOnWindowFocus: false,
+        refetchOnMount: false,
+        retry: 1,
+    });
+}
+
+export { useUserApiStats as default, getUserApiStats };
+//# sourceMappingURL=useUserApiStats.js.map

package/dist/state/bondApiStats/useUserApiStats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUserApiStats.js","sources":["../../../src/state/bondApiStats/useUserApiStats.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport axios from 'axios'\nimport { QUERY_KEYS } from '../../config/constants/queryKeys'\nimport { useAccount } from 'wagmi'\n\nexport interface Sales {\n  billNftId: number\n  chainId: number\n  contractAddress: string\n  createdAddressOwner: string\n  createdAt: number\n  deposit: number\n  dollarValue: number\n  lp: string\n  payout: number\n  payoutToken: string\n  payoutTokenPrice: number\n  referenceId: string\n  transactionHash: string\n  vestingTime: number\n}\n\nexport interface UserApiStats {\n  totalDollarValue: number\n  Sales: Sales[]\n}\n\nexport const getUserApiStats = async (account?: string): Promise<UserApiStats | null> => {\n  if (!account) return null\n  const { data } = await axios.get(`https://dashboard-api.ape.bond/collector/userSalesInfo/purchased/${account}`)\n  return data\n}\n\nexport default function useUserApiStats() {\n  const { address: account } = useAccount()\n  return useQuery({\n    queryKey: [`${QUERY_KEYS.USER_STATS}-${account}`],\n    queryFn: () => getUserApiStats(account),\n    staleTime: Infinity,\n    refetchOnWindowFocus: false,\n    refetchOnMount: false,\n    retry: 1,\n  })\n}\n"],"names":[],"mappings":";;;;;MA2Ba,eAAe,GAAG,OAAO,OAAgB,KAAkC;AACtF,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI;AACzB,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA,iEAAA,EAAoE,OAAO,CAAA,CAAE,CAAC;AAC/G,IAAA,OAAO,IAAI;AACb;AAEc,SAAU,eAAe,GAAA;IACrC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE;AACzC,IAAA,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,CAAA,EAAG,UAAU,CAAC,UAAU,CAAA,CAAA,EAAI,OAAO,CAAA,CAAE,CAAC;AACjD,QAAA,OAAO,EAAE,MAAM,eAAe,CAAC,OAAO,CAAC;AACvC,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,oBAAoB,EAAE,KAAK;AAC3B,QAAA,cAAc,EAAE,KAAK;AACrB,QAAA,KAAK,EAAE,CAAC;AACT,KAAA,CAAC;AACJ;;;;"}

package/dist/state/bonds/useBondNFTData.js

@@ -0,0 +1,35 @@
+import { getBillNftBatchData } from '../../views/YourBonds/getBillNftData.js';
+import { useQuery } from '@tanstack/react-query';
+import { QUERY_KEYS } from '../../config/constants/queryKeys.js';
+import { useURLByEnvironment } from '../useSDKConfig.js';
+import { reportError } from '../../utils/reportError.js';
+
+function useBondNFTData(id, billNftAddress, chainId) {
+    const apiV2URL = useURLByEnvironment('apiV2');
+    return useQuery({
+        queryKey: [QUERY_KEYS.BOND_NFT_DATA, id, billNftAddress, chainId],
+        queryFn: () => getBondNFTData(apiV2URL, id, billNftAddress, chainId),
+        refetchOnWindowFocus: false,
+        enabled: !!id && !!billNftAddress && !!chainId,
+        retry: 2,
+    });
+}
+const getBondNFTData = async (apiV2URL, id, billNftAddress, chainId) => {
+    try {
+        const billNFTData = await getBillNftBatchData(apiV2URL, [id], billNftAddress, chainId);
+        return billNFTData?.[0] ?? null;
+    }
+    catch (e) {
+        console.error(e);
+        reportError({
+            apiUrl: apiV2URL,
+            error: e,
+            extraInfo: { type: 'getBondNFTData', billNftAddress, e },
+            chainId,
+        });
+        return null;
+    }
+};
+
+export { useBondNFTData as default, getBondNFTData };
+//# sourceMappingURL=useBondNFTData.js.map

package/dist/state/bonds/useBondNFTData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBondNFTData.js","sources":["../../../src/state/bonds/useBondNFTData.ts"],"sourcesContent":["import { getBillNftBatchData } from '../../views/YourBonds/getBillNftData'\n\nimport { useQuery, UseQueryResult } from '@tanstack/react-query'\nimport { QUERY_KEYS } from '../../config/constants/queryKeys'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { UserBillNftData } from '../../types/yourbonds'\nimport { useURLByEnvironment } from '../useSDKConfig'\nimport { reportError } from '../../utils/reportError'\n\nexport default function useBondNFTData(\n  id?: string,\n  billNftAddress?: string,\n  chainId?: ChainId,\n): UseQueryResult<UserBillNftData | null> {\n  const apiV2URL = useURLByEnvironment('apiV2')\n\n  return useQuery({\n    queryKey: [QUERY_KEYS.BOND_NFT_DATA, id, billNftAddress, chainId],\n    queryFn: () => getBondNFTData(apiV2URL, id!, billNftAddress!, chainId!),\n    refetchOnWindowFocus: false,\n    enabled: !!id && !!billNftAddress && !!chainId,\n    retry: 2,\n  })\n}\n\nexport const getBondNFTData = async (\n  apiV2URL: string,\n  id: string,\n  billNftAddress: string,\n  chainId: ChainId,\n): Promise<UserBillNftData | null> => {\n  try {\n    const billNFTData = await getBillNftBatchData(apiV2URL, [id], billNftAddress, chainId)\n    return billNFTData?.[0] ?? null\n  } catch (e) {\n    console.error(e)\n    reportError({\n      apiUrl: apiV2URL,\n      error: e,\n      extraInfo: { type: 'getBondNFTData', billNftAddress, e },\n      chainId,\n    })\n    return null\n  }\n}\n"],"names":[],"mappings":";;;;;;AASc,SAAU,cAAc,CACpC,EAAW,EACX,cAAuB,EACvB,OAAiB,EAAA;AAEjB,IAAA,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,CAAC;AAE7C,IAAA,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,UAAU,CAAC,aAAa,EAAE,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC;AACjE,QAAA,OAAO,EAAE,MAAM,cAAc,CAAC,QAAQ,EAAE,EAAG,EAAE,cAAe,EAAE,OAAQ,CAAC;AACvE,QAAA,oBAAoB,EAAE,KAAK;QAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,OAAO;AAC9C,QAAA,KAAK,EAAE,CAAC;AACT,KAAA,CAAC;AACJ;AAEO,MAAM,cAAc,GAAG,OAC5B,QAAgB,EAChB,EAAU,EACV,cAAsB,EACtB,OAAgB,KACmB;AACnC,IAAA,IAAI;AACF,QAAA,MAAM,WAAW,GAAG,MAAM,mBAAmB,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,OAAO,CAAC;AACtF,QAAA,OAAO,WAAW,GAAG,CAAC,CAAC,IAAI,IAAI;IACjC;IAAE,OAAO,CAAC,EAAE;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AAChB,QAAA,WAAW,CAAC;AACV,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,KAAK,EAAE,CAAC;YACR,SAAS,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC,EAAE;YACxD,OAAO;AACR,SAAA,CAAC;AACF,QAAA,OAAO,IAAI;IACb;AACF;;;;"}