@ape.swap/bonds-sdk 2.7.1 → 2.7.2-test.2

package/dist/main.js

@@ -4359,7 +4359,7 @@ const Twitter = ({ direction = 'right', color = 'white', width, getStyles }) =>
         degree: deg[direction],
         color,
     });
-    return (jsx$2("svg", { width: width || '27', viewBox: "0 0 27 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: style, children: jsx$2("path", { d: "M26.7504 3.35709C25.8006 3.78243 24.7804 4.06982 23.7078 4.19972C24.8145 3.53043 25.6425 2.47705 26.0372 1.23613C24.9974 1.86034 23.8595 2.29971 22.6728 2.53515C21.8748 1.67397 20.8177 1.10316 19.6659 0.911352C18.514 0.719545 17.3317 0.917465 16.3025 1.47439C15.2733 2.03131 14.4548 2.91607 13.9741 3.99131C13.4934 5.06655 13.3774 6.2721 13.6441 7.42081C11.5373 7.31389 9.47624 6.76044 7.59475 5.79636C5.71326 4.83228 4.05337 3.47913 2.72279 1.82471C2.26783 2.61791 2.00623 3.53757 2.00623 4.517C2.00572 5.39871 2.22055 6.26692 2.63166 7.04459C3.04277 7.82226 3.63744 8.48535 4.36292 8.97502C3.52156 8.94796 2.69876 8.71819 1.96301 8.30482V8.3738C1.96292 9.61043 2.38616 10.809 3.1609 11.7662C3.93564 12.7233 5.01416 13.3801 6.21347 13.625C5.43297 13.8385 4.61467 13.87 3.82038 13.717C4.15875 14.781 4.81787 15.7115 5.70547 16.3781C6.59306 17.0448 7.6647 17.4142 8.77034 17.4347C6.89344 18.9238 4.57548 19.7316 2.18935 19.7281C1.76667 19.7282 1.34435 19.7032 0.924561 19.6534C3.34663 21.2273 6.16608 22.0626 9.04559 22.0594C18.7931 22.0594 24.1218 13.8998 24.1218 6.82303C24.1218 6.59312 24.1161 6.36091 24.1059 6.13099C25.1424 5.3734 26.0371 4.43526 26.7481 3.36054L26.7504 3.35709Z", fill: "white" }) }));
+    return (jsx$2("svg", { width: width || '33', viewBox: "0 0 33 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", sx: style, children: jsxs("g", { children: [jsx$2("title", { children: "Layer 1" }), jsx$2("g", { id: "svg_1", children: jsx$2("path", { d: "m22.7035,6.25l3.308,0l-7.227,8.26l8.502,11.24l-6.657,0l-5.214,-6.817l-5.966,6.817l-3.31,0l7.73,-8.835l-8.156,-10.665l6.826,0l4.713,6.231l5.451,-6.231zm-1.161,17.52l1.833,0l-11.832,-15.644l-1.967,0l11.966,15.644z", id: "svg_2", fill: "red" }) })] }) }));
 };
 
 const Send = ({ direction = 'right', color = 'white', width, getStyles }) => {
@@ -69232,6 +69232,32 @@ const styles$b = {
         gap: '10px',
         zIndex: 3,
     },
+    tagShareBond: {
+        cursor: 'pointer',
+        background: 'rgb(223 65 65 / 80%)',
+        borderRadius: 'small',
+        p: '1px 5px',
+        position: 'absolute',
+        height: '20px',
+        left: '-235px',
+        fontSize: '12px',
+        fontWeight: 400,
+        lineHeight: '17px',
+        width: 'auto',
+        top: '5px',
+        '&:before': {
+            content: '""',
+            display: 'block',
+            height: 0,
+            width: 0,
+            position: 'absolute',
+            top: '50%',
+            left: 'calc(100% - 0px)',
+            border: '5px solid transparent',
+            borderLeftColor: 'rgb(223 65 65 / 80%)',
+            transform: 'translateY(-50%)',
+        },
+    },
 };
 
 var domToImage = {exports: {}};
@@ -70153,6 +70179,7 @@ function checkImageExists(fileName) {
 const LinkShare = ({ bondNFTData, userBill, }) => {
     var _a, _b, _c, _d;
     const [isLoading, setIsLoading] = useState(false);
+    const [hideTag, setHideTag] = useState(false);
     const mainUrl = useURLByEnvironment('mainUrl');
     const apiUrl = (_a = useURLByEnvironment('apiV2')) !== null && _a !== void 0 ? _a : '';
     const shareUrl = `${mainUrl}/bond-nft?bondAddress=${(_c = (_b = bondNFTData === null || bondNFTData === void 0 ? void 0 : bondNFTData.data) === null || _b === void 0 ? void 0 : _b.billNftAddress) === null || _c === void 0 ? void 0 : _c.toLowerCase()}%26bondChain=${bondNFTData === null || bondNFTData === void 0 ? void 0 : bondNFTData.chainId}%26tokenId=${userBill === null || userBill === void 0 ? void 0 : userBill.id}%26af=${(_d = bondNFTData === null || bondNFTData === void 0 ? void 0 : bondNFTData.data) === null || _d === void 0 ? void 0 : _d.createdAddressOwner}`;
@@ -70164,7 +70191,10 @@ const LinkShare = ({ bondNFTData, userBill, }) => {
         yield generateImageFromTemplate(bondNFTData, url, apiUrl);
         setIsLoading(false);
     });
-    return (jsx$2(Flex$1, { sx: styles$b.containerLinksShare, children: bondNFTData && bondNFTData.data && (jsxs(Fragment$1, { children: [jsx$2(Flex$1, { sx: styles$b.linkShareButton, onClick: () => handleShare(`https://twitter.com/intent/tweet?text=${text}&url=${shareUrl}`), children: isLoading ? jsx$2(Spinner, { size: 16 }) : jsx$2(Svg, { icon: "twitter", width: 16 }) }), jsx$2(Flex$1, { sx: styles$b.linkShareButton, onClick: () => handleShare(`https://warpcast.com/~/compose?text=${text}&embeds[]=${shareUrl}`), children: isLoading ? jsx$2(Spinner, { size: 16 }) : jsx$2(Svg, { icon: "Farcaster", width: 16 }) })] })) }));
+    useEffect(() => {
+        setTimeout(() => setHideTag(true), 10000);
+    }, []);
+    return (jsx$2(Flex$1, { sx: styles$b.containerLinksShare, children: bondNFTData && bondNFTData.data && (jsxs(Fragment$1, { children: [jsx$2(Link, { href: "https://app.fuul.xyz/incentives/apebond", target: "_blank", className: `fade-out ${hideTag ? 'hidden' : ''}`, children: jsx$2(Flex$1, { sx: styles$b.tagShareBond, children: "Share your Bonds and earn rewards!" }) }), jsx$2(Flex$1, { sx: styles$b.linkShareButton, onClick: () => handleShare(`https://twitter.com/intent/tweet?text=${text}&url=${shareUrl}`), children: isLoading ? jsx$2(Spinner, { size: 16 }) : jsx$2(Svg, { icon: "twitter", width: 24 }) }), jsx$2(Flex$1, { sx: styles$b.linkShareButton, onClick: () => handleShare(`https://warpcast.com/~/compose?text=${text}&embeds[]=${shareUrl}`), children: isLoading ? jsx$2(Spinner, { size: 16 }) : jsx$2(Svg, { icon: "Farcaster", width: 16 }) })] })) }));
 };
 
 const YourBondsModal = ({ onDismiss, userBill }) => {
@@ -70242,7 +70272,7 @@ const YourBondsModal = ({ onDismiss, userBill }) => {
                                         justifyContent: 'center',
                                         alignItems: 'center',
                                         zIndex: 1,
-                                    }, children: jsx$2(Spinner, { width: 100 }) })), jsx$2(LinkShare, { bondNFTData: bondNFTData, userBill: userBill })] }), jsxs(Flex$1, { className: "yourbondsmodal yourbondinfo", children: [jsxs(Flex$1, { className: "yourbondinfo title-container", children: [jsx$2(Flex$1, { className: "title-container bondicon", children: userBill && (jsx$2(TokenImage, { symbol: (_k = (_j = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _j === void 0 ? void 0 : _j.showcaseTokenName) !== null && _k !== void 0 ? _k : (_m = (_l = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _l === void 0 ? void 0 : _l.earnToken) === null || _m === void 0 ? void 0 : _m.symbol, size: 40, chain: userBill === null || userBill === void 0 ? void 0 : userBill.bond.chainId })) }), jsx$2(Flex$1, { className: "title-container tokenname", children: (_p = (_o = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _o === void 0 ? void 0 : _o.showcaseTokenName) !== null && _p !== void 0 ? _p : userBill === null || userBill === void 0 ? void 0 : userBill.bond.earnToken.symbol }), jsx$2(Flex$1, { className: "title-container tokentags", children: (_r = (_q = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _q === void 0 ? void 0 : _q.tags) === null || _r === void 0 ? void 0 : _r.slice(0, 1).map((tag) => {
+                                    }, children: jsx$2(Spinner, { width: 100 }) })), imgLoaded && jsx$2(LinkShare, { bondNFTData: bondNFTData, userBill: userBill })] }), jsxs(Flex$1, { className: "yourbondsmodal yourbondinfo", children: [jsxs(Flex$1, { className: "yourbondinfo title-container", children: [jsx$2(Flex$1, { className: "title-container bondicon", children: userBill && (jsx$2(TokenImage, { symbol: (_k = (_j = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _j === void 0 ? void 0 : _j.showcaseTokenName) !== null && _k !== void 0 ? _k : (_m = (_l = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _l === void 0 ? void 0 : _l.earnToken) === null || _m === void 0 ? void 0 : _m.symbol, size: 40, chain: userBill === null || userBill === void 0 ? void 0 : userBill.bond.chainId })) }), jsx$2(Flex$1, { className: "title-container tokenname", children: (_p = (_o = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _o === void 0 ? void 0 : _o.showcaseTokenName) !== null && _p !== void 0 ? _p : userBill === null || userBill === void 0 ? void 0 : userBill.bond.earnToken.symbol }), jsx$2(Flex$1, { className: "title-container tokentags", children: (_r = (_q = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _q === void 0 ? void 0 : _q.tags) === null || _r === void 0 ? void 0 : _r.slice(0, 1).map((tag) => {
                                                 return (jsx$2(Flex$1, { sx: { marginRight: '10px' }, children: jsx$2(ListTag, { text: tag === null || tag === void 0 ? void 0 : tag.toUpperCase() }) }, tag));
                                             }) }), jsxs(Text, { sx: { color: 'text', opacity: '0.6', fontSize: ['12px', '12px', '12px', '16px'] }, children: ["#", userBill === null || userBill === void 0 ? void 0 : userBill.id] })] }), jsxs(Flex$1, { className: "yourbondinfo blocks-container", children: [jsxs(Flex$1, { className: "attributes-container", children: [jsxs(Flex$1, { className: "attributes-header", sx: {
                                                         borderRadius: `${isOpenTraits ? '6px 6px 0px 0px' : 'normal'}`,

package/dist/styles.css

@@ -1392,6 +1392,17 @@ span.flex-inline {
     opacity: 0;
   }
 }
+.fade-out {
+  opacity: 1;
+  visibility: visible;
+  transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
+}
+
+.fade-out.hidden {
+  opacity: 0;
+  visibility: hidden;
+}
+
 .yourbondsmodal-backdrop {
   position: fixed;
   top: 0;

package/dist/views/YourBondsModal/components/LinkShare/styles.d.ts

@@ -1,2 +1,2 @@
 import { ThemeUIStyleObject } from 'theme-ui';
-export declare const styles: Record<'linkShareButton' | 'containerLinksShare', ThemeUIStyleObject>;
+export declare const styles: Record<'linkShareButton' | 'containerLinksShare' | 'tagShareBond', ThemeUIStyleObject>;

package/package.json

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