@ape.swap/bonds-sdk 6.2.13 → 6.2.14

package/dist/theme/components.js

@@ -0,0 +1,365 @@
+const textUnderlineHover = {
+    '::after': {
+        content: "''",
+        position: 'absolute',
+        background: 'text',
+        left: '0px',
+        bottom: '0px',
+        height: '1.5px',
+        width: '100%',
+        borderRadius: 'normal',
+        transform: 'scaleX(0)',
+        transformOrigin: 'bottom right',
+        transition: 'transform 0.25s ease-out',
+        backfaceVisibility: 'hidden',
+    },
+    ':hover::after': {
+        transform: 'scaleX(1)',
+        transformOrigin: 'bottom left',
+    },
+};
+const buttonBaseStyles = {
+    padding: '10px 20px 10px 19px',
+    fontSize: '16px',
+    fontFamily: 'body',
+    cursor: 'pointer',
+    fontWeight: 700,
+    display: 'flex',
+    alignItems: 'center',
+    '&&': {
+        borderRadius: 'normal',
+    },
+};
+const components = {
+    text: {
+        heading: {
+            fontFamily: 'body',
+            fontWeight: 'bold',
+        },
+        lg: { fontSize: 6, lineHeight: '33px' },
+        md: { fontSize: 3, lineHeight: '24px' },
+        sm: { fontSize: 1, lineHeight: '18px' },
+    },
+    input: {
+        fontFamily: 'body',
+        fontWeight: 700,
+        sm: {
+            background: 'white3',
+            borderRadius: 'normal',
+            height: '32px',
+            width: '200px',
+        },
+        md: {
+            background: 'white3',
+            borderRadius: 'normal',
+            height: '36px',
+            width: '200px',
+        },
+        lg: {
+            background: 'white3',
+            borderRadius: 'normal',
+            height: '48px',
+            width: '200px',
+        },
+    },
+    textarea: {
+        padding: '10px 13px 10px 10px',
+        borderRadius: 'normal',
+        border: 'none',
+        fontWeight: 'normal',
+        background: 'lvl1',
+        resize: 'none',
+        color: 'textareaColor',
+        '&:focus': {
+            outline: 'none !important',
+        },
+    },
+    checkbox: {
+        background: 'white2',
+        borderRadius: 'normal',
+        borderWidth: '2px',
+        borderStyle: 'solid',
+        borderColor: 'white3',
+        boxShadow: 'none',
+        outline: 'none',
+        appearance: 'none',
+        width: 'inherit',
+        height: 'inherit',
+        margin: '0px',
+        cursor: 'pointer',
+        '& + svg': {
+            display: 'none',
+            position: 'absolute',
+            pointerEvents: 'none',
+            top: '0',
+            left: '0',
+            bottom: '0',
+            right: '0',
+            margin: 'auto',
+        },
+        '&:checked ': {
+            background: 'var(--theme-ui-colors-primaryButton)',
+            borderColor: 'var(--theme-ui-colors-primaryButton)',
+            '& + svg': {
+                display: 'block',
+            },
+        },
+        '&:focus:not(:checked)': {
+            outline: 'none',
+            boxShadow: 'none',
+        },
+        '&:focus': {
+            outline: 'none',
+            boxShadow: '0px 0px 0px 1px var(--theme-ui-colors-primaryButton), 0px 0px 0px 4px var(--theme-ui-colors-white3)',
+        },
+        '&:hover:not(:disabled):not(:checked)': {
+            borderColor: 'var(--theme-ui-colors-primaryButton)',
+            boxShadow: '0px 0px 0px 1px var(--theme-ui-colors-primaryButton), 0px 0px 0px 4px var(--theme-ui-colors-white3)',
+        },
+    },
+    radio: {
+        background: 'lvl1',
+        borderRadius: '50px',
+        borderWidth: '2px',
+        borderStyle: 'solid',
+        borderColor: 'lvl2',
+        boxShadow: 'none',
+        outline: 'none',
+        appearance: 'none',
+        width: 'inherit',
+        height: 'inherit',
+        margin: '0px',
+        cursor: 'pointer',
+        '& + span': {
+            display: 'none',
+            position: 'absolute',
+            pointerEvents: 'none',
+            top: '0',
+            left: '0',
+            bottom: '0',
+            right: '0',
+            margin: 'auto',
+            backgroundColor: 'radioChecked',
+            borderRadius: '50px',
+        },
+        '&:checked ': {
+            background: 'var(--theme-ui-colors-yellow)',
+            borderColor: 'var(--theme-ui-colors-yellow)',
+            '& + span': {
+                display: 'block',
+            },
+        },
+        '&:focus': {
+            outline: 'none',
+            boxShadow: '0px 0px 0px 1px var(--theme-ui-colors-yellow), 0px 0px 0px 4px rgb(255, 179, 0, .2)',
+        },
+        '&:hover:not(:disabled):not(:checked)': {
+            borderColor: 'var(--theme-ui-colors-yellow)',
+        },
+    },
+    label: {
+        inline: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            columnGap: 2,
+        },
+    },
+    borders: {
+        primaryButton: '3px solid var(--theme-ui-colors-primaryButton)',
+        primaryBtnDisable: '3px solid transparent',
+        secondaryButton: '3px solid var(--theme-ui-colors-primaryButton)',
+        secondaryButtonDisable: '3px solid #FDFBF5',
+        mode: {
+            dark: {
+                secondaryButtonDisable: '3px solid #F9F4E7',
+            },
+        },
+    },
+    buttons: {
+        primary: {
+            ...buttonBaseStyles,
+            background: 'primaryButton',
+            border: 'primaryButton',
+            color: 'primaryBright',
+            '&:disabled': {
+                cursor: 'not-allowed',
+                background: 'white3',
+                color: 'textDisabledButton',
+                border: 'primaryBtnDisable',
+                opacity: 0.9,
+            },
+            '&:hover': {
+                '&:not([disabled])': {
+                    borderColor: 'rgba(var(--theme-ui-colors-primaryButton), 0.7)',
+                    background: 'rgba(var(--theme-ui-colors-primaryButton), 0.7)',
+                },
+                '&:disabled': {},
+            },
+        },
+        secondary: {
+            ...buttonBaseStyles,
+            background: 'transparent',
+            border: 'secondaryButton',
+            color: 'var(--theme-ui-colors-primaryButton)',
+            '&:disabled': {
+                cursor: 'not-allowed',
+                background: 'white3',
+                color: 'primaryButtonDisable',
+                border: 'primaryBtnDisable',
+            },
+            '&&:hover': {
+                '&:not([disabled])': {
+                    borderColor: 'rgba(var(--theme-ui-colors-primaryButton), 0.7)',
+                },
+                '&:disabled': {},
+            },
+        },
+        tertiary: {
+            ...buttonBaseStyles,
+            background: 'white3',
+            border: 'none',
+            color: 'text',
+            '&:disabled': {
+                cursor: 'not-allowed',
+                background: 'white3',
+                color: 'primaryButtonDisable',
+            },
+            '&:hover': {
+                '&:not([disabled])': {
+                    background: 'white4',
+                },
+                '&:disabled': {},
+            },
+        },
+        text: {
+            ...buttonBaseStyles,
+            background: 'transparent',
+            color: 'text',
+            '&:hover': {
+                '&:not([disabled])': {
+                    color: 'var(--theme-ui-colors-yellow)',
+                },
+                '&:disabled': {},
+            },
+            '&:disabled': {
+                cursor: 'not-allowed',
+                background: 'white3',
+                color: 'primaryButtonDisable',
+            },
+        },
+        success: {
+            ...buttonBaseStyles,
+            background: 'success',
+            color: 'primaryBright',
+            '&:disabled': {
+                cursor: 'not-allowed',
+                background: 'white3',
+                color: 'primaryButtonDisable',
+            },
+            '&:hover': {
+                '&:not([disabled])': {
+                    background: 'hoveredSuccess',
+                },
+                '&:disabled': {},
+            },
+        },
+        danger: {
+            ...buttonBaseStyles,
+            background: 'error',
+            color: 'primaryBright',
+            '&:disabled': {
+                cursor: 'not-allowed',
+                background: 'white3',
+                color: 'primaryButtonDisable',
+            },
+            '&:hover': {
+                '&:not([disabled])': {
+                    background: 'hoveredDanger',
+                },
+                '&:disabled': {},
+            },
+        },
+        circular: {
+            width: '40px',
+            height: '40px',
+            background: 'white3',
+            borderRadius: '50%',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            overflow: 'hidden',
+            cursor: 'pointer',
+            padding: '1px',
+            transition: 'all .3s linear',
+            '&:hover': {
+                filter: 'brightness(85%)',
+            },
+            '&:active': {
+                transform: 'scale(0.9)',
+            },
+        },
+    },
+    cards: {
+        primary: {
+            background: 'navbar',
+            borderRadius: 'normal',
+        },
+    },
+    flex: {
+        dexContainer: {
+            width: '100%',
+            maxWidth: '420px',
+            height: 'fit-content',
+            background: 'white2',
+            padding: ['15px 5px', '15px 10px', '15px'],
+            borderRadius: 'normal',
+            flexDirection: 'column',
+        },
+        v3SubDexContainer: {
+            width: '100%',
+            maxWidth: '600px',
+            height: 'fit-content',
+            background: 'white2',
+            padding: ['15px 5px', '15px 10px', '15px'],
+            borderRadius: 'normal',
+            margin: '0px 10px',
+            flexDirection: 'column',
+        },
+        navContainer: {
+            height: '35px',
+            padding: '0px 15px',
+            background: 'white3',
+            borderRadius: 'normal',
+            alignItems: 'center',
+            cursor: 'pointer',
+            transition: 'all .3s linear',
+            '&:hover': {
+                filter: 'brightness(95%)',
+            },
+            '&:active': {
+                transform: 'scale(0.9)',
+            },
+        },
+        link: {
+            ...textUnderlineHover,
+            cursor: 'pointer',
+            textDecoration: 'none',
+            display: 'inline-block',
+        },
+        tag: {
+            padding: '5px',
+            borderRadius: 'normal',
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+    },
+    switch: {
+        backgroundColor: 'white4',
+        'input:checked ~ &': {
+            backgroundColor: 'var(--theme-ui-colors-yellow)',
+        },
+    },
+};
+
+export { components as default };
+//# sourceMappingURL=components.js.map

