@ape.swap/bonds-sdk 3.0.9 → 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.d.ts

@@ -5,4 +5,5 @@ import FullBondsView from './views/FullBondsView';
 import ProjectView from './views/ProjectView';
 import { generateImageFromTemplate } from './views/YourBondsModal/components/LinkShare/utils';
 import { ChainId } from '@ape.swap/apeswap-lists';
-export { Bonds, BondModal, YourBonds, FullBondsView, ProjectView, generateImageFromTemplate, ChainId };
+import SingleBond from './views/SingleBond';
+export { Bonds, BondModal, YourBonds, FullBondsView, ProjectView, generateImageFromTemplate, ChainId, SingleBond };

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',
@@ -75369,12 +75369,7 @@ const colors$1 = {
     white3: '#1F1D29',
     white4: '#282632',
     white5: '#312F3A',
-    brandPrimary140: '#C1BDE7',
-    navBar: 'rgba(22, 20, 32, 0.8)',
     primaryButton: '#6560C5', //this should've been called just "primary"
-    primaryShade: '#514CA133',
-    secondary: '#E69275',
-    footer: '#000000',
     success: '#38A611',
     error: '#DF4141',
     yellow: '#FFB300',
@@ -75385,74 +75380,9 @@ const colors$1 = {
     // Text-related colors
     text: '#FAFAFA',
     textDisabled: '#424242',
-    home: {
-        c1: 'radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0.02) 100%)',
-        c2: 'radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0.02) 100%)',
-        c3: 'radial-gradient(50% 50% at 50% 50%, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0.02) 100%)',
-        cShadow: 'transparent',
-        hideCircles: '#0E0D16',
-        title: 'linear-gradient(98.79deg, #6560C5 -2.37%, #E07753 100%)',
-        shadowImage: 'rgba(101, 96, 197, 0.25)',
-    },
-    backgroundDisabled: '#3c3742',
-    listTagBg: {
-        ape: 'linear-gradient(99.09deg, rgba(161, 101, 82, 0.8) 0%, rgba(255, 179, 0, 0.8) 106.96%)',
-        launch: 'rgba(213, 49, 49, 0.2)',
-        reserve: 'rgba(90, 208, 109, 0.2)',
-        liquidity: 'rgba(60, 106, 181, 0.19)',
-        ark: 'rgba(208, 126, 90, 0.8)',
-        hot: '#DF4141',
-        new: '#38A611',
-        default: '#38A611',
-        auto: '#DF4141',
-        beta: '#38A611',
-        max: '#38A611',
-        real_yield: '#F0B90B',
-        bondLp: 'rgba(254, 185, 1, 0.2)',
-        migration: '#6F6AC930',
-        cex_fund: 'rgba(213, 49, 49, 0.2)',
-        expired: '#E07753',
-        permatlock: '#38A611',
-    },
-    listTagTextColor: {
-        liquidity: '#3B78D3',
-        cex_fund: '#D53131',
-    },
-    //
-    body: '#FDFBF5',
-    lvl1: '#F1EADA',
-    lvl2: '#EADFC7',
     primaryBright: '#FAFAFA',
-    primaryDark: '#0B0B0B',
-    info: '#4D4040',
-    secondaryButtonDisableBg: '#F1EADA',
-    secondaryButtonDisableColor: 'rgba(66, 66, 66, 0.5)',
-    buttonDisabledText: '#A09F9C',
-    dividerColor: '#E2E2E2',
-    textareaColor: '#4D4040',
-    heading: '#4D4040',
-    black: '#000000',
-    gradient: 'linear-gradient(53.53deg, #A16552 15.88%, #E1B242 92.56%)',
-    smartGradient: 'linear-gradient(94.44deg, #BA801E -9.73%, #E7CF67 40.14%, #BA801E 93.01%)',
-    white2Opacity09: 'rgba(241, 234, 218, 0.50)',
-    radioChecked: '#FAFAFA',
-    navMenuLogo: '#C8BA9C',
-    input: '#4D4040',
-    primaryGray: '#4D40407F',
-    gray: '#7A7A7A',
-    brown: '#4D4040',
-    hoveredYellow: '#FFDA00',
-    hoveredSuccess: '#38A611B3',
-    hoveredDanger: '#DF4141B3',
+    abondGradient: 'linear-gradient(98.79deg, #6560C5 -2.37%, #E07753 100%)',
     modalOverlay: 'rgba(66, 66, 66, 0.5)',
-    opacityBadge: 'rgba(66, 66, 66, 0.5)',
-    gnanaWarningBackground: '#FFB300',
-    moon: '#7A7A7A',
-    island: '#4D4040',
-    migration: '#6560C5',
-    bg1: 'linear-gradient(180deg, #FFFFFF 0%, #EEDFC7 10%, #FFFFFF 40%, #FEFAE0 50%, #EEDFC7 100%), linear-gradient(180deg, #FEFCEC 27.58%, #EEDFC7 79.74%, #FEFAE0 131.91%, #F5ECDD 154.81%)',
-    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%)',
 };
 
 const defaultTheme = Object.assign(Object.assign(Object.assign({}, baseTheme), components), { colors: Object.assign({}, colors$1) });
