@ape.swap/bonds-sdk 3.0.10 → 3.0.11

package/README.md

@@ -41,36 +41,34 @@ import 'swiper/swiper.min.css'
 const MyBondsComponent = () => {
   return (
     <FullBondsView
-      config={{
-        referenceId: 'yourProjectId',
-        chains: [
-          ChainId.BSC,
-          ChainId.BASE,
-          ChainId.MATIC,
-          ChainId.MAINNET,
-          ChainId.ARBITRUM,
-          ChainId.LIGHTLINK,
-          ChainId.LINEA,
-          ChainId.GRAPHLINQ,
-          ChainId.IOTA,
-          ChainId.CROSSFI,
-        ],
-        useRainbowKit: true,
-        useHotBonds: true,
-        theme: {{
-            "radii": "10px",
-            "colors": {
-                "primaryButton": "#6560C5",
-                "white1": "#0E0D16",
-                "white2": "#161420",
-                "white3": "#1F1D29",
-                "white4": "#282632",
-                "white5": "#312F3A",
-                "text": "#FAFAFA",
-                "primaryBright": "#FFF"
-                }
-            }}
-      }}
+      referenceId="yourProjectId"
+      chains={[
+        ChainId.BSC,
+        ChainId.BASE,
+        ChainId.MATIC,
+        ChainId.MAINNET,
+        ChainId.ARBITRUM,
+        ChainId.LIGHTLINK,
+        ChainId.LINEA,
+        ChainId.GRAPHLINQ,
+        ChainId.IOTA,
+        ChainId.CROSSFI,
+        ]}
+      useRainbowKit={true}
+      useHotBonds={true}
+      theme={{
+        "radii": "10px",
+        "colors": {
+            "primaryButton": "#6560C5",
+            "white1": "#0E0D16",
+            "white2": "#161420",
+            "white3": "#1F1D29",
+            "white4": "#282632",
+            "white5": "#312F3A",
+            "text": "#FAFAFA",
+            "primaryBright": "#FFF"
+            }
+        }}
     />
   )
 }

package/dist/main.js

@@ -18789,7 +18789,7 @@ const defaultUrls = {
 const useSDKConfig = (config) => {
     const { data } = useQuery({
         queryKey: [QUERY_KEYS.SDK_CONFIG],
-        initialData: Object.assign(Object.assign({}, config), { urls: Object.assign(Object.assign({}, defaultUrls), config === null || config === void 0 ? void 0 : config.urls), highestCompatibleVersion: '2.0.0' }),
+        initialData: Object.assign(Object.assign({}, config), { modalVariant: 'standard', urls: Object.assign(Object.assign({}, defaultUrls), config === null || config === void 0 ? void 0 : config.urls), highestCompatibleVersion: '2.0.0' }),
     });
     return data;
 };
@@ -74385,7 +74385,7 @@ const HotBondCards = () => {
                                     display: 'flex',
                                     justifyContent: 'center',
                                 }, children: jsx$2(HotBondCard, { bond: bond }, `${bond.billAddress}-${index}`) }, index));
-                        }) }), jsx$2(Flex, { sx: styles$c.bubbleContainer, children: [...Array(hotBonds === null || hotBonds === void 0 ? void 0 : hotBonds.length)].map((_, i) => {
+                        }) }), jsx$2(Flex, { children: [...Array(hotBonds === null || hotBonds === void 0 ? void 0 : hotBonds.length)].map((_, i) => {
                             return jsx$2(SwiperDots, { isActive: i === activeSlide, onClick: () => slideTo(i) }, i);
                         }) })] })] }));
 };