package/dist/theme/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sources":["../../src/theme/components.ts"],"sourcesContent":["const textUnderlineHover = {\n  '::after': {\n    content: \"''\",\n    position: 'absolute',\n    background: 'text',\n    left: '0px',\n    bottom: '0px',\n    height: '1.5px',\n    width: '100%',\n    borderRadius: 'normal',\n    transform: 'scaleX(0)',\n    transformOrigin: 'bottom right',\n    transition: 'transform 0.25s ease-out',\n    backfaceVisibility: 'hidden',\n  },\n  ':hover::after': {\n    transform: 'scaleX(1)',\n    transformOrigin: 'bottom left',\n  },\n}\n\nconst buttonBaseStyles = {\n  padding: '10px 20px 10px 19px',\n  fontSize: '16px',\n  fontFamily: 'body',\n  cursor: 'pointer',\n  fontWeight: 700,\n  display: 'flex',\n  alignItems: 'center',\n  '&&': {\n    borderRadius: 'normal',\n  },\n}\n\nconst components = {\n  text: {\n    heading: {\n      fontFamily: 'body',\n      fontWeight: 'bold',\n    },\n    lg: { fontSize: 6, lineHeight: '33px' },\n    md: { fontSize: 3, lineHeight: '24px' },\n    sm: { fontSize: 1, lineHeight: '18px' },\n  },\n  input: {\n    fontFamily: 'body',\n    fontWeight: 700,\n    sm: {\n      background: 'white3',\n      borderRadius: 'normal',\n      height: '32px',\n      width: '200px',\n    },\n    md: {\n      background: 'white3',\n      borderRadius: 'normal',\n      height: '36px',\n      width: '200px',\n    },\n    lg: {\n      background: 'white3',\n      borderRadius: 'normal',\n      height: '48px',\n      width: '200px',\n    },\n  },\n  textarea: {\n    padding: '10px 13px 10px 10px',\n    borderRadius: 'normal',\n    border: 'none',\n    fontWeight: 'normal',\n    background: 'lvl1',\n    resize: 'none',\n    color: 'textareaColor',\n    '&:focus': {\n      outline: 'none !important',\n    },\n  },\n  checkbox: {\n    background: 'white2',\n    borderRadius: 'normal',\n    borderWidth: '2px',\n    borderStyle: 'solid',\n    borderColor: 'white3',\n    boxShadow: 'none',\n    outline: 'none',\n    appearance: 'none',\n    width: 'inherit',\n    height: 'inherit',\n    margin: '0px',\n    cursor: 'pointer',\n    '& + svg': {\n      display: 'none',\n      position: 'absolute',\n      pointerEvents: 'none',\n      top: '0',\n      left: '0',\n      bottom: '0',\n      right: '0',\n      margin: 'auto',\n    },\n    '&:checked ': {\n      background: 'var(--theme-ui-colors-primaryButton)',\n      borderColor: 'var(--theme-ui-colors-primaryButton)',\n      '& + svg': {\n        display: 'block',\n      },\n    },\n    '&:focus:not(:checked)': {\n      outline: 'none',\n      boxShadow: 'none',\n    },\n    '&:focus': {\n      outline: 'none',\n      boxShadow: '0px 0px 0px 1px var(--theme-ui-colors-primaryButton), 0px 0px 0px 4px var(--theme-ui-colors-white3)',\n    },\n    '&:hover:not(:disabled):not(:checked)': {\n      borderColor: 'var(--theme-ui-colors-primaryButton)',\n      boxShadow: '0px 0px 0px 1px var(--theme-ui-colors-primaryButton), 0px 0px 0px 4px var(--theme-ui-colors-white3)',\n    },\n  },\n  radio: {\n    background: 'lvl1',\n    borderRadius: '50px',\n    borderWidth: '2px',\n    borderStyle: 'solid',\n    borderColor: 'lvl2',\n    boxShadow: 'none',\n    outline: 'none',\n    appearance: 'none',\n    width: 'inherit',\n    height: 'inherit',\n    margin: '0px',\n    cursor: 'pointer',\n    '& + span': {\n      display: 'none',\n      position: 'absolute',\n      pointerEvents: 'none',\n      top: '0',\n      left: '0',\n      bottom: '0',\n      right: '0',\n      margin: 'auto',\n      backgroundColor: 'radioChecked',\n      borderRadius: '50px',\n    },\n    '&:checked ': {\n      background: 'var(--theme-ui-colors-yellow)',\n      borderColor: 'var(--theme-ui-colors-yellow)',\n      '& + span': {\n        display: 'block',\n      },\n    },\n    '&:focus': {\n      outline: 'none',\n      boxShadow: '0px 0px 0px 1px var(--theme-ui-colors-yellow), 0px 0px 0px 4px rgb(255, 179, 0, .2)',\n    },\n    '&:hover:not(:disabled):not(:checked)': {\n      borderColor: 'var(--theme-ui-colors-yellow)',\n    },\n  },\n  label: {\n    inline: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      columnGap: 2,\n    },\n  },\n  borders: {\n    primaryButton: '3px solid var(--theme-ui-colors-primaryButton)',\n    primaryBtnDisable: '3px solid transparent',\n    secondaryButton: '3px solid var(--theme-ui-colors-primaryButton)',\n    secondaryButtonDisable: '3px solid #FDFBF5',\n    mode: {\n      dark: {\n        secondaryButtonDisable: '3px solid #F9F4E7',\n      },\n    },\n  },\n  buttons: {\n    primary: {\n      ...buttonBaseStyles,\n      background: 'primaryButton',\n      border: 'primaryButton',\n      color: 'primaryBright',\n      '&:disabled': {\n        cursor: 'not-allowed',\n        background: 'white3',\n        color: 'textDisabledButton',\n        border: 'primaryBtnDisable',\n        opacity: 0.9,\n      },\n      '&:hover': {\n        '&:not([disabled])': {\n          borderColor: 'rgba(var(--theme-ui-colors-primaryButton), 0.7)',\n          background: 'rgba(var(--theme-ui-colors-primaryButton), 0.7)',\n        },\n        '&:disabled': {},\n      },\n    },\n    secondary: {\n      ...buttonBaseStyles,\n      background: 'transparent',\n      border: 'secondaryButton',\n      color: 'var(--theme-ui-colors-primaryButton)',\n      '&:disabled': {\n        cursor: 'not-allowed',\n        background: 'white3',\n        color: 'primaryButtonDisable',\n        border: 'primaryBtnDisable',\n      },\n      '&&:hover': {\n        '&:not([disabled])': {\n          borderColor: 'rgba(var(--theme-ui-colors-primaryButton), 0.7)',\n        },\n        '&:disabled': {},\n      },\n    },\n    tertiary: {\n      ...buttonBaseStyles,\n      background: 'white3',\n      border: 'none',\n      color: 'text',\n\n      '&:disabled': {\n        cursor: 'not-allowed',\n        background: 'white3',\n        color: 'primaryButtonDisable',\n      },\n\n      '&:hover': {\n        '&:not([disabled])': {\n          background: 'white4',\n        },\n        '&:disabled': {},\n      },\n    },\n    text: {\n      ...buttonBaseStyles,\n      background: 'transparent',\n      color: 'text',\n\n      '&:hover': {\n        '&:not([disabled])': {\n          color: 'var(--theme-ui-colors-yellow)',\n        },\n        '&:disabled': {},\n      },\n\n      '&:disabled': {\n        cursor: 'not-allowed',\n        background: 'white3',\n        color: 'primaryButtonDisable',\n      },\n    },\n    success: {\n      ...buttonBaseStyles,\n      background: 'success',\n      color: 'primaryBright',\n\n      '&:disabled': {\n        cursor: 'not-allowed',\n        background: 'white3',\n        color: 'primaryButtonDisable',\n      },\n\n      '&:hover': {\n        '&:not([disabled])': {\n          background: 'hoveredSuccess',\n        },\n        '&:disabled': {},\n      },\n    },\n    danger: {\n      ...buttonBaseStyles,\n      background: 'error',\n      color: 'primaryBright',\n\n      '&:disabled': {\n        cursor: 'not-allowed',\n        background: 'white3',\n        color: 'primaryButtonDisable',\n      },\n\n      '&:hover': {\n        '&:not([disabled])': {\n          background: 'hoveredDanger',\n        },\n        '&:disabled': {},\n      },\n    },\n    circular: {\n      width: '40px',\n      height: '40px',\n      background: 'white3',\n      borderRadius: '50%',\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      overflow: 'hidden',\n      cursor: 'pointer',\n      padding: '1px',\n      transition: 'all .3s linear',\n\n      '&:hover': {\n        filter: 'brightness(85%)',\n      },\n\n      '&:active': {\n        transform: 'scale(0.9)',\n      },\n    },\n  },\n  cards: {\n    primary: {\n      background: 'navbar',\n      borderRadius: 'normal',\n    },\n  },\n  flex: {\n    dexContainer: {\n      width: '100%',\n      maxWidth: '420px',\n      height: 'fit-content',\n      background: 'white2',\n      padding: ['15px 5px', '15px 10px', '15px'],\n      borderRadius: 'normal',\n      flexDirection: 'column',\n    },\n    v3SubDexContainer: {\n      width: '100%',\n      maxWidth: '600px',\n      height: 'fit-content',\n      background: 'white2',\n      padding: ['15px 5px', '15px 10px', '15px'],\n      borderRadius: 'normal',\n      margin: '0px 10px',\n      flexDirection: 'column',\n    },\n    navContainer: {\n      height: '35px',\n      padding: '0px 15px',\n      background: 'white3',\n      borderRadius: 'normal',\n      alignItems: 'center',\n      cursor: 'pointer',\n      transition: 'all .3s linear',\n      '&:hover': {\n        filter: 'brightness(95%)',\n      },\n      '&:active': {\n        transform: 'scale(0.9)',\n      },\n    },\n    link: {\n      ...textUnderlineHover,\n      cursor: 'pointer',\n      textDecoration: 'none',\n      display: 'inline-block',\n    },\n    tag: {\n      padding: '5px',\n      borderRadius: 'normal',\n      alignItems: 'center',\n      justifyContent: 'center',\n    },\n  },\n  switch: {\n    backgroundColor: 'white4',\n    'input:checked ~ &': {\n      backgroundColor: 'var(--theme-ui-colors-yellow)',\n    },\n  },\n}\n\nexport default components\n"],"names":[],"mappings":"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"}