@@ -75535,14 +75465,41 @@ BigNumber$1.config({
     DECIMAL_PLACES: 80,
 });
 const Providers = ({ children, theme }) => {
-    return (jsx$2(ThemeUIProvider, { theme: Object.assign(Object.assign({}, defaultTheme), { 
-            //@ts-ignore
-            colors: Object.assign(Object.assign({}, defaultTheme.colors), { primaryButton: theme.colors.primaryButton, white1: theme.colors.white1, white2: theme.colors.white2, white3: theme.colors.white3, white4: theme.colors.white4, white5: theme.colors.white5, text: theme.colors.text, primaryBright: theme.colors.primaryBright }), radii: { normal: 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) => {
     useSDKConfig(props);
-    return (jsx$2(Providers, { theme: props.theme, children: jsx$2(Bonds, {}) }));
+    return (jsx$2(Providers, { theme: props === null || props === void 0 ? void 0 : props.theme, children: jsx$2(Bonds, {}) }));
 };
 
 const YourBondsWithProviders = (props) => {
@@ -75557,7 +75514,7 @@ const BondModalWithProviders = (props) => {
 
 const FullBondsViewWithProviders = (props) => {
     useSDKConfig(props);
-    return (jsx$2(Providers, { theme: props.theme, children: jsx$2(FullBondsView, {}) }));
+    return (jsx$2(Providers, { theme: props === null || props === void 0 ? void 0 : props.theme, children: jsx$2(FullBondsView, {}) }));
 };
 
 const styles$4 = {
@@ -91227,5 +91184,14 @@ const ProjectViewWithProviders = (props) => {
     return (jsx$2(Providers, { theme: props.theme, children: jsx$2(ProjectView, Object.assign({}, props)) }));
 };
 
+const SingleBond = () => {
+    return jsx$2(Flex, { children: "asd!" });
+};
+
+const SingleBondWithProviders = (props) => {
+    useSDKConfig(props);
+    return (jsx$2(Providers, { theme: props.theme, children: jsx$2(SingleBond, {}) }));
+};
+
 var ChainId = types.ChainId;
-export { BondModalWithProviders as BondModal, BondsWithProviders as Bonds, ChainId, FullBondsViewWithProviders as FullBondsView, ProjectViewWithProviders as ProjectView, YourBondsWithProviders as YourBonds, generateImageFromTemplate };
+export { BondModalWithProviders as BondModal, BondsWithProviders as Bonds, ChainId, FullBondsViewWithProviders as FullBondsView, ProjectViewWithProviders as ProjectView, SingleBondWithProviders as SingleBond, YourBondsWithProviders as YourBonds, generateImageFromTemplate };

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

@@ -4,12 +4,7 @@ declare const colors: {
     white3: string;
     white4: string;
     white5: string;
-    brandPrimary140: string;
-    navBar: string;
     primaryButton: string;
-    primaryShade: string;
-    secondary: string;
-    footer: string;
     success: string;
     error: string;
     yellow: string;
@@ -18,72 +13,8 @@ declare const colors: {
     textDisabledButton: string;
     text: string;
     textDisabled: string;
-    home: {
-        c1: string;
-        c2: string;
-        c3: string;
-        cShadow: string;
-        hideCircles: string;
-        title: string;
-        shadowImage: string;
-    };
-    backgroundDisabled: string;
-    listTagBg: {
-        ape: string;
-        launch: string;
-        reserve: string;
-        liquidity: string;
-        ark: string;
-        hot: string;
-        new: string;
-        default: string;
-        auto: string;
-        beta: string;
-        max: string;
-        real_yield: string;
-        bondLp: string;
-        migration: string;
-        cex_fund: string;
-        expired: string;
-        permatlock: string;
-    };
-    listTagTextColor: {
-        liquidity: string;
-        cex_fund: string;
-    };
-    body: string;
-    lvl1: string;
-    lvl2: string;
     primaryBright: string;
-    primaryDark: string;
-    info: string;
-    secondaryButtonDisableBg: string;
-    secondaryButtonDisableColor: string;
-    buttonDisabledText: string;
-    dividerColor: string;
-    textareaColor: string;
-    heading: string;
-    black: string;
-    gradient: string;
-    smartGradient: string;
-    white2Opacity09: string;
-    radioChecked: string;
-    navMenuLogo: string;
-    input: string;
-    primaryGray: string;
-    gray: string;
-    brown: string;
-    hoveredYellow: string;
-    hoveredSuccess: string;
-    hoveredDanger: string;
+    abondGradient: string;
     modalOverlay: string;
-    opacityBadge: string;
-    gnanaWarningBackground: string;
-    moon: string;
-    island: string;
-    migration: string;
-    bg1: string;
-    bg2: string;
-    progressBar: string;
 };
 export default colors;

package/dist/views/SingleBond/SingleBond.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SingleBond: () => React.JSX.Element;
+export default SingleBond;

package/dist/views/SingleBond/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SDKProps } from '../../state/useSDKConfig';
+declare const SingleBondWithProviders: React.FC<SDKProps>;
+export default SingleBondWithProviders;

package/package.json

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