@ape.swap/bonds-sdk 2.7.7-test.2 → 2.7.7-test.3

package/dist/main.js

@@ -58306,7 +58306,7 @@ function useGetUserEscrowWeight(account) {
 }
 
 const MinTierRow = ({ minTier }) => {
-    return (jsx$2(Fragment$1, { children: minTier !== null && minTier != undefined && (jsxs(Flex, { children: [jsx$2("img", { src: `/images/launch/${TIERS_NAMES[minTier].toLowerCase()}.png`, alt: "minTier", style: { width: '30px', height: '30px', marginLeft: '10px', zIndex: 1 } }), minTier < 4 && (jsx$2("img", { src: `/images/launch/iconPlus.png`, alt: "minTier", style: { width: '30px', height: '30px', marginLeft: '-11px', zIndex: 0 } }))] })) }));
+    return (jsx$2(Fragment$1, { children: minTier !== null && minTier != undefined && (jsx$2(Flex, { children: jsxs(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["You need a ", TIERS_NAMES[minTier], " Ape Tier or better in order to buy this Bond."] }), width: "230px", placement: "bottomLeft", transformTip: "translate(1%, -5%)", children: [jsx$2("img", { src: `/images/launch/${TIERS_NAMES[minTier].toLowerCase()}.png`, alt: "minTier", style: { width: '30px', height: '30px', marginLeft: '10px', zIndex: 1 } }), minTier < 4 && (jsx$2("img", { src: `/images/launch/iconPlus.png`, alt: "minTier", style: { width: '30px', height: '30px', marginLeft: '-11px', zIndex: 0 } }))] }) })) }));
 };
 
 const NETWORK_COLORS = {
@@ -70868,30 +70868,7 @@ const ExpandedViewButton = ({ handleNavigation, rightPos }) => {
                 cursor: 'pointer',
                 width: '100%',
                 display: 'flex',
-            }, onClick: handleNavigation, children: [jsx$2(Flex, { sx: {
-                        background: '#DF414166',
-                        borderRadius: 'small',
-                        p: '1px 5px',
-                        position: 'absolute',
-                        height: '20px',
-                        left: '-50px',
-                        fontSize: '12px',
-                        fontWeight: 400,
-                        lineHeight: '17px',
-                        width: '40px',
-                        '&:before': {
-                            content: '""',
-                            display: 'block',
-                            height: 0,
-                            width: 0,
-                            position: 'absolute',
-                            top: '50%',
-                            left: 'calc(100% - 0px)',
-                            border: '5px solid transparent',
-                            borderLeftColor: '#DF414166',
-                            transform: 'translateY(-50%)',
-                        },
-                    }, children: "NEW" }), "Project Info", jsx$2(Flex, { sx: { ml: '4px' }, children: jsx$2(Svg, { icon: "expand", width: 20, color: "white" }) })] }) }));
+            }, onClick: handleNavigation, children: ["Project Info", jsx$2(Flex, { sx: { ml: '4px' }, children: jsx$2(Svg, { icon: "expand", width: 20, color: "white" }) })] }) }));
 };
 
 const BondInfoTooltip = ({ earnTokenContract, earnTokenSymbol, bondContract, projectLink, twitter, audit, chain, }) => {
@@ -73918,22 +73895,14 @@ const useSendReferenceId = () => {
 
 const BondModalMinTierHeader = ({ minTier }) => {
     return (jsx$2(Fragment$1, { children: minTier !== null && minTier !== undefined && (jsx$2(Flex, { sx: {
+                justifyContent: 'start',
                 alignItems: 'center',
                 flexDirection: 'row-reverse',
-                ml: '10px',
                 width: ['100%', '100%', '100%', 'auto', 'auto'],
             }, children: Object.values(TIERS_NAMES).map((tier, index) => {
                 if (index >= minTier) {
                     return (jsx$2("img", { src: `/images/launch/${tier.toLowerCase()}.png`, alt: "minTier", style: { width: '30px', height: '30px', marginLeft: '3px', zIndex: 1 } }, `tier-logo-${index}`));
                 }
-                return (jsx$2(Box$1, { sx: {
-                        width: '27px',
-                        height: '27px',
-                        marginLeft: '3px',
-                        zIndex: 1,
-                        backgroundColor: 'rgb(128 128 128 / 25%)',
-                        borderRadius: '100px',
-                    } }, `notier-logo-${index}`));
             }) })) }));
 };
 
@@ -73959,7 +73928,7 @@ const BondModalHeader = ({ bondData, onDismiss, showProjectInfoButton, }) => {
             },
         });
     };