package/dist/theme/index.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from 'theme-ui';
+export declare const defaultTheme: Theme;

package/dist/theme/index.js

@@ -0,0 +1,12 @@
+import baseTheme from './base.js';
+import components from './components.js';
+import colors from './colors.js';
+
+const defaultTheme = {
+    ...baseTheme,
+    ...components,
+    colors: { ...colors },
+};
+
+export { defaultTheme };
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import type { Theme } from 'theme-ui'\nimport baseTheme from './base'\nimport components from './components'\nimport abondColors from './colors'\n\nexport const defaultTheme: Theme = {\n  ...baseTheme,\n  ...components,\n  colors: { ...abondColors },\n}\n"],"names":["abondColors"],"mappings":";;;;AAKO,MAAM,YAAY,GAAU;AACjC,IAAA,GAAG,SAAS;AACZ,IAAA,GAAG,UAAU;AACb,IAAA,MAAM,EAAE,EAAE,GAAGA,MAAW,EAAE;;;;;"}

package/dist/utils/campaignStyles.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import { ThemeUIStyleObject } from 'theme-ui';
 import { MarketingCampaign } from '@ape.swap/apeswap-lists';
-export declare const MCTagStyles: Partial<Record<MarketingCampaign, React.CSSProperties>>;
-export declare const MCBuyComponentStyles: Partial<Record<MarketingCampaign, React.CSSProperties>>;
-export declare const MCBondRowStyles: Partial<Record<MarketingCampaign, React.CSSProperties>>;
+export declare const MCTagStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>>;
+export declare const MCBuyComponentStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>>;
+export declare const MCBondRowStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>>;
 export declare const MCColorMapping: {
     white3: {
         Christmas2025: string;
@@ -11,5 +11,5 @@ export declare const MCColorMapping: {
         Christmas2025: string;
     };
 };
-export declare const MCTokenIconStyles: Partial<Record<MarketingCampaign, React.CSSProperties>>;
+export declare const MCTokenIconStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>>;
 export declare const MCTagNameMapping: Partial<Record<MarketingCampaign, string>>;

package/dist/utils/campaignStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"campaignStyles.js","sources":["../../src/utils/campaignStyles.ts"],"sourcesContent":["import React from 'react'\nimport { MarketingCampaign } from '@ape.swap/apeswap-lists'\n\n// Styles of the tag component.\nexport const MCTagStyles: Partial<Record<MarketingCampaign, React.CSSProperties>> = {\n  [MarketingCampaign.Christmas2025]: {\n    background: '#DF4141',\n    color: '#fff',\n  },\n}\n\n// Styles of the buy bond modal.\nexport const MCBuyComponentStyles: Partial<Record<MarketingCampaign, React.CSSProperties>> = {\n  [MarketingCampaign.Christmas2025]: {\n    backgroundImage: 'url(https://ape.bond/images/mc/christmas-buy.png)',\n    backgroundSize: 'cover',\n    opacity: 1,\n  },\n}\n\nexport const MCBondRowStyles: Partial<Record<MarketingCampaign, React.CSSProperties>> = {\n  [MarketingCampaign.Christmas2025]: {\n    backgroundImage: 'url(https://ape.bond/images/mc/christmas-row.png)',\n    backgroundSize: 'cover',\n    opacity: 1,\n  },\n}\n\nexport const MCColorMapping = {\n  white3: {\n    [MarketingCampaign.Christmas2025]: '#348C9E33 !important',\n  },\n  white4: {\n    [MarketingCampaign.Christmas2025]: '#348C9E33 !important',\n  },\n}\n\n// Styles of the token image displayed in the buy bond modal.\nexport const MCTokenIconStyles: Partial<Record<MarketingCampaign, React.CSSProperties>> = {\n  [MarketingCampaign.Christmas2025]: {\n    position: 'absolute',\n    top: '-25px',\n    left: '18%',\n    width: '100%',\n    height: '50px',\n    zIndex: 10,\n    backgroundImage: 'url(https://ape.bond/images/mc/christmas-hat.png)',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: 'contain',\n    backgroundPosition: 'center',\n  },\n}\n\nexport const MCTagNameMapping: Partial<Record<MarketingCampaign, string>> = {\n  [MarketingCampaign.Christmas2025]: 'Christmas Sale',\n}\n"],"names":[],"mappings":";;AAGA;AACO,MAAM,WAAW,GAA4D;AAClF,IAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG;AACjC,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;;AAGH;AACO,MAAM,oBAAoB,GAA4D;AAC3F,IAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG;AACjC,QAAA,eAAe,EAAE,mDAAmD;AACpE,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;;AAGI,MAAM,eAAe,GAA4D;AACtF,IAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG;AACjC,QAAA,eAAe,EAAE,mDAAmD;AACpE,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;;AAGI,MAAM,cAAc,GAAG;AAC5B,IAAA,MAAM,EAAE;AACN,QAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG,sBAAsB;AAC1D,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG,sBAAsB;AAC1D,KAAA;;AAGH;AACO,MAAM,iBAAiB,GAA4D;AACxF,IAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG;AACjC,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,eAAe,EAAE,mDAAmD;AACpE,QAAA,gBAAgB,EAAE,WAAW;AAC7B,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,kBAAkB,EAAE,QAAQ;AAC7B,KAAA;;AAGI,MAAM,gBAAgB,GAA+C;AAC1E,IAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG,gBAAgB;;;;;"}
+{"version":3,"file":"campaignStyles.js","sources":["../../src/utils/campaignStyles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\nimport { MarketingCampaign } from '@ape.swap/apeswap-lists'\n\n// Styles of the tag component.\nexport const MCTagStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>> = {\n  [MarketingCampaign.Christmas2025]: {\n    background: '#DF4141',\n    color: '#fff',\n  },\n}\n\n// Styles of the buy bond modal.\nexport const MCBuyComponentStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>> = {\n  [MarketingCampaign.Christmas2025]: {\n    backgroundImage: 'url(https://ape.bond/images/mc/christmas-buy.png)',\n    backgroundSize: 'cover',\n    opacity: 1,\n  },\n}\n\nexport const MCBondRowStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>> = {\n  [MarketingCampaign.Christmas2025]: {\n    backgroundImage: 'url(https://ape.bond/images/mc/christmas-row.png)',\n    backgroundSize: 'cover',\n    opacity: 1,\n  },\n}\n\nexport const MCColorMapping = {\n  white3: {\n    [MarketingCampaign.Christmas2025]: '#348C9E33 !important',\n  },\n  white4: {\n    [MarketingCampaign.Christmas2025]: '#348C9E33 !important',\n  },\n}\n\n// Styles of the token image displayed in the buy bond modal.\nexport const MCTokenIconStyles: Partial<Record<MarketingCampaign, ThemeUIStyleObject>> = {\n  [MarketingCampaign.Christmas2025]: {\n    position: 'absolute',\n    top: '-25px',\n    left: '18%',\n    width: '100%',\n    height: '50px',\n    zIndex: 10,\n    backgroundImage: 'url(https://ape.bond/images/mc/christmas-hat.png)',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: 'contain',\n    backgroundPosition: 'center',\n  },\n}\n\nexport const MCTagNameMapping: Partial<Record<MarketingCampaign, string>> = {\n  [MarketingCampaign.Christmas2025]: 'Christmas Sale',\n}\n"],"names":[],"mappings":";;AAGA;AACO,MAAM,WAAW,GAA2D;AACjF,IAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG;AACjC,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;;AAGH;AACO,MAAM,oBAAoB,GAA2D;AAC1F,IAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG;AACjC,QAAA,eAAe,EAAE,mDAAmD;AACpE,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;;AAGI,MAAM,eAAe,GAA2D;AACrF,IAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG;AACjC,QAAA,eAAe,EAAE,mDAAmD;AACpE,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;;AAGI,MAAM,cAAc,GAAG;AAC5B,IAAA,MAAM,EAAE;AACN,QAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG,sBAAsB;AAC1D,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG,sBAAsB;AAC1D,KAAA;;AAGH;AACO,MAAM,iBAAiB,GAA2D;AACvF,IAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG;AACjC,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,eAAe,EAAE,mDAAmD;AACpE,QAAA,gBAAgB,EAAE,WAAW;AAC7B,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,kBAAkB,EAAE,QAAQ;AAC7B,KAAA;;AAGI,MAAM,gBAAgB,GAA+C;AAC1E,IAAA,CAAC,iBAAiB,CAAC,aAAa,GAAG,gBAAgB;;;;;"}