@@ -74692,7 +74692,7 @@ const Toggle = ({ options, activeOption, handleToggle, claimableBillsAmount, })
 
 const SwiperDots = ({ isActive, onClick }) => {
     return (jsx$2(Flex, { sx: {
-            background: isActive ? 'home.title' : 'white4',
+            background: isActive ? 'abondGradient' : 'white4',
             height: '14px',
             width: '14px',
             borderRadius: '50px',
@@ -75380,6 +75380,9 @@ const colors$1 = {
     // Text-related colors
     text: '#FAFAFA',
     textDisabled: '#424242',
+    primaryBright: '#FAFAFA',
+    abondGradient: 'linear-gradient(98.79deg, #6560C5 -2.37%, #E07753 100%)',
+    modalOverlay: 'rgba(66, 66, 66, 0.5)',
 };
 
 const defaultTheme = Object.assign(Object.assign(Object.assign({}, baseTheme), components), { colors: Object.assign({}, colors$1) });
@@ -75462,10 +75465,36 @@ BigNumber$1.config({
     DECIMAL_PLACES: 80,
 });
 const Providers = ({ children, theme }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    return (jsx$2(ThemeUIProvider, { theme: Object.assign(Object.assign({}, defaultTheme), { 
-            //@ts-ignore
-            colors: Object.assign(Object.assign({}, defaultTheme.colors), { primaryButton: (_a = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _a === void 0 ? void 0 : _a.primaryButton, white1: (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.white1, white2: (_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c.white2, white3: (_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.white3, white4: (_e = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _e === void 0 ? void 0 : _e.white4, white5: (_f = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _f === void 0 ? void 0 : _f.white5, text: (_g = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _g === void 0 ? void 0 : _g.text, primaryBright: (_h = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _h === void 0 ? void 0 : _h.primaryBright }), radii: { normal: theme === null || theme === void 0 ? void 0 : theme.radii } }), children: jsx$2(ModalProvider, { children: jsx$2(Popups, { children: children }) }) }));
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+    const themeToUse = defaultTheme;
+    if (((_a = themeToUse === null || themeToUse === void 0 ? void 0 : themeToUse.colors) === null || _a === void 0 ? void 0 : _a.primaryButton) && ((_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primaryButton)) {
+        themeToUse.colors.primaryButton = (_c = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _c === void 0 ? void 0 : _c.primaryButton;
+    }
+    if (((_d = themeToUse === null || themeToUse === void 0 ? void 0 : themeToUse.colors) === null || _d === void 0 ? void 0 : _d.white1) && ((_e = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _e === void 0 ? void 0 : _e.white1)) {
+        themeToUse.colors.white1 = (_f = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _f === void 0 ? void 0 : _f.white1;
+    }
+    if (((_g = themeToUse === null || themeToUse === void 0 ? void 0 : themeToUse.colors) === null || _g === void 0 ? void 0 : _g.white2) && ((_h = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _h === void 0 ? void 0 : _h.white2)) {
+        themeToUse.colors.white2 = (_j = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _j === void 0 ? void 0 : _j.white2;
+    }
+    if (((_k = themeToUse === null || themeToUse === void 0 ? void 0 : themeToUse.colors) === null || _k === void 0 ? void 0 : _k.white3) && ((_l = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _l === void 0 ? void 0 : _l.white3)) {
+        themeToUse.colors.white3 = (_m = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _m === void 0 ? void 0 : _m.white3;
+    }
+    if (((_o = themeToUse === null || themeToUse === void 0 ? void 0 : themeToUse.colors) === null || _o === void 0 ? void 0 : _o.white4) && ((_p = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _p === void 0 ? void 0 : _p.white4)) {
+        themeToUse.colors.white4 = (_q = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _q === void 0 ? void 0 : _q.white4;
+    }
+    if (((_r = themeToUse === null || themeToUse === void 0 ? void 0 : themeToUse.colors) === null || _r === void 0 ? void 0 : _r.white5) && ((_s = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _s === void 0 ? void 0 : _s.white5)) {
+        themeToUse.colors.white5 = (_t = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _t === void 0 ? void 0 : _t.white5;
+    }
+    if (((_u = themeToUse === null || themeToUse === void 0 ? void 0 : themeToUse.colors) === null || _u === void 0 ? void 0 : _u.text) && ((_v = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _v === void 0 ? void 0 : _v.text)) {
+        themeToUse.colors.text = (_w = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _w === void 0 ? void 0 : _w.text;
+    }
+    if (((_x = themeToUse === null || themeToUse === void 0 ? void 0 : themeToUse.colors) === null || _x === void 0 ? void 0 : _x.primaryBright) && ((_y = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _y === void 0 ? void 0 : _y.primaryBright)) {
+        themeToUse.colors.primaryBright = (_z = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _z === void 0 ? void 0 : _z.primaryBright;
+    }
+    if ((themeToUse === null || themeToUse === void 0 ? void 0 : themeToUse.radii) && (theme === null || theme === void 0 ? void 0 : theme.radii)) {
+        themeToUse.radii = { normal: theme === null || theme === void 0 ? void 0 : theme.radii };
+    }
+    return (jsx$2(ThemeUIProvider, { theme: themeToUse, children: jsx$2(ModalProvider, { children: jsx$2(Popups, { children: children }) }) }));
 };
 
 const BondsWithProviders = (props) => {

package/dist/state/useSDKConfig.d.ts

@@ -3,11 +3,12 @@ export interface SDKProps {
     chains: number[];
     useRainbowKit: boolean;
     useHotBonds: boolean;
-    modalVariant: 'alt' | 'standard';
+    modalVariant?: 'alt' | 'standard';
     urls?: Partial<Record<URLKeys, string>>;
     theme?: any;
 }
 export declare const useSDKConfig: (config?: SDKProps) => {
+    modalVariant: string;
     urls: {
         apiV2: string;
         realTimeApi: string;
@@ -19,7 +20,6 @@ export declare const useSDKConfig: (config?: SDKProps) => {
     chains?: number[] | undefined;
     useRainbowKit?: boolean | undefined;
     useHotBonds?: boolean | undefined;
-    modalVariant?: "alt" | "standard" | undefined;
     theme?: any;
 };
 export type URLKeys = 'apiV2' | 'realTimeApi' | 'apeswapLists' | 'mainUrl';

package/dist/theme/colors.d.ts

@@ -13,5 +13,8 @@ declare const colors: {
     textDisabledButton: string;
     text: string;
     textDisabled: string;
+    primaryBright: string;
+    abondGradient: string;
+    modalOverlay: string;
 };
 export default colors;

package/package.json

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