-    return (jsxs(Flex, { className: "modaltable-container title-container", children: [jsxs(Flex, { sx: { flexDirection: ['column', 'column', 'column', 'row', 'row'], width: '100%' }, children: [jsxs(Flex, { children: [jsx$2(Flex, { className: "title-container bondicon", children: jsx$2(TokenImage, { symbol: (_a = bondData.showcaseTokenName) !== null && _a !== void 0 ? _a : bondData.earnToken.symbol, size: 50, chain: bondData.chainId }) }), jsxs(Flex, { className: "title-container bondname", children: [bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, jsx$2(ListTag, { text: (_b = bondData === null || bondData === void 0 ? void 0 : bondData.tags) === null || _b === void 0 ? void 0 : _b[0] })] })] }), jsxs(Flex, { children: [jsxs(Flex, { className: "title-container price-container", sx: { flexDirection: 'column', paddingLeft: ['0px', '0px', '0px', '20px', '20px'] }, children: [jsxs(Flex, { className: "price-container price", children: ["$", earnTokenPrice(bondData)] }), jsxs(Flex, { className: "price-container discounted", children: ["$", discountEarnTokenPrice(bondData)] })] }), jsx$2(BondModalMinTierHeader, { minTier: minTier })] })] }), jsx$2(Flex, { className: "slipagge-close-icons", children: onDismiss ? (jsxs(Fragment$1, { children: [showProjectInfoButton && jsx$2(ExpandedViewButton, { handleNavigation: handleProjectViewNavigation }), jsx$2(IconButton, { icon: "close", color: "text", variant: "transparent", onClick: handleClose }), jsx$2(Flex, { sx: { py: '3px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) })] })) : (jsx$2(Flex, { sx: { py: '3px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) })) })] }));
+    return (jsxs(Flex, { className: "modaltable-container title-container", sx: { flexDirection: 'column', justifyContent: 'center', alignItems: 'start' }, children: [jsxs(Flex, { className: "slipagge-close-icon", sx: { width: '100%', height: '30px', mb: ['10px', '10px', '10px', '0px', '0px'] }, children: [jsx$2(Flex, { sx: { display: ['flex', 'flex', 'flex', 'none', 'none'] }, children: jsx$2(BondModalMinTierHeader, { minTier: minTier }) }), jsx$2(Flex, { sx: { flexDirection: 'column', position: 'absolute', right: '0px' }, children: onDismiss ? (jsxs(Fragment$1, { children: [showProjectInfoButton && jsx$2(ExpandedViewButton, { handleNavigation: handleProjectViewNavigation }), jsx$2(IconButton, { icon: "close", color: "text", variant: "transparent", onClick: handleClose }), jsx$2(Flex, { sx: { py: '3px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) })] })) : (jsx$2(Flex, { sx: { py: '3px' }, onClick: onOpenSlippageModal, children: jsx$2(Svg, { icon: "cog", width: "16px" }) })) })] }), jsxs(Flex, { sx: { width: '100%' }, children: [jsx$2(Flex, { className: "title-container bondicon", children: jsx$2(TokenImage, { symbol: (_a = bondData.showcaseTokenName) !== null && _a !== void 0 ? _a : bondData.earnToken.symbol, size: 50, chain: bondData.chainId }) }), jsxs(Flex, { className: "title-container bondname", children: [bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, jsx$2(ListTag, { text: (_b = bondData === null || bondData === void 0 ? void 0 : bondData.tags) === null || _b === void 0 ? void 0 : _b[0] })] }), jsxs(Flex, { className: "title-container price-container", sx: { flexDirection: 'column', paddingLeft: '20px' }, children: [jsxs(Flex, { className: "price-container price", children: ["$", earnTokenPrice(bondData)] }), jsxs(Flex, { className: "price-container discounted", children: ["$", discountEarnTokenPrice(bondData)] })] }), jsx$2(Flex, { sx: { display: ['none', 'none', 'none', 'flex', 'flex'], ml: '10px' }, children: jsx$2(BondModalMinTierHeader, { minTier: minTier }) })] })] }));
 };
 
 const BondCards = ({ bondData }) => {
@@ -74136,7 +74105,7 @@ const TagMinTierBond = ({ userTier, minTier }) => {
             justifyContent: 'center',
             textAlign: 'center',
             display: 'block',
-        }, children: ["To be eligible to purchase this bond you need to get a", jsxs("span", { style: { fontWeight: 700 }, children: [` ${TIERS_NAMES[minTier]}`, " Tier!."] }), " Learn more ", '>'] }));
+        }, children: ["To be eligible to purchase this bond you need to get a", jsxs("span", { style: { fontWeight: 700 }, children: [` ${TIERS_NAMES[minTier]}`, " Tier or better!"] })] }));
 };
 
 const BondModal = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond }) => {

package/dist/styles.css

@@ -238,7 +238,6 @@
   font-weight: bold;
   font-size: 1.5rem;
   display: flex;
-  flex-direction: row;
   align-items: center;
 }
 
@@ -1021,7 +1020,6 @@ span.flex-inline {
   height: 100%;
   align-items: center;
   padding-left: 20px;
-  overflow: hidden;
   border-radius: 10px;
 }
 

package/package.json

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