package/dist/views/Bonds/Bonds.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 type SortableKeys = 'bonus' | 'arr' | 'terms' | 'tokensRemaining';
 type SortDirection = 'asc' | 'desc';
 export interface SortOptions {
     key: SortableKeys;
     direction: SortDirection;
 }
-declare const Bonds: () => import("react/jsx-runtime").JSX.Element;
+declare const Bonds: () => React.JSX.Element;
 export default Bonds;

package/dist/views/Bonds/Bonds.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import { useState, useMemo, useCallback, useEffect } from 'react';
 import { useTopTags } from '../../hooks/useTopTags.js';
 import { sortBonds, isBondSupported, isBondSoldOut } from './utils.js';
@@ -158,7 +158,16 @@ const Bonds = () => {
             tryScroll();
         }
     }, [bondData?.length]);
-    return (jsxs(Flex, { className: "bonds-container ape:w-full ape:flex ape:flex-col ape:px-[10px]", children: [jsx(CheckUrl, {}), jsx(BondsMenu, { searchQuery: searchQuery, setSearchQuery: setSearchQuery, setChainFilterOption: setChainFilterOption, chainFilterOption: chainFilterOption ?? ['All Chains'], filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleChangeFilterOption, onSort: handleSortOptions }), SDKConfig.useHotBonds && !SDKConfig.bondPartner && filterOption !== 'SOLD OUT' && jsx(BuyAgainRow, {}), Object.keys(billsToRender)?.length > 0 ? (jsx(Flex, { className: "bondrowsbychain ape:w-full ape:flex-col ape:mt-[5px]", children: validatedChains?.map((chain) => filterOption === 'SOLD OUT' ? (Object.entries(billsToRender[chain] ?? {}).map((groupedBonds) => (jsx(SoldOutRows, { bonds: groupedBonds[1] }, groupedBonds[0])))) : (jsx(ActiveBondRows, { chain: chain, bonds: (billsToRender[chain] ?? []), hideTitles: searchQuery !== '', showHotBonds: !searchQuery && SDKConfig.useHotBonds && SDKConfig?.hotBondChains?.includes(chain) }, chain))) })) : searchQuery || !chainFilterOption.includes('All Chains') ? (jsx(Flex, { className: "placeholder-monkey-wrapper ape:w-full ape:flex-col ape:pt-[100px] ape:pb-[100px] ape:bg-white2 ape:items-center ape:rounded-[10px] ape:mt-[15px] ape:justify-center ape:h-[400px]", children: jsx(PlaceholderMonkey, { text: 'No results, change filters.' }) })) : filterOption === 'FAVORITES' ? (jsxs("div", { className: "ape:w-full ape:h-[300px] ape:bg-white2 ape:rounded-normal ape:flex ape:justify-center ape:items-center ape:flex-col ape:mt-[10px]", children: [jsx(StarFilled, { width: 75, height: 75 }), jsx("div", { className: "ape:mt-[10px]", children: `You don't have any Favorite Bonds yet!` }), jsx("div", { className: "ape:text-[12px] ape:font-normal ape:text-text-disabled-button ape:mt-[10px]", children: `Click on the 'star' or 'fire' icon to add Bonds to the list.` })] })) : (jsx(LoadingSkeleton, {})), SDKConfig.useHotBonds && jsx(RecommendationCards, {}), jsx("div", { className: "powered-by-apebond ape:w-full ape:flex ape:justify-center ape:my-[15px]", children: jsx("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1741643990/poweredbyapebondsdk_cxiouj.png", alt: "powered-by-apebond", style: { width: '200px', height: 'auto' } }) })] }));
+    return (jsxs(Flex, { className: "bonds-container", children: [jsx(CheckUrl, {}), jsx(BondsMenu, { searchQuery: searchQuery, setSearchQuery: setSearchQuery, setChainFilterOption: setChainFilterOption, chainFilterOption: chainFilterOption ?? ['All Chains'], filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleChangeFilterOption, onSort: handleSortOptions }), SDKConfig.useHotBonds && !SDKConfig.bondPartner && filterOption !== 'SOLD OUT' && jsx(BuyAgainRow, {}), Object.keys(billsToRender)?.length > 0 ? (jsx(Flex, { className: "bondrowsbychain", children: validatedChains?.map((chain) => filterOption === 'SOLD OUT' ? (Object.entries(billsToRender[chain] ?? {}).map((groupedBonds) => (jsx(SoldOutRows, { bonds: groupedBonds[1] }, groupedBonds[0])))) : (jsx(ActiveBondRows, { chain: chain, bonds: (billsToRender[chain] ?? []), hideTitles: searchQuery !== '', showHotBonds: !searchQuery && SDKConfig.useHotBonds && SDKConfig?.hotBondChains?.includes(chain) }, chain))) })) : searchQuery || !chainFilterOption.includes('All Chains') ? (jsx(Flex, { className: "placeholder-monkey-wrapper", children: jsx(PlaceholderMonkey, { text: 'No results, change filters.' }) })) : filterOption === 'FAVORITES' ? (jsxs(Flex, { sx: {
+                    width: '100%',
+                    height: '300px',
+                    background: 'white2',
+                    borderRadius: 'normal',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    flexDirection: 'column',
+                    mt: '10px',
+                }, children: [jsx(StarFilled, { width: 75, height: 75 }), jsx(Flex, { sx: { mt: '10px' }, children: `You don't have any Favorite Bonds yet!` }), jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400, color: 'textDisabledButton', mt: '10px' }, children: `Click on the 'star' or 'fire' icon to add Bonds to the list.` })] })) : (jsx(LoadingSkeleton, {})), SDKConfig.useHotBonds && jsx(RecommendationCards, {}), jsx(Flex, { sx: { width: '100%', justifyContent: 'center', my: '15px' }, className: "powered-by-apebond", children: jsx("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1741643990/poweredbyapebondsdk_cxiouj.png", alt: "powered-by-apebond", style: { width: '200px', height: 'auto' } }) })] }));
 };
 
 export { Bonds as default };

