@ape.swap/bonds-sdk 2.6.1-3.testshare.3 → 2.6.1-3.testshare.4

package/dist/main.js

@@ -72097,21 +72097,15 @@ function generateImageFromTemplate(bondNFTData, link, apiUrl) {
                 share(link);
             }
             else {
-                domtoimage
-                    .toJpeg(templateElement)
-                    .then((dataUrl) => __awaiter$9(this, void 0, void 0, function* () {
-                    const response = yield fetch(dataUrl);
-                    const blob = yield response.blob();
-                    let formData = new FormData();
-                    formData.append('file', blob, fileName);
-                    yield axios.post(`${apiUrl}/cloudinary/uploadFile`, formData, {
-                        headers: { 'Content-Type': 'multipart/form-data' },
-                    });
-                    share(link);
-                }))
-                    .catch((error) => {
-                    console.error('Error converting image:', error);
+                const dataImage = yield domtoimage.toJpeg(templateElement, { quality: 0.85 });
+                const response = yield fetch(dataImage);
+                const blob = yield response.blob();
+                let formData = new FormData();
+                formData.append('file', blob, fileName);
+                yield axios.post(`${apiUrl}/cloudinary/uploadFile`, formData, {
+                    headers: { 'Content-Type': 'multipart/form-data' },
                 });
+                share(link);
             }
         }
     });
@@ -72126,7 +72120,7 @@ function checkImageExists(fileName) {
     return __awaiter$9(this, void 0, void 0, function* () {
         let existImg = true;
         try {
-            yield axios.get(`https://res.cloudinary.com/dtlafxop8/image/upload/v1/bond_share/${fileName}.jpg`);
+            yield axios.get(`https://res.cloudinary.com/dswmrqgwy/image/upload/v1/bond_share/${fileName}.jpg`);
         }
         catch (e) {
             existImg = false;
@@ -72137,11 +72131,19 @@ function checkImageExists(fileName) {
 
 const LinkShare = ({ bondNFTData, userBill, }) => {
     var _a, _b, _c, _d;
+    const [isLoading, setIsLoading] = 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}`;
     const text = `I've filled my bags with $${userBill === null || userBill === void 0 ? void 0 : userBill.bond.earnToken.symbol} at a discount, thanks to Bonds-only on @apebond! Check it out: `;
-    return (jsx$2(Flex$1, { sx: styles$a.containerLinksShare, children: bondNFTData && bondNFTData.data && (jsxs(Fragment$1, { children: [jsx$2(Flex$1, { sx: styles$a.linkShareButton, onClick: () => generateImageFromTemplate(bondNFTData, `https://twitter.com/intent/tweet?text=${text}&url=${shareUrl}`, apiUrl), children: jsx$2(Svg, { icon: "twitter", width: 16 }) }), jsx$2(Flex$1, { sx: styles$a.linkShareButton, onClick: () => generateImageFromTemplate(bondNFTData, `https://warpcast.com/~/compose?text=${text}&embeds[]=${shareUrl}`, apiUrl), children: jsx$2(Svg, { icon: "Farcaster", width: 16 }) })] })) }));
+    const handleShare = (url) => __awaiter$9(void 0, void 0, void 0, function* () {
+        if (isLoading)
+            return;
+        setIsLoading(true);
+        yield generateImageFromTemplate(bondNFTData, url, apiUrl);
+        setIsLoading(false);
+    });
+    return (jsx$2(Flex$1, { sx: styles$a.containerLinksShare, children: bondNFTData && bondNFTData.data && (jsxs(Fragment$1, { children: [jsx$2(Flex$1, { sx: styles$a.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$a.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 }) => {

package/dist/styles.css

@@ -1856,7 +1856,7 @@ span.flex-inline {
 .sharebondimage-container-off {
   display: flex;
   margin-left: 30px;
-  width: 110px;
+  width: 125px;
   height: 27px;
   border-radius: 5px;
   border: 1px solid rgba(56, 166, 17, 0.2);

package/package.json

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