package/dist/views/Bonds/Bonds.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bonds.js","sources":["../../../src/views/Bonds/Bonds.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { BondsData } from '../../types/bonds'\nimport { useTopTags } from '../../hooks/useTopTags'\nimport { isBondSoldOut, isBondSupported, sortBonds } from './utils'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport CheckURL from './components/CheckURL'\nimport PlaceholderMonkey from '../../components/PlaceholderMonkey'\nimport useFavoriteTokens from '../../state/favoriteTokens/useFavoriteTokens'\nimport useChainFilterOption from '../../state/chainFilterOption/useChainFilterOption'\nimport useBondsList from '../../state/bonds/useBondsList'\nimport { BaseBondConfig } from '@ape.swap/apeswap-lists'\nimport RecommendationCards from './components/RecommendationCards'\nimport BondsMenu from './components/BondsMenu/BondsMenu'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport BuyAgainRow from './components/BuyAgainRow'\nimport LoadingSkeleton from './components/LoadingSkeleton/LoadingSkeleton'\nimport useHotBonds from '../../state/hotBonds/useHotBonds'\nimport useBondsListPreTGE from '../../state/bonds/useBondsListPreTGE'\nimport { MAINNET_CHAINS } from '../../config/constants/chains'\nimport ActiveBondRows from './components/BondRows/ActiveBondRows'\nimport SoldOutRows from './components/BondRows/SoldOutRows'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport StarFilled from '../../components/uikit-sdk/Svg/Icons/StarFilled'\n\ntype SortableKeys = 'bonus' | 'arr' | 'terms' | 'tokensRemaining'\ntype SortDirection = 'asc' | 'desc'\n\nexport interface SortOptions {\n  key: SortableKeys\n  direction: SortDirection\n}\n\ntype GroupedByChain = Record<number, (BondsData | BaseBondConfig)[]>\ntype GroupedBySymbol = Record<number, Record<string, (BondsData | BaseBondConfig)[]>>\n\nconst Bonds = () => {\n  // Fetch data\n  useHotBonds()\n  const SDKConfig = useSDKConfig()\n  const { favTokens } = useFavoriteTokens()\n  const { data: bondData } = useBondsData()\n  const { data: allBonds } = useBondsList()\n  const { data: allPreBonds } = useBondsListPreTGE()\n  const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption()\n  const topTags = useTopTags()\n\n  // State\n  const [sortConfig, setSortConfig] = useState<SortOptions | undefined>({ key: 'bonus', direction: 'desc' })\n  const [searchQuery, setSearchQuery] = useState('')\n  const [filterOption, setFilterOption] = useState('ALL')\n\n  // Static data\n  const filterOptions = ['ALL', 'FAVORITES', ...topTags, 'SOLD OUT']\n  const validatedChains = SDKConfig?.chains?.filter((chain) => MAINNET_CHAINS.includes(chain))\n\n  const billsToRender: GroupedByChain | GroupedBySymbol = useMemo(() => {\n    let bondsToUse\n\n    if (filterOption === 'SOLD OUT') {\n      if (!allBonds || !allPreBonds) return {}\n      bondsToUse = [...allPreBonds, ...Object.values(allBonds).flat()]\n    } else {\n      bondsToUse = sortBonds(sortConfig, bondData)\n    }\n\n    const filteredBonds = bondsToUse?.filter((bill) => {\n      // filter incompatible bonds\n      if (!isBondSupported(SDKConfig.highestCompatibleVersion!, bill.version)) return false\n\n      // filter onlyPartner Bonds\n      if (bill.onlyPartner && SDKConfig.bondPartner !== bill.bondPartner) return false\n\n      // filter searchQuery\n      if (searchQuery) {\n        const matchesSearch = [\n          //@ts-ignore\n          `${bill?.underlyingEarnToken?.symbol?.toUpperCase()}`,\n          `${bill?.earnToken?.symbol.toUpperCase()}`,\n          `${bill?.lpToken?.symbol.toUpperCase()}`,\n        ].some((property) => property?.includes(searchQuery.toUpperCase()))\n        if (!matchesSearch) return false\n      }\n\n      // filter tiers\n      if (!SDKConfig?.useTiers && 'minTier' in bill) {\n        if (bill.minTier !== null && bill.minTier !== undefined) return false\n      }\n\n      // filter bondPartner\n      if (SDKConfig?.bondPartner && bill.bondPartner !== SDKConfig.bondPartner) return false\n\n      // filter topTags\n      if (topTags.includes(filterOption) && !bill?.tags?.includes(filterOption)) return false\n\n      // filter chainFilterOption\n      if (chainFilterOption && !chainFilterOption?.includes('All Chains')) {\n        if (!chainFilterOption?.includes(bill?.chainId?.toString())) return false\n      }\n\n      // filter SOLD OUT\n      if (filterOption === 'SOLD OUT' && !isBondSoldOut(bill as BondsData, SDKConfig.showLowValueBonds)) return false\n\n      // filter not SOLD OUT\n      if (filterOption !== 'SOLD OUT' && isBondSoldOut(bill as BondsData, SDKConfig.showLowValueBonds)) return false\n\n      // filter FAVORITES\n      if (filterOption === 'FAVORITES' && !favTokens.includes(bill?.earnToken?.symbol?.toLowerCase())) return false\n\n      return true\n    })\n\n    if (filterOption === 'SOLD OUT') {\n      return filteredBonds?.reduce<GroupedBySymbol>((acc, bond) => {\n        const symbol = bond?.earnToken?.symbol\n        const chainId = bond.chainId\n\n        if (!acc[chainId]) acc[chainId] = {}\n\n        if (!acc[chainId][symbol]) acc[chainId][symbol] = []\n\n        acc[chainId][symbol].push(bond)\n        return acc\n      }, {})\n    } else {\n      return filteredBonds?.reduce<GroupedByChain>((acc, bond) => {\n        const { chainId } = bond\n        if (!acc[chainId]) acc[chainId] = []\n        acc[chainId].push(bond)\n        return acc\n      }, {})\n    }\n  }, [\n    allBonds,\n    allPreBonds,\n    sortConfig,\n    bondData,\n    filterOption,\n    SDKConfig.highestCompatibleVersion,\n    SDKConfig.bondPartner,\n    SDKConfig?.useTiers,\n    SDKConfig.showLowValueBonds,\n    searchQuery,\n    topTags,\n    chainFilterOption,\n    favTokens,\n  ])\n\n  // Handlers\n  const handleSortOptions = useCallback(\n    (key: SortableKeys) => {\n      let direction: SortDirection = 'desc'\n      if (sortConfig?.key === key && sortConfig?.direction === 'desc') {\n        direction = 'asc'\n      }\n      setSortConfig({ key, direction })\n    },\n    [sortConfig?.key, sortConfig?.direction],\n  )\n\n  const handleChangeFilterOption = useCallback((newOption: string) => {\n    setFilterOption(newOption)\n  }, [])\n\n  useEffect(() => {\n    const hash = window.location.hash\n    //@ts-ignore\n    if (bondData?.length > 0 && hash) {\n      const tryScroll = () => {\n        const normalizedHash = decodeURIComponent(hash).replace(/\\s+/g, '')\n        const element = document.querySelector(normalizedHash)\n        if (element) {\n          const y = element.getBoundingClientRect().top + window.scrollY - 70\n          window.scrollTo({ top: y, behavior: 'smooth' })\n        } else {\n          setTimeout(tryScroll, 50)\n        }\n      }\n      tryScroll()\n    }\n  }, [bondData?.length])\n\n  return (\n    <Flex className=\"bonds-container ape:w-full ape:flex ape:flex-col ape:px-[10px]\">\n      <CheckURL />\n      <BondsMenu\n        searchQuery={searchQuery}\n        setSearchQuery={setSearchQuery}\n        setChainFilterOption={setChainFilterOption}\n        chainFilterOption={chainFilterOption ?? ['All Chains']}\n        filterOptions={filterOptions}\n        filterOption={filterOption}\n        setFilterOption={handleChangeFilterOption}\n        onSort={handleSortOptions}\n      />\n      {SDKConfig.useHotBonds && !SDKConfig.bondPartner && filterOption !== 'SOLD OUT' && <BuyAgainRow />}\n      {Object.keys(billsToRender)?.length > 0 ? (\n        <Flex className=\"bondrowsbychain ape:w-full ape:flex-col ape:mt-[5px]\">\n          {validatedChains?.map((chain) =>\n            filterOption === 'SOLD OUT' ? (\n              Object.entries(billsToRender[chain] ?? {}).map((groupedBonds) => (\n                <SoldOutRows bonds={groupedBonds[1]} key={groupedBonds[0]} />\n              ))\n            ) : (\n              <ActiveBondRows\n                chain={chain}\n                bonds={(billsToRender[chain] ?? []) as (BondsData | BaseBondConfig)[]}\n                key={chain}\n                hideTitles={searchQuery !== ''}\n                showHotBonds={!searchQuery && SDKConfig.useHotBonds && SDKConfig?.hotBondChains?.includes(chain)}\n              />\n            ),\n          )}\n        </Flex>\n      ) : searchQuery || !chainFilterOption.includes('All Chains') ? (\n        <Flex className=\"placeholder-monkey-wrapper ape:w-full ape:flex-col ape:pt-[100px] ape:pb-[100px] ape:bg-white2 ape:items-center ape:rounded-[10px] ape:mt-[15px] ape:justify-center ape:h-[400px]\">\n          <PlaceholderMonkey text={'No results, change filters.'} />\n        </Flex>\n      ) : filterOption === 'FAVORITES' ? (\n        <div className=\"ape:w-full ape:h-[300px] ape:bg-white2 ape:rounded-normal ape:flex ape:justify-center ape:items-center ape:flex-col ape:mt-[10px]\">\n          <StarFilled width={75} height={75} />\n          <div className=\"ape:mt-[10px]\">{`You don't have any Favorite Bonds yet!`}</div>\n          <div className=\"ape:text-[12px] ape:font-normal ape:text-text-disabled-button ape:mt-[10px]\">\n            {`Click on the 'star' or 'fire' icon to add Bonds to the list.`}\n          </div>\n        </div>\n      ) : (\n        <LoadingSkeleton />\n      )}\n      {SDKConfig.useHotBonds && <RecommendationCards />}\n      <div className=\"powered-by-apebond ape:w-full ape:flex ape:justify-center ape:my-[15px]\">\n        <img\n          src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1741643990/poweredbyapebondsdk_cxiouj.png\"\n          alt=\"powered-by-apebond\"\n          style={{ width: '200px', height: 'auto' }}\n        />\n      </div>\n    </Flex>\n  )\n}\n\nexport default Bonds\n"],"names":["_jsxs","_jsx","CheckURL"],"mappings":"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"}
+{"version":3,"file":"Bonds.js","sources":["../../../src/views/Bonds/Bonds.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { BondsData } from '../../types/bonds'\nimport { useTopTags } from '../../hooks/useTopTags'\nimport { isBondSoldOut, isBondSupported, sortBonds } from './utils'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport CheckURL from './components/CheckURL'\nimport PlaceholderMonkey from '../../components/PlaceholderMonkey'\nimport useFavoriteTokens from '../../state/favoriteTokens/useFavoriteTokens'\nimport useChainFilterOption from '../../state/chainFilterOption/useChainFilterOption'\nimport useBondsList from '../../state/bonds/useBondsList'\nimport { BaseBondConfig } from '@ape.swap/apeswap-lists'\nimport RecommendationCards from './components/RecommendationCards'\nimport BondsMenu from './components/BondsMenu/BondsMenu'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport BuyAgainRow from './components/BuyAgainRow'\nimport LoadingSkeleton from './components/LoadingSkeleton/LoadingSkeleton'\nimport useHotBonds from '../../state/hotBonds/useHotBonds'\nimport useBondsListPreTGE from '../../state/bonds/useBondsListPreTGE'\nimport { MAINNET_CHAINS } from '../../config/constants/chains'\nimport ActiveBondRows from './components/BondRows/ActiveBondRows'\nimport SoldOutRows from './components/BondRows/SoldOutRows'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport StarFilled from '../../components/uikit-sdk/Svg/Icons/StarFilled'\n\ntype SortableKeys = 'bonus' | 'arr' | 'terms' | 'tokensRemaining'\ntype SortDirection = 'asc' | 'desc'\n\nexport interface SortOptions {\n  key: SortableKeys\n  direction: SortDirection\n}\n\ntype GroupedByChain = Record<number, (BondsData | BaseBondConfig)[]>\ntype GroupedBySymbol = Record<number, Record<string, (BondsData | BaseBondConfig)[]>>\n\nconst Bonds = () => {\n  // Fetch data\n  useHotBonds()\n  const SDKConfig = useSDKConfig()\n  const { favTokens } = useFavoriteTokens()\n  const { data: bondData } = useBondsData()\n  const { data: allBonds } = useBondsList()\n  const { data: allPreBonds } = useBondsListPreTGE()\n  const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption()\n  const topTags = useTopTags()\n\n  // State\n  const [sortConfig, setSortConfig] = useState<SortOptions | undefined>({ key: 'bonus', direction: 'desc' })\n  const [searchQuery, setSearchQuery] = useState('')\n  const [filterOption, setFilterOption] = useState('ALL')\n\n  // Static data\n  const filterOptions = ['ALL', 'FAVORITES', ...topTags, 'SOLD OUT']\n  const validatedChains = SDKConfig?.chains?.filter((chain) => MAINNET_CHAINS.includes(chain))\n\n  const billsToRender: GroupedByChain | GroupedBySymbol = useMemo(() => {\n    let bondsToUse\n\n    if (filterOption === 'SOLD OUT') {\n      if (!allBonds || !allPreBonds) return {}\n      bondsToUse = [...allPreBonds, ...Object.values(allBonds).flat()]\n    } else {\n      bondsToUse = sortBonds(sortConfig, bondData)\n    }\n\n    const filteredBonds = bondsToUse?.filter((bill) => {\n      // filter incompatible bonds\n      if (!isBondSupported(SDKConfig.highestCompatibleVersion!, bill.version)) return false\n\n      // filter onlyPartner Bonds\n      if (bill.onlyPartner && SDKConfig.bondPartner !== bill.bondPartner) return false\n\n      // filter searchQuery\n      if (searchQuery) {\n        const matchesSearch = [\n          //@ts-ignore\n          `${bill?.underlyingEarnToken?.symbol?.toUpperCase()}`,\n          `${bill?.earnToken?.symbol.toUpperCase()}`,\n          `${bill?.lpToken?.symbol.toUpperCase()}`,\n        ].some((property) => property?.includes(searchQuery.toUpperCase()))\n        if (!matchesSearch) return false\n      }\n\n      // filter tiers\n      if (!SDKConfig?.useTiers && 'minTier' in bill) {\n        if (bill.minTier !== null && bill.minTier !== undefined) return false\n      }\n\n      // filter bondPartner\n      if (SDKConfig?.bondPartner && bill.bondPartner !== SDKConfig.bondPartner) return false\n\n      // filter topTags\n      if (topTags.includes(filterOption) && !bill?.tags?.includes(filterOption)) return false\n\n      // filter chainFilterOption\n      if (chainFilterOption && !chainFilterOption?.includes('All Chains')) {\n        if (!chainFilterOption?.includes(bill?.chainId?.toString())) return false\n      }\n\n      // filter SOLD OUT\n      if (filterOption === 'SOLD OUT' && !isBondSoldOut(bill as BondsData, SDKConfig.showLowValueBonds)) return false\n\n      // filter not SOLD OUT\n      if (filterOption !== 'SOLD OUT' && isBondSoldOut(bill as BondsData, SDKConfig.showLowValueBonds)) return false\n\n      // filter FAVORITES\n      if (filterOption === 'FAVORITES' && !favTokens.includes(bill?.earnToken?.symbol?.toLowerCase())) return false\n\n      return true\n    })\n\n    if (filterOption === 'SOLD OUT') {\n      return filteredBonds?.reduce<GroupedBySymbol>((acc, bond) => {\n        const symbol = bond?.earnToken?.symbol\n        const chainId = bond.chainId\n\n        if (!acc[chainId]) acc[chainId] = {}\n\n        if (!acc[chainId][symbol]) acc[chainId][symbol] = []\n\n        acc[chainId][symbol].push(bond)\n        return acc\n      }, {})\n    } else {\n      return filteredBonds?.reduce<GroupedByChain>((acc, bond) => {\n        const { chainId } = bond\n        if (!acc[chainId]) acc[chainId] = []\n        acc[chainId].push(bond)\n        return acc\n      }, {})\n    }\n  }, [\n    allBonds,\n    allPreBonds,\n    sortConfig,\n    bondData,\n    filterOption,\n    SDKConfig.highestCompatibleVersion,\n    SDKConfig.bondPartner,\n    SDKConfig?.useTiers,\n    SDKConfig.showLowValueBonds,\n    searchQuery,\n    topTags,\n    chainFilterOption,\n    favTokens,\n  ])\n\n  // Handlers\n  const handleSortOptions = useCallback(\n    (key: SortableKeys) => {\n      let direction: SortDirection = 'desc'\n      if (sortConfig?.key === key && sortConfig?.direction === 'desc') {\n        direction = 'asc'\n      }\n      setSortConfig({ key, direction })\n    },\n    [sortConfig?.key, sortConfig?.direction],\n  )\n\n  const handleChangeFilterOption = useCallback((newOption: string) => {\n    setFilterOption(newOption)\n  }, [])\n\n  useEffect(() => {\n    const hash = window.location.hash\n    //@ts-ignore\n    if (bondData?.length > 0 && hash) {\n      const tryScroll = () => {\n        const normalizedHash = decodeURIComponent(hash).replace(/\\s+/g, '')\n        const element = document.querySelector(normalizedHash)\n        if (element) {\n          const y = element.getBoundingClientRect().top + window.scrollY - 70\n          window.scrollTo({ top: y, behavior: 'smooth' })\n        } else {\n          setTimeout(tryScroll, 50)\n        }\n      }\n      tryScroll()\n    }\n  }, [bondData?.length])\n\n  return (\n    <Flex className=\"bonds-container\">\n      <CheckURL />\n      <BondsMenu\n        searchQuery={searchQuery}\n        setSearchQuery={setSearchQuery}\n        setChainFilterOption={setChainFilterOption}\n        chainFilterOption={chainFilterOption ?? ['All Chains']}\n        filterOptions={filterOptions}\n        filterOption={filterOption}\n        setFilterOption={handleChangeFilterOption}\n        onSort={handleSortOptions}\n      />\n      {SDKConfig.useHotBonds && !SDKConfig.bondPartner && filterOption !== 'SOLD OUT' && <BuyAgainRow />}\n      {Object.keys(billsToRender)?.length > 0 ? (\n        <Flex className=\"bondrowsbychain\">\n          {validatedChains?.map((chain) =>\n            filterOption === 'SOLD OUT' ? (\n              Object.entries(billsToRender[chain] ?? {}).map((groupedBonds) => (\n                <SoldOutRows bonds={groupedBonds[1]} key={groupedBonds[0]} />\n              ))\n            ) : (\n              <ActiveBondRows\n                chain={chain}\n                bonds={(billsToRender[chain] ?? []) as (BondsData | BaseBondConfig)[]}\n                key={chain}\n                hideTitles={searchQuery !== ''}\n                showHotBonds={!searchQuery && SDKConfig.useHotBonds && SDKConfig?.hotBondChains?.includes(chain)}\n              />\n            ),\n          )}\n        </Flex>\n      ) : searchQuery || !chainFilterOption.includes('All Chains') ? (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <PlaceholderMonkey text={'No results, change filters.'} />\n        </Flex>\n      ) : filterOption === 'FAVORITES' ? (\n        <Flex\n          sx={{\n            width: '100%',\n            height: '300px',\n            background: 'white2',\n            borderRadius: 'normal',\n            justifyContent: 'center',\n            alignItems: 'center',\n            flexDirection: 'column',\n            mt: '10px',\n          }}\n        >\n          <StarFilled width={75} height={75} />\n          <Flex sx={{ mt: '10px' }}>{`You don't have any Favorite Bonds yet!`}</Flex>\n          <Flex sx={{ fontSize: '12px', fontWeight: 400, color: 'textDisabledButton', mt: '10px' }}>\n            {`Click on the 'star' or 'fire' icon to add Bonds to the list.`}\n          </Flex>\n        </Flex>\n      ) : (\n        <LoadingSkeleton />\n      )}\n      {SDKConfig.useHotBonds && <RecommendationCards />}\n      <Flex sx={{ width: '100%', justifyContent: 'center', my: '15px' }} className=\"powered-by-apebond\">\n        <img\n          src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1741643990/poweredbyapebondsdk_cxiouj.png\"\n          alt=\"powered-by-apebond\"\n          style={{ width: '200px', height: 'auto' }}\n        />\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default Bonds\n"],"names":["_jsxs","_jsx","CheckURL"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,KAAK,GAAG,MAAK;;AAEjB,IAAA,WAAW,EAAE;AACb,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE;IACzC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE;IACzC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE;IACzC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE;IAClD,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,GAAG,oBAAoB,EAAE;AAChF,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;;AAG5B,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAA0B,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;IAC1G,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;;AAGvD,IAAA,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,OAAO,EAAE,UAAU,CAAC;IAClE,MAAM,eAAe,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,KAAK,KAAK,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAE5F,IAAA,MAAM,aAAa,GAAqC,OAAO,CAAC,MAAK;AACnE,QAAA,IAAI,UAAU;AAEd,QAAA,IAAI,YAAY,KAAK,UAAU,EAAE;AAC/B,YAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW;AAAE,gBAAA,OAAO,EAAE;AACxC,YAAA,UAAU,GAAG,CAAC,GAAG,WAAW,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;QAClE;aAAO;AACL,YAAA,UAAU,GAAG,SAAS,CAAC,UAAU,EAAE,QAAQ,CAAC;QAC9C;QAEA,MAAM,aAAa,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC,IAAI,KAAI;;YAEhD,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,wBAAyB,EAAE,IAAI,CAAC,OAAO,CAAC;AAAE,gBAAA,OAAO,KAAK;;YAGrF,IAAI,IAAI,CAAC,WAAW,IAAI,SAAS,CAAC,WAAW,KAAK,IAAI,CAAC,WAAW;AAAE,gBAAA,OAAO,KAAK;;YAGhF,IAAI,WAAW,EAAE;AACf,gBAAA,MAAM,aAAa,GAAG;;oBAEpB,CAAA,EAAG,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,WAAW,EAAE,CAAA,CAAE;oBACrD,CAAA,EAAG,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,CAAA,CAAE;oBAC1C,CAAA,EAAG,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,WAAW,EAAE,CAAA,CAAE;AACzC,iBAAA,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,QAAQ,EAAE,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC;AACnE,gBAAA,IAAI,CAAC,aAAa;AAAE,oBAAA,OAAO,KAAK;YAClC;;YAGA,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,SAAS,IAAI,IAAI,EAAE;gBAC7C,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;AAAE,oBAAA,OAAO,KAAK;YACvE;;YAGA,IAAI,SAAS,EAAE,WAAW,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC,WAAW;AAAE,gBAAA,OAAO,KAAK;;AAGtF,YAAA,IAAI,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,YAAY,CAAC;AAAE,gBAAA,OAAO,KAAK;;YAGvF,IAAI,iBAAiB,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,YAAY,CAAC,EAAE;gBACnE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAAE,oBAAA,OAAO,KAAK;YAC3E;;AAGA,YAAA,IAAI,YAAY,KAAK,UAAU,IAAI,CAAC,aAAa,CAAC,IAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC;AAAE,gBAAA,OAAO,KAAK;;YAG/G,IAAI,YAAY,KAAK,UAAU,IAAI,aAAa,CAAC,IAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC;AAAE,gBAAA,OAAO,KAAK;;AAG9G,YAAA,IAAI,YAAY,KAAK,WAAW,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;AAAE,gBAAA,OAAO,KAAK;AAE7G,YAAA,OAAO,IAAI;AACb,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,YAAY,KAAK,UAAU,EAAE;YAC/B,OAAO,aAAa,EAAE,MAAM,CAAkB,CAAC,GAAG,EAAE,IAAI,KAAI;AAC1D,gBAAA,MAAM,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,MAAM;AACtC,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO;AAE5B,gBAAA,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;AAAE,oBAAA,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE;AAEpC,gBAAA,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;oBAAE,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE;gBAEpD,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;AAC/B,gBAAA,OAAO,GAAG;YACZ,CAAC,EAAE,EAAE,CAAC;QACR;aAAO;YACL,OAAO,aAAa,EAAE,MAAM,CAAiB,CAAC,GAAG,EAAE,IAAI,KAAI;AACzD,gBAAA,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI;AACxB,gBAAA,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;AAAE,oBAAA,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE;gBACpC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;AACvB,gBAAA,OAAO,GAAG;YACZ,CAAC,EAAE,EAAE,CAAC;QACR;AACF,IAAA,CAAC,EAAE;QACD,QAAQ;QACR,WAAW;QACX,UAAU;QACV,QAAQ;QACR,YAAY;AACZ,QAAA,SAAS,CAAC,wBAAwB;AAClC,QAAA,SAAS,CAAC,WAAW;AACrB,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,SAAS,CAAC,iBAAiB;QAC3B,WAAW;QACX,OAAO;QACP,iBAAiB;QACjB,SAAS;AACV,KAAA,CAAC;;AAGF,IAAA,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,GAAiB,KAAI;QACpB,IAAI,SAAS,GAAkB,MAAM;AACrC,QAAA,IAAI,UAAU,EAAE,GAAG,KAAK,GAAG,IAAI,UAAU,EAAE,SAAS,KAAK,MAAM,EAAE;YAC/D,SAAS,GAAG,KAAK;QACnB;AACA,QAAA,aAAa,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;IACnC,CAAC,EACD,CAAC,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,CAAC,CACzC;AAED,IAAA,MAAM,wBAAwB,GAAG,WAAW,CAAC,CAAC,SAAiB,KAAI;QACjE,eAAe,CAAC,SAAS,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC;IAEN,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI;;QAEjC,IAAI,QAAQ,EAAE,MAAM,GAAG,CAAC,IAAI,IAAI,EAAE;YAChC,MAAM,SAAS,GAAG,MAAK;AACrB,gBAAA,MAAM,cAAc,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;gBACnE,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAC;gBACtD,IAAI,OAAO,EAAE;AACX,oBAAA,MAAM,CAAC,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,EAAE;AACnE,oBAAA,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;gBACjD;qBAAO;AACL,oBAAA,UAAU,CAAC,SAAS,EAAE,EAAE,CAAC;gBAC3B;AACF,YAAA,CAAC;AACD,YAAA,SAAS,EAAE;QACb;AACF,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAEtB,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAA,CAC/BC,GAAA,CAACC,QAAQ,EAAA,EAAA,CAAG,EACZD,GAAA,CAAC,SAAS,EAAA,EACR,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,iBAAiB,IAAI,CAAC,YAAY,CAAC,EACtD,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,wBAAwB,EACzC,MAAM,EAAE,iBAAiB,EAAA,CACzB,EACD,SAAS,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,WAAW,IAAI,YAAY,KAAK,UAAU,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAA,CAAG,EACjG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC,IACrCA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAC9B,eAAe,EAAE,GAAG,CAAC,CAAC,KAAK,KAC1B,YAAY,KAAK,UAAU,IACzB,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,MAC1DA,GAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAA,EAAO,YAAY,CAAC,CAAC,CAAC,CAAI,CAC9D,CAAC,KAEFA,GAAA,CAAC,cAAc,EAAA,EACb,KAAK,EAAE,KAAK,EACZ,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,CAAmC,EAErE,UAAU,EAAE,WAAW,KAAK,EAAE,EAC9B,YAAY,EAAE,CAAC,WAAW,IAAI,SAAS,CAAC,WAAW,IAAI,SAAS,EAAE,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAA,EAF3F,KAAK,CAGV,CACH,CACF,EAAA,CACI,IACL,WAAW,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,YAAY,CAAC,IAC1DA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAC1CA,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,6BAA6B,EAAA,CAAI,EAAA,CACrD,IACL,YAAY,KAAK,WAAW,IAC9BD,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,OAAO;AACf,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,YAAY,EAAE,QAAQ;AACtB,oBAAA,cAAc,EAAE,QAAQ;AACxB,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,aAAa,EAAE,QAAQ;AACvB,oBAAA,EAAE,EAAE,MAAM;iBACX,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,EACrCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAG,CAAA,sCAAA,CAAwC,EAAA,CAAQ,EAC3EA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrF,CAAA,4DAAA,CAA8D,EAAA,CAC1D,CAAA,EAAA,CACF,KAEPA,GAAA,CAAC,eAAe,EAAA,EAAA,CAAG,CACpB,EACA,SAAS,CAAC,WAAW,IAAIA,GAAA,CAAC,mBAAmB,EAAA,EAAA,CAAG,EACjDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAC/FA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,8FAA8F,EAClG,GAAG,EAAC,oBAAoB,EACxB,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,CACzC,EAAA,CACG,CAAA,EAAA,CACF;AAEX;;;;"}

package/dist/views/Bonds/components/BondRows/ActiveBondRows.js

@@ -1,10 +1,9 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'theme-ui/jsx-runtime';
 import { useState } from 'react';
-import clsx from 'clsx';
 import { AnimatePresence, motion } from 'framer-motion';
 import ChainTitle from './ChainTitle.js';
 import BondRow from './BondRow.js';
-import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import { Flex } from 'theme-ui';
 import { ChainId } from '@ape.swap/apeswap-lists';
 import HotBondCards from '../HotBondCards/index.js';
 import ChainBanner from '../ChainBanner/ChainBanner.js';
@@ -15,10 +14,15 @@ import { getTimePeriods } from '../../../../utils/getTimePeriods.js';
 import { useSDKConfig } from '../../../../state/useSDKConfig.js';
 
 const ActiveBondRows = ({ chain, bonds, hideTitles, showHotBonds }) => {
-    const { namingPreference, useCardsView } = useSDKConfig();
+    const { namingPreference } = useSDKConfig();
     const [isOpen, setIsOpen] = useState(true);
     const key = chain;
-    return (jsx(Flex, { className: "bondrowswithtitle ape:w-full ape:flex-col", children: jsxs(AnimatePresence, { initial: false, children: [jsx(Flex, { onClick: () => setIsOpen(!isOpen), className: "ape:cursor-pointer", children: jsx(ChainTitle, { chain: chain, pt: '5px', hideTitles: (bonds.length <= 0 && chain !== ChainId.SOL && chain !== ChainId.MONAD) || hideTitles, isOpen: isOpen }) }), isOpen && (bonds.length > 0 || chain === ChainId.MONAD) && (jsxs(motion.div, { initial: { height: 0, overflow: 'hidden' }, animate: { height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }, exit: { height: 0, overflow: 'hidden' }, className: clsx('bonds-card-container ape:relative ape:overflow-hidden ape:w-full ape:mt-0', useCardsView && 'ape:flex ape:flex-wrap'), children: [[
+    return (jsx(Flex, { className: "bondrowswithtitle", children: jsxs(AnimatePresence, { initial: false, children: [jsx(Flex, { onClick: () => setIsOpen(!isOpen), sx: { cursor: 'pointer' }, children: jsx(ChainTitle, { chain: chain, pt: '5px', hideTitles: (bonds.length <= 0 && chain !== ChainId.SOL && chain !== ChainId.MONAD) || hideTitles, isOpen: isOpen }) }), isOpen && (bonds.length > 0 || chain === ChainId.MONAD) && (jsxs(motion.div, { initial: { height: 0, overflow: 'hidden' }, animate: { height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }, exit: { height: 0, overflow: 'hidden' }, sx: {
+                        position: 'relative',
+                        overflow: 'hidden',
+                        width: '100%',
+                        marginTop: '0px',
+                    }, className: "bonds-card-container", children: [[
                             // ChainId.SOL,
                             ChainId.MONAD,
                             // ChainId.APTOS,