@ape.swap/bonds-sdk 6.2.1 → 6.2.3

package/dist/views/YourBondsModal/components/LinkShare/utils.js

@@ -1,17 +1,18 @@
-import domtoimage from 'dom-to-image';
 import axios from 'axios';
+import { APEBOND } from '../../../../config/constants/variables.js';
 import { getTemplateHTML } from './templateImageShare.js';
+import { imageUrlToDataUri, renderHtmlToJpeg } from './htmlToJpeg.js';
 
+function getTokenImageUrl(symbol) {
+    return `${APEBOND}/tokenImages/${symbol.toUpperCase()}.png`;
+}
+function getPrincipalTokenSymbol(bondNFTData) {
+    if (bondNFTData.data?.payoutTokenData.address.toLowerCase() !== bondNFTData.data?.token0.address.toLowerCase())
+        return bondNFTData.data?.token0.symbol;
+    return bondNFTData.data?.token1.symbol;
+}
 async function generateImageFromTemplate(bondNFTData, link, apiUrl) {
     if (bondNFTData && bondNFTData.data) {
-        const container = document.createElement('div');
-        container.style.position = 'absolute';
-        container.style.top = '-9999px';
-        container.innerHTML = getTemplateHTML(bondNFTData);
-        document.body.appendChild(container);
-        const templateElement = container.querySelector('#template-card');
-        if (!templateElement)
-            return;
         const fileName = `bond_share_${bondNFTData?.data.billNftAddress?.toLowerCase()}_${bondNFTData?.chainId}_${bondNFTData?.tokenId}`;
         const existingImage = await checkImageExists(fileName);
         if (existingImage) {
@@ -19,7 +20,15 @@ async function generateImageFromTemplate(bondNFTData, link, apiUrl) {
         }
         else {
             try {
-                const dataImage = await domtoimage.toJpeg(templateElement, { quality: 0.85 });
+                const [title, background, nft, payoutToken, principalToken] = await Promise.all([
+                    imageUrlToDataUri('/images/bills/title.png'),
+                    imageUrlToDataUri('/images/bills/bg.png'),
+                    imageUrlToDataUri(bondNFTData.image),
+                    imageUrlToDataUri(getTokenImageUrl(bondNFTData.data.payoutTokenData.symbol)),
+                    imageUrlToDataUri(getTokenImageUrl(getPrincipalTokenSymbol(bondNFTData) ?? '')),
+                ]);
+                const html = getTemplateHTML(bondNFTData, { title, background, nft, payoutToken, principalToken });
+                const dataImage = await renderHtmlToJpeg(html, 768, 768, 0.85);
                 const response = await fetch(dataImage);
                 const blob = await response.blob();
                 const formData = new FormData();

package/dist/views/YourBondsModal/components/LinkShare/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/views/YourBondsModal/components/LinkShare/utils.ts"],"sourcesContent":["import domtoimage from 'dom-to-image'\nimport axios from 'axios'\nimport { UserBillNftData } from '../../../../types/yourbonds'\nimport { getTemplateHTML } from './templateImageShare'\n\nexport async function generateImageFromTemplate(\n  bondNFTData: UserBillNftData | undefined,\n  link: string,\n  apiUrl: string,\n) {\n  if (bondNFTData && bondNFTData.data) {\n    const container = document.createElement('div')\n    container.style.position = 'absolute'\n    container.style.top = '-9999px'\n    container.innerHTML = getTemplateHTML(bondNFTData)\n\n    document.body.appendChild(container)\n\n    const templateElement = container.querySelector('#template-card')\n\n    if (!templateElement) return\n    const fileName = `bond_share_${bondNFTData?.data.billNftAddress?.toLowerCase()}_${bondNFTData?.chainId}_${bondNFTData?.tokenId}`\n    const existingImage = await checkImageExists(fileName)\n    if (existingImage) {\n      share(link)\n    } else {\n      try {\n        const dataImage = await domtoimage.toJpeg(templateElement, { quality: 0.85 })\n        const response = await fetch(dataImage)\n        const blob = await response.blob()\n        const formData = new FormData()\n        formData.append('file', blob, fileName)\n        await axios.post(`${apiUrl}/cloudinary/uploadFile`, formData, {\n          headers: { 'Content-Type': 'multipart/form-data' },\n        })\n      } catch (error) {\n        console.error('Error upload file to cloudinary', error)\n      }\n      share(link)\n    }\n  }\n}\n\nfunction share(link: string) {\n  const linkElement = document.createElement('a')\n  linkElement.href = link\n  linkElement.target = '_blank'\n  linkElement.click()\n}\n\nasync function checkImageExists(fileName: string) {\n  let existImg = true\n  try {\n    await axios.get(`https://res.cloudinary.com/dswmrqgwy/image/upload/v1/bond_share/${fileName}.jpg`)\n  } catch {\n    existImg = false\n  }\n\n  return existImg\n}\n"],"names":[],"mappings":";;;;AAKO,eAAe,yBAAyB,CAC7C,WAAwC,EACxC,IAAY,EACZ,MAAc,EAAA;AAEd,IAAA,IAAI,WAAW,IAAI,WAAW,CAAC,IAAI,EAAE;QACnC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC/C,QAAA,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;AACrC,QAAA,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,SAAS;AAC/B,QAAA,SAAS,CAAC,SAAS,GAAG,eAAe,CAAC,WAAW,CAAC;AAElD,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;QAEpC,MAAM,eAAe,GAAG,SAAS,CAAC,aAAa,CAAC,gBAAgB,CAAC;AAEjE,QAAA,IAAI,CAAC,eAAe;YAAE;QACtB,MAAM,QAAQ,GAAG,CAAA,WAAA,EAAc,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,EAAE,CAAA,CAAA,EAAI,WAAW,EAAE,OAAO,CAAA,CAAA,EAAI,WAAW,EAAE,OAAO,EAAE;AAChI,QAAA,MAAM,aAAa,GAAG,MAAM,gBAAgB,CAAC,QAAQ,CAAC;QACtD,IAAI,aAAa,EAAE;YACjB,KAAK,CAAC,IAAI,CAAC;QACb;aAAO;AACL,YAAA,IAAI;AACF,gBAAA,MAAM,SAAS,GAAG,MAAM,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC7E,gBAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC;AACvC,gBAAA,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;AAClC,gBAAA,MAAM,QAAQ,GAAG,IAAI,QAAQ,EAAE;gBAC/B,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC;gBACvC,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,MAAM,CAAA,sBAAA,CAAwB,EAAE,QAAQ,EAAE;AAC5D,oBAAA,OAAO,EAAE,EAAE,cAAc,EAAE,qBAAqB,EAAE;AACnD,iBAAA,CAAC;YACJ;YAAE,OAAO,KAAK,EAAE;AACd,gBAAA,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC;YACzD;YACA,KAAK,CAAC,IAAI,CAAC;QACb;IACF;AACF;AAEA,SAAS,KAAK,CAAC,IAAY,EAAA;IACzB,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;AAC/C,IAAA,WAAW,CAAC,IAAI,GAAG,IAAI;AACvB,IAAA,WAAW,CAAC,MAAM,GAAG,QAAQ;IAC7B,WAAW,CAAC,KAAK,EAAE;AACrB;AAEA,eAAe,gBAAgB,CAAC,QAAgB,EAAA;IAC9C,IAAI,QAAQ,GAAG,IAAI;AACnB,IAAA,IAAI;QACF,MAAM,KAAK,CAAC,GAAG,CAAC,mEAAmE,QAAQ,CAAA,IAAA,CAAM,CAAC;IACpG;AAAE,IAAA,MAAM;QACN,QAAQ,GAAG,KAAK;IAClB;AAEA,IAAA,OAAO,QAAQ;AACjB;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/views/YourBondsModal/components/LinkShare/utils.ts"],"sourcesContent":["import axios from 'axios'\nimport { APEBOND } from '../../../../config/constants/variables'\nimport { UserBillNftData } from '../../../../types/yourbonds'\nimport { getTemplateHTML } from './templateImageShare'\nimport { imageUrlToDataUri, renderHtmlToJpeg } from './htmlToJpeg'\n\nfunction getTokenImageUrl(symbol: string) {\n  return `${APEBOND}/tokenImages/${symbol.toUpperCase()}.png`\n}\n\nfunction getPrincipalTokenSymbol(bondNFTData: UserBillNftData) {\n  if (bondNFTData.data?.payoutTokenData.address.toLowerCase() !== bondNFTData.data?.token0.address.toLowerCase())\n    return bondNFTData.data?.token0.symbol\n  return bondNFTData.data?.token1.symbol\n}\n\nexport async function generateImageFromTemplate(\n  bondNFTData: UserBillNftData | undefined,\n  link: string,\n  apiUrl: string,\n) {\n  if (bondNFTData && bondNFTData.data) {\n    const fileName = `bond_share_${bondNFTData?.data.billNftAddress?.toLowerCase()}_${bondNFTData?.chainId}_${bondNFTData?.tokenId}`\n    const existingImage = await checkImageExists(fileName)\n    if (existingImage) {\n      share(link)\n    } else {\n      try {\n        const [title, background, nft, payoutToken, principalToken] = await Promise.all([\n          imageUrlToDataUri('/images/bills/title.png'),\n          imageUrlToDataUri('/images/bills/bg.png'),\n          imageUrlToDataUri(bondNFTData.image),\n          imageUrlToDataUri(getTokenImageUrl(bondNFTData.data.payoutTokenData.symbol)),\n          imageUrlToDataUri(getTokenImageUrl(getPrincipalTokenSymbol(bondNFTData) ?? '')),\n        ])\n\n        const html = getTemplateHTML(bondNFTData, { title, background, nft, payoutToken, principalToken })\n        const dataImage = await renderHtmlToJpeg(html, 768, 768, 0.85)\n        const response = await fetch(dataImage)\n        const blob = await response.blob()\n        const formData = new FormData()\n        formData.append('file', blob, fileName)\n        await axios.post(`${apiUrl}/cloudinary/uploadFile`, formData, {\n          headers: { 'Content-Type': 'multipart/form-data' },\n        })\n      } catch (error) {\n        console.error('Error upload file to cloudinary', error)\n      }\n      share(link)\n    }\n  }\n}\n\nfunction share(link: string) {\n  const linkElement = document.createElement('a')\n  linkElement.href = link\n  linkElement.target = '_blank'\n  linkElement.click()\n}\n\nasync function checkImageExists(fileName: string) {\n  let existImg = true\n  try {\n    await axios.get(`https://res.cloudinary.com/dswmrqgwy/image/upload/v1/bond_share/${fileName}.jpg`)\n  } catch {\n    existImg = false\n  }\n\n  return existImg\n}\n"],"names":[],"mappings":"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"}

package/dist/views/YourBondsModal/components/TransferBondModal/index.js

@@ -1,6 +1,5 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import React, { useState } from 'react';
-import BigNumber from 'bignumber.js';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
 import Modal from '../../../../components/uikit-sdk/Modal/index.js';
 import Text from '../../../../components/uikit-sdk/Text/index.js';
@@ -23,7 +22,7 @@ const TransferModal = ({ onDismiss, userBill }) => {
     const bond = userBill?.bond;
     const chainId = bond?.chainId;
     const pending = chainId &&
-        getBalanceNumber(new BigNumber(userBill?.payout ?? 0), bond?.earnToken?.decimals?.[chainId] ?? 18)?.toFixed(4);
+        getBalanceNumber(userBill?.payout ?? 0, bond?.earnToken?.decimals?.[chainId] ?? 18)?.toFixed(4);
     return (jsxs(Modal, { onDismiss: onDismiss, title: "Transfer Bond", children: [jsx(Flex, { sx: { mt: '20px' }, children: jsx(Text, { sx: { fontWeight: 700 }, children: " Transferring: " }) }), jsxs(Flex, { sx: { flexDirection: 'column', alignItems: 'center', mt: '30px', mr: '10px' }, children: [jsxs(Text, { sx: { fontWeight: 700, fontSize: '25px' }, children: [bond?.earnToken?.symbol, " Bond - ID # ", userBill?.id] }), jsxs(Flex, { sx: { mt: '5px' }, children: [jsxs(Flex, { sx: { flexDirection: 'column', mr: '20px' }, children: [jsx(Text, { sx: { textAlign: 'center', width: '100%', fontSize: '12px', opacity: 0.6 }, children: "Vesting time" }), getTimeLeftForFullyVested(userBill) > 0 ? `Ends in ${getPendingVestingString(userBill)}` : `Fully Vested`] }), jsxs(Flex, { sx: { flexDirection: 'column', ml: '20px' }, children: [jsx(Text, { sx: { textAlign: 'center', width: '100%', fontSize: '12px', opacity: 0.6 }, children: "Pending" }), jsxs(Flex, { children: [jsx(TokenImage, { symbol: userBill?.bond?.showcaseTokenName ?? userBill?.bond?.earnToken?.symbol, size: 20, chain: userBill?.bond?.chainId }), jsx(Text, { sx: { fontWeight: 700, ml: '5px' }, children: pending })] })] })] })] }), jsxs(Flex, { sx: { flexDirection: 'column', mt: '30px' }, children: [jsx(Text, { sx: { fontWeight: 700 }, children: "Receiving Address:" }), jsx(Input, { mt: "10px", size: "lg", placeholder: 'Paste the address here', value: toAddress, onChange: (e) => setToAddress(e.target.value), style: { width: '345px', border: 'none' } })] }), jsx(Flex, { sx: { mt: '15px' }, children: jsxs(Text, { sx: { lineHeight: '18px', fontSize: '12px', color: 'rgba(223, 65, 65, 1)' }, children: [jsx(Text, { sx: { display: 'block', width: '100%', fontWeight: 700, fontSize: '13px', color: 'rgba(223, 65, 65, 1)' }, children: "WARNING" }), "When transfering the NFT all pending rewards will also be transfered to the receiver address."] }) }), jsxs(Flex, { onClick: () => setConfirmSend(!confirmSend), sx: { mt: '20px', cursor: 'pointer', alignItems: 'center' }, children: [jsx(Checkbox, { checked: confirmSend, onChange: (event) => {
                             setConfirmSend(!confirmSend);
                             event.stopPropagation();

package/dist/views/YourBondsModal/components/TransferBondModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/YourBondsModal/components/TransferBondModal/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport BigNumber from 'bignumber.js'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport Text from '../../../../components/uikit-sdk/Text'\nimport Checkbox from '../../../../components/uikit-sdk/Checkbox'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport Input from '../../../../components/uikit-sdk/Input/Input'\nimport TransferAction from './TransferAction'\nimport { getPendingVestingString, getTimeLeftForFullyVested } from '../../../../utils/displayHelpers'\nimport TransferActionSolana from './TransferActionSolana'\nimport TransferActionAptos from './TransferActionAptos'\nimport TransferActionSui from './TransferActionSui'\n\ninterface TransferBillModalProps {\n  onDismiss?: () => void\n  userBill?: UserBill\n}\n\nconst TransferModal: React.FC<TransferBillModalProps> = ({ onDismiss, userBill }) => {\n  // State\n  const [confirmSend, setConfirmSend] = useState(false)\n  const [toAddress, setToAddress] = useState('')\n\n  // Data\n  const bond = userBill?.bond\n  const chainId = bond?.chainId\n  const pending =\n    chainId &&\n    getBalanceNumber(\n      new BigNumber(userBill?.payout ?? 0),\n      bond?.earnToken?.decimals?.[chainId as ChainId] ?? 18,\n    )?.toFixed(4)\n\n  return (\n    <Modal onDismiss={onDismiss} title=\"Transfer Bond\">\n      <Flex sx={{ mt: '20px' }}>\n        <Text sx={{ fontWeight: 700 }}> Transferring: </Text>\n      </Flex>\n      <Flex sx={{ flexDirection: 'column', alignItems: 'center', mt: '30px', mr: '10px' }}>\n        <Text sx={{ fontWeight: 700, fontSize: '25px' }}>\n          {bond?.earnToken?.symbol} Bond - ID # {userBill?.id}\n        </Text>\n        <Flex sx={{ mt: '5px' }}>\n          <Flex sx={{ flexDirection: 'column', mr: '20px' }}>\n            <Text sx={{ textAlign: 'center', width: '100%', fontSize: '12px', opacity: 0.6 }}>Vesting time</Text>\n            {getTimeLeftForFullyVested(userBill) > 0 ? `Ends in ${getPendingVestingString(userBill)}` : `Fully Vested`}\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', ml: '20px' }}>\n            <Text sx={{ textAlign: 'center', width: '100%', fontSize: '12px', opacity: 0.6 }}>Pending</Text>\n            <Flex>\n              <TokenImage\n                symbol={userBill?.bond?.showcaseTokenName ?? userBill?.bond?.earnToken?.symbol}\n                size={20}\n                chain={userBill?.bond?.chainId}\n              />\n              <Text sx={{ fontWeight: 700, ml: '5px' }}>{pending}</Text>\n            </Flex>\n          </Flex>\n        </Flex>\n      </Flex>\n      <Flex sx={{ flexDirection: 'column', mt: '30px' }}>\n        <Text sx={{ fontWeight: 700 }}>Receiving Address:</Text>\n        <Input\n          mt=\"10px\"\n          size=\"lg\"\n          placeholder={'Paste the address here'}\n          value={toAddress}\n          onChange={(e: any) => setToAddress(e.target.value)}\n          style={{ width: '345px', border: 'none' }}\n        />\n      </Flex>\n      <Flex sx={{ mt: '15px' }}>\n        <Text sx={{ lineHeight: '18px', fontSize: '12px', color: 'rgba(223, 65, 65, 1)' }}>\n          <Text\n            sx={{ display: 'block', width: '100%', fontWeight: 700, fontSize: '13px', color: 'rgba(223, 65, 65, 1)' }}\n          >\n            WARNING\n          </Text>\n          When transfering the NFT all pending rewards will also be transfered to the receiver address.\n        </Text>\n      </Flex>\n      <Flex onClick={() => setConfirmSend(!confirmSend)} sx={{ mt: '20px', cursor: 'pointer', alignItems: 'center' }}>\n        <Checkbox\n          checked={confirmSend}\n          onChange={(event: React.MouseEvent) => {\n            setConfirmSend(!confirmSend)\n            event.stopPropagation()\n          }}\n        />\n        <Text sx={{ ml: '10px', fontSize: '12px', fontWeight: 500, lineHeight: '18px' }}>\n          I understand the new wallet gains ownership of all unclaimed assets.\n        </Text>\n      </Flex>\n      <Flex sx={{ justifyContent: 'center', mt: '15px' }}>\n        {chainId === ChainId.SOL ? (\n          <TransferActionSolana userBill={userBill} toAddress={toAddress} disabled={!confirmSend || !toAddress} />\n        ) : chainId === ChainId.APTOS ? (\n          <TransferActionAptos userBill={userBill} toAddress={toAddress} disabled={!confirmSend || !toAddress} />\n        ) : chainId === ChainId.SUI ? (\n          <TransferActionSui\n            userBill={userBill}\n            toAddress={toAddress}\n            disabled={!confirmSend || !toAddress}\n            onDismiss={onDismiss}\n          />\n        ) : (\n          <TransferAction userBill={userBill} toAddress={toAddress} disabled={!confirmSend || !toAddress} />\n        )}\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default React.memo(TransferModal)\n"],"names":["_jsxs","_jsx","TransferActionSolana","TransferAction"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/YourBondsModal/components/TransferBondModal/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport Text from '../../../../components/uikit-sdk/Text'\nimport Checkbox from '../../../../components/uikit-sdk/Checkbox'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport Input from '../../../../components/uikit-sdk/Input/Input'\nimport TransferAction from './TransferAction'\nimport { getPendingVestingString, getTimeLeftForFullyVested } from '../../../../utils/displayHelpers'\nimport TransferActionSolana from './TransferActionSolana'\nimport TransferActionAptos from './TransferActionAptos'\nimport TransferActionSui from './TransferActionSui'\n\ninterface TransferBillModalProps {\n  onDismiss?: () => void\n  userBill?: UserBill\n}\n\nconst TransferModal: React.FC<TransferBillModalProps> = ({ onDismiss, userBill }) => {\n  // State\n  const [confirmSend, setConfirmSend] = useState(false)\n  const [toAddress, setToAddress] = useState('')\n\n  // Data\n  const bond = userBill?.bond\n  const chainId = bond?.chainId\n  const pending =\n    chainId &&\n    getBalanceNumber(userBill?.payout ?? 0, bond?.earnToken?.decimals?.[chainId as ChainId] ?? 18)?.toFixed(4)\n\n  return (\n    <Modal onDismiss={onDismiss} title=\"Transfer Bond\">\n      <Flex sx={{ mt: '20px' }}>\n        <Text sx={{ fontWeight: 700 }}> Transferring: </Text>\n      </Flex>\n      <Flex sx={{ flexDirection: 'column', alignItems: 'center', mt: '30px', mr: '10px' }}>\n        <Text sx={{ fontWeight: 700, fontSize: '25px' }}>\n          {bond?.earnToken?.symbol} Bond - ID # {userBill?.id}\n        </Text>\n        <Flex sx={{ mt: '5px' }}>\n          <Flex sx={{ flexDirection: 'column', mr: '20px' }}>\n            <Text sx={{ textAlign: 'center', width: '100%', fontSize: '12px', opacity: 0.6 }}>Vesting time</Text>\n            {getTimeLeftForFullyVested(userBill) > 0 ? `Ends in ${getPendingVestingString(userBill)}` : `Fully Vested`}\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', ml: '20px' }}>\n            <Text sx={{ textAlign: 'center', width: '100%', fontSize: '12px', opacity: 0.6 }}>Pending</Text>\n            <Flex>\n              <TokenImage\n                symbol={userBill?.bond?.showcaseTokenName ?? userBill?.bond?.earnToken?.symbol}\n                size={20}\n                chain={userBill?.bond?.chainId}\n              />\n              <Text sx={{ fontWeight: 700, ml: '5px' }}>{pending}</Text>\n            </Flex>\n          </Flex>\n        </Flex>\n      </Flex>\n      <Flex sx={{ flexDirection: 'column', mt: '30px' }}>\n        <Text sx={{ fontWeight: 700 }}>Receiving Address:</Text>\n        <Input\n          mt=\"10px\"\n          size=\"lg\"\n          placeholder={'Paste the address here'}\n          value={toAddress}\n          onChange={(e: any) => setToAddress(e.target.value)}\n          style={{ width: '345px', border: 'none' }}\n        />\n      </Flex>\n      <Flex sx={{ mt: '15px' }}>\n        <Text sx={{ lineHeight: '18px', fontSize: '12px', color: 'rgba(223, 65, 65, 1)' }}>\n          <Text\n            sx={{ display: 'block', width: '100%', fontWeight: 700, fontSize: '13px', color: 'rgba(223, 65, 65, 1)' }}\n          >\n            WARNING\n          </Text>\n          When transfering the NFT all pending rewards will also be transfered to the receiver address.\n        </Text>\n      </Flex>\n      <Flex onClick={() => setConfirmSend(!confirmSend)} sx={{ mt: '20px', cursor: 'pointer', alignItems: 'center' }}>\n        <Checkbox\n          checked={confirmSend}\n          onChange={(event: React.MouseEvent) => {\n            setConfirmSend(!confirmSend)\n            event.stopPropagation()\n          }}\n        />\n        <Text sx={{ ml: '10px', fontSize: '12px', fontWeight: 500, lineHeight: '18px' }}>\n          I understand the new wallet gains ownership of all unclaimed assets.\n        </Text>\n      </Flex>\n      <Flex sx={{ justifyContent: 'center', mt: '15px' }}>\n        {chainId === ChainId.SOL ? (\n          <TransferActionSolana userBill={userBill} toAddress={toAddress} disabled={!confirmSend || !toAddress} />\n        ) : chainId === ChainId.APTOS ? (\n          <TransferActionAptos userBill={userBill} toAddress={toAddress} disabled={!confirmSend || !toAddress} />\n        ) : chainId === ChainId.SUI ? (\n          <TransferActionSui\n            userBill={userBill}\n            toAddress={toAddress}\n            disabled={!confirmSend || !toAddress}\n            onDismiss={onDismiss}\n          />\n        ) : (\n          <TransferAction userBill={userBill} toAddress={toAddress} disabled={!confirmSend || !toAddress} />\n        )}\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default React.memo(TransferModal)\n"],"names":["_jsxs","_jsx","TransferActionSolana","TransferAction"],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "6.2.1",
+  "version": "6.2.3",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",
@@ -89,6 +89,7 @@
     "format:write": "prettier --write \"**/*.{js,jsx,ts,tsx,json}\" --config .prettierrc",
     "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,json}\" --config .prettierrc",
     "lint": "eslint && tsc --noEmit --skipLibCheck",
+    "find-unused": "knip",
     "prepare": "husky"
   },
   "lint-staged": {
@@ -120,10 +121,8 @@
     "@ape.swap/apeswap-lists": "4.8.4",
     "@emotion/react": "11.14.0",
     "@jup-ag/api": "6.0.45",
-    "bignumber.js": "9.3.1",
     "buffer": "6.0.3",
     "chart.js": "4.5.0",
-    "dom-to-image": "2.6.0",
     "framer-motion": "11.18.2",
     "lightweight-charts": "4.2.3",
     "lodash-es": "4.17.23",
@@ -132,20 +131,16 @@
     "theme-ui": "0.17.2"
   },
   "devDependencies": {
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
     "@eslint/js": "9.39.4",
     "@rainbow-me/rainbowkit": "2.2.10",
     "@rollup/plugin-commonjs": "25.0.8",
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "15.3.1",
     "@rollup/plugin-typescript": "11.1.6",
-    "@solana/wallet-adapter-base": "0.9.24",
-    "@solana/wallet-adapter-wallets": "0.19.33",
     "@solana/wallet-adapter-react-ui": "^0.9.39",
+    "@solana/wallet-adapter-wallets": "0.19.33",
     "@tanstack/react-query": "5.90.2",
     "@tanstack/react-query-devtools": "5.90.2",
-    "@types/dom-to-image": "2.6.7",
     "@types/lodash": "4.17.24",
     "@types/lodash-es": "4.17.12",
     "@types/node": "24.12.0",
@@ -157,8 +152,11 @@
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "5.2.0",
     "husky": "9.1.7",
+    "knip": "^6.29.0",
     "lint-staged": "16.4.0",
     "prettier": "3.8.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
     "rimraf": "5.0.10",
     "rollup": "4.60.0",
     "rollup-plugin-scss": "4.0.1",

package/dist/components/AccordionText/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface AccordionTextProps {
-    isVisible?: boolean;
-}
-declare const AccordionText: React.FC<AccordionTextProps>;
-export default AccordionText;

package/dist/components/RestrictedRegionModal/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const RestrictedRegionModal: ({ onDismiss }: {
-    onDismiss?: () => void;
-}) => React.JSX.Element;
-export default RestrictedRegionModal;

package/dist/components/TabNavigation/index.d.ts

@@ -1,8 +0,0 @@
-interface TabNavigationProps<T> {
-    tabs: T[];
-    activeTab: T;
-    setActiveTab: (value: T) => void;
-    lineColor?: string;
-}
-declare const TabNavigation: <T extends string>({ tabs, activeTab, setActiveTab, lineColor }: TabNavigationProps<T>) => import("react").JSX.Element;
-export default TabNavigation;

package/dist/components/uikit-sdk/Input/NumericInput.d.ts

@@ -1,9 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-declare const NumericInput: ({ onUserInput, value, disabled, style, placeholder, }: {
-    onUserInput?: (input: string) => void;
-    value: string;
-    disabled?: boolean;
-    style?: ThemeUIStyleObject;
-    placeholder?: string;
-}) => import("react").JSX.Element;
-export default NumericInput;

package/dist/components/uikit-sdk/Modal/ModalFooter.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { InternalProps } from './types';
-declare const ModalFooter: ({ children, onDismiss, t }: InternalProps) => React.JSX.Element;
-export default ModalFooter;

package/dist/components/uikit-sdk/Svg/Icons/Audit.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from './types';
-declare const Audit: React.FC<SvgProps>;
-export default Audit;

package/dist/components/uikit-sdk/Svg/Icons/Fire.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from './types';
-declare const Success: React.FC<SvgProps>;
-export default Success;

package/dist/components/uikit-sdk/Svg/Icons/FullLogo.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from './types';
-declare const FullLogo: React.FC<SvgProps>;
-export default FullLogo;

package/dist/components/uikit-sdk/Svg/Icons/Instagram.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from './types';
-declare const Instagram: React.FC<SvgProps>;
-export default Instagram;

package/dist/components/uikit-sdk/Svg/Icons/Language.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from '../types';
-declare const Icon: React.FC<SvgProps>;
-export default Icon;

package/dist/components/uikit-sdk/Svg/Icons/Medium.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from './types';
-declare const Medium: React.FC<SvgProps>;
-export default Medium;

package/dist/components/uikit-sdk/Svg/Icons/Pool.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from './types';
-declare const Pool: React.FC<SvgProps>;
-export default Pool;

package/dist/components/uikit-sdk/Svg/Icons/Reddit.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from './types';
-declare const Reddit: React.FC<SvgProps>;
-export default Reddit;

package/dist/components/uikit-sdk/Svg/Icons/Telegram.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from './types';
-declare const Telegram: React.FC<SvgProps>;
-export default Telegram;

package/dist/components/uikit-sdk/Svg/Icons/Website.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from './types';
-declare const Website: React.FC<SvgProps>;
-export default Website;

package/dist/components/uikit-sdk/Svg/tokens/BSC.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from '../types';
-declare const BSC: React.FC<SvgProps>;
-export default BSC;

package/dist/components/uikit-sdk/Svg/tokens/CELO.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from '../types';
-declare const CELO: React.FC<SvgProps>;
-export default CELO;

package/dist/components/uikit-sdk/Svg/tokens/CRONOS.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from '../types';
-declare const CRONOS: React.FC<SvgProps>;
-export default CRONOS;

package/dist/components/uikit-sdk/Svg/tokens/FANTOM.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from '../types';
-declare const FANTOM: React.FC<SvgProps>;
-export default FANTOM;

package/dist/components/uikit-sdk/Svg/tokens/GNOSIS.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from '../types';
-declare const GNOSIS: React.FC<SvgProps>;
-export default GNOSIS;

package/dist/components/uikit-sdk/Svg/tokens/OKX.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from '../types';
-declare const OKEX: React.FC<SvgProps>;
-export default OKEX;

package/dist/components/uikit-sdk/Svg/tokens/OPTIMISM.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from '../types';
-declare const ARBITRUM: React.FC<SvgProps>;
-export default ARBITRUM;

package/dist/components/uikit-sdk/Svg/tokens/POLYGONZK.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SvgProps } from '../types';
-declare const POLYGONZK: React.FC<SvgProps>;
-export default POLYGONZK;

package/dist/config/constants/tokens.js

@@ -1,36 +0,0 @@
-import { zapInputTokens, ChainId, WNATIVE } from '@ape.swap/apeswap-lists';
-export { WNATIVE, zapInputTokens } from '@ape.swap/apeswap-lists';
-import { APTOS_ZAP_TOKENS } from './aptosZapTokens.js';
-
-// Inject Aptos zap tokens into the shared zapInputTokens map so the existing
-// TokenSelectorModal / useSortedZapList infrastructure picks them up.
-// TODO(aptos): Remove these runtime patches once @ape.swap/apeswap-lists ships Aptos natively.
-if (!zapInputTokens[ChainId.APTOS]) {
-    zapInputTokens[ChainId.APTOS] = APTOS_ZAP_TOKENS.map((t) => ({
-        symbol: t.symbol,
-        address: { [ChainId.APTOS]: t.faAddress },
-        active: true,
-        decimals: { [ChainId.APTOS]: t.decimals },
-    }));
-}
-// Inject WNATIVE for Aptos so useSortedZapList / getNativeTicker resolve APT.
-// APT is not a wrapped token, but the infrastructure expects a WNATIVE entry.
-if (!WNATIVE[ChainId.APTOS]) {
-    WNATIVE[ChainId.APTOS] = {
-        symbol: 'WAPT',
-        address: { [ChainId.APTOS]: '0xa' },
-        active: true,
-        decimals: { [ChainId.APTOS]: 8 },
-    };
-}
-// Inject WNATIVE for Sui so useSortedZapList / getNativeTicker resolve SUI.
-// SUI is not a wrapped token, but the infrastructure expects a WNATIVE entry.
-if (!WNATIVE[ChainId.SUI]) {
-    WNATIVE[ChainId.SUI] = {
-        symbol: 'WSUI',
-        address: { [ChainId.SUI]: '0x2::sui::SUI' },
-        active: true,
-        decimals: { [ChainId.SUI]: 9 },
-    };
-}
-//# sourceMappingURL=tokens.js.map

package/dist/config/constants/tokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens.js","sources":["../../../src/config/constants/tokens.ts"],"sourcesContent":["import { ChainId, Token, WNATIVE, zapInputTokens } from '@ape.swap/apeswap-lists'\nimport { APTOS_ZAP_TOKENS } from './aptosZapTokens'\n\n// Inject Aptos zap tokens into the shared zapInputTokens map so the existing\n// TokenSelectorModal / useSortedZapList infrastructure picks them up.\n// TODO(aptos): Remove these runtime patches once @ape.swap/apeswap-lists ships Aptos natively.\nif (!zapInputTokens[ChainId.APTOS]) {\n  ;(zapInputTokens as Record<number, Token[]>)[ChainId.APTOS] = APTOS_ZAP_TOKENS.map((t) => ({\n    symbol: t.symbol,\n    address: { [ChainId.APTOS]: t.faAddress } as Partial<Record<ChainId, string>>,\n    active: true,\n    decimals: { [ChainId.APTOS]: t.decimals } as Partial<Record<ChainId, number | null>>,\n  }))\n}\n\n// Inject WNATIVE for Aptos so useSortedZapList / getNativeTicker resolve APT.\n// APT is not a wrapped token, but the infrastructure expects a WNATIVE entry.\nif (!WNATIVE[ChainId.APTOS]) {\n  ;(WNATIVE as Record<number, Token>)[ChainId.APTOS] = {\n    symbol: 'WAPT',\n    address: { [ChainId.APTOS]: '0xa' } as Partial<Record<ChainId, string>>,\n    active: true,\n    decimals: { [ChainId.APTOS]: 8 } as Partial<Record<ChainId, number | null>>,\n  }\n}\n\n// Inject WNATIVE for Sui so useSortedZapList / getNativeTicker resolve SUI.\n// SUI is not a wrapped token, but the infrastructure expects a WNATIVE entry.\nif (!WNATIVE[ChainId.SUI]) {\n  ;(WNATIVE as Record<number, Token>)[ChainId.SUI] = {\n    symbol: 'WSUI',\n    address: { [ChainId.SUI]: '0x2::sui::SUI' } as Partial<Record<ChainId, string>>,\n    active: true,\n    decimals: { [ChainId.SUI]: 9 } as Partial<Record<ChainId, number | null>>,\n  }\n}\n\nexport { WNATIVE, zapInputTokens }\n"],"names":[],"mappings":";;;;AAGA;AACA;AACA;AACA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AAChC,IAAA,cAA0C,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;QACzF,MAAM,EAAE,CAAC,CAAC,MAAM;QAChB,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,SAAS,EAAsC;AAC7E,QAAA,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,QAAQ,EAA6C;AACrF,KAAA,CAAC,CAAC;AACL;AAEA;AACA;AACA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACzB,IAAA,OAAiC,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG;AACnD,QAAA,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,EAAsC;AACvE,QAAA,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,EAA6C;KAC5E;AACH;AAEA;AACA;AACA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;AACvB,IAAA,OAAiC,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;AACjD,QAAA,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,GAAG,eAAe,EAAsC;AAC/E,QAAA,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,EAA6C;KAC1E;AACH"}

package/dist/contexts/RefreshContext.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-declare const RefreshContext: React.Context<{
-    slow: number;
-    fast: number;
-    veryFast: number;
-}>;
-declare const RefreshContextProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-export { RefreshContext, RefreshContextProvider };

package/dist/hooks/useRefresh.d.ts

@@ -1,6 +0,0 @@
-declare const useRefresh: () => {
-    veryFastRefresh: number;
-    fastRefresh: number;
-    slowRefresh: number;
-};
-export default useRefresh;

package/dist/hooks/useTimer.d.ts

@@ -1,2 +0,0 @@
-export declare const useCurrentTime: () => number;
-export default useCurrentTime;

package/dist/state/bondApiStats/useUserApiStats.d.ts

@@ -1,22 +0,0 @@
-export interface Sales {
-    billNftId: number;
-    chainId: number;
-    contractAddress: string;
-    createdAddressOwner: string;
-    createdAt: number;
-    deposit: number;
-    dollarValue: number;
-    lp: string;
-    payout: number;
-    payoutToken: string;
-    payoutTokenPrice: number;
-    referenceId: string;
-    transactionHash: string;
-    vestingTime: number;
-}
-export interface UserApiStats {
-    totalDollarValue: number;
-    Sales: Sales[];
-}
-export declare const getUserApiStats: (account?: string) => Promise<UserApiStats | null>;
-export default function useUserApiStats(): import("@tanstack/react-query").UseQueryResult<UserApiStats | null, Error>;

package/dist/state/bonds/aptosBondsConfig.d.ts

@@ -1,4 +0,0 @@
-import { BillsConfig } from '@ape.swap/apeswap-lists';
-import type { TokenPrices } from '../tokenPrices/useTokenPrices';
-export declare const getAptosBondsList: () => BillsConfig[];
-export declare const getAptosFallbackPrices: () => TokenPrices[];

package/dist/state/bonds/fetchUsersBonds/getBillNftData.d.ts

@@ -1,9 +0,0 @@
-/**
- * Retrieves batch data for a list of bill NFT IDs from the API.
- * @param apiV2URL - prod or staging url to get NFT data from.
- * @param billNftIds - An array of bill NFT IDs to retrieve data for.
- * @param billNftAddress - The address of the bill NFT contract.
- * @param chainId - The ID of the blockchain network to retrieve data from.
- * @returns A Promise that resolves to the batch data for the specified bill NFT IDs, or null if an error occurs.
- */
-export declare const getBillNftBatchData: (apiV2URL: string, billNftIds: string[], billNftAddress: string, chainId: number) => Promise<any>;

package/dist/state/geoFencing/useGeoFencing.d.ts

@@ -1,5 +0,0 @@
-import { UseQueryResult } from '@tanstack/react-query';
-export default function useGeoFencing(): UseQueryResult<{
-    isRestrictedRegion: boolean;
-    countryCode: string;
-}>;

package/dist/state/zap/useSoulZapTokenQuote.d.ts

@@ -1,3 +0,0 @@
-import { ChainId, Token } from '@ape.swap/apeswap-lists';
-declare const useSoulZapTokenQuote: (typedValue: string, inputCurrency: "NATIVE" | Token | undefined, outputToken: Token | undefined, chainId: ChainId, account?: string) => [loading: boolean, response: any, estimateOutput: number, error: boolean];
-export default useSoulZapTokenQuote;

package/dist/state/zap/useTierOptimizationPreview.d.ts

@@ -1,27 +0,0 @@
-import { ChainId } from '@ape.swap/apeswap-lists';
-export interface TierEntry {
-    tier: number;
-    tierName: string;
-    bonus: number;
-    abondRequired: string;
-    tierCostInFromToken: string;
-    bondInputInFromToken: string;
-    profitInFromToken: string;
-    isProfitable: boolean;
-    minFromAmount: string;
-}
-export interface TierOptimizationPreview {
-    currentTier: number;
-    optimalTier: number;
-    fromToken: string;
-    fromAmount: string;
-    abondPriceUsd: number;
-    fromTokenPriceUsd: number;
-    tiers: TierEntry[];
-}
-declare const useTierOptimizationPreview: (bond: string | undefined, chainId: ChainId | undefined, fromToken: string | undefined, fromAmount: string | undefined, user: string | undefined) => {
-    data: TierOptimizationPreview | undefined;
-    isLoading: boolean;
-    error: Error | null;
-};
-export default useTierOptimizationPreview;

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ChainId, Token } from '@ape.swap/apeswap-lists';
-/**
- * @param chainId this is the chainId of the outputToken
- */
-interface ZapModalProps {
-    onDismiss?: () => void;
-    outputToken: Token;
-    chainId: ChainId;
-    account?: string;
-}
-declare const ZapModal: ({ onDismiss, outputToken, account, chainId }: ZapModalProps) => React.JSX.Element;
-export default ZapModal;

package/dist/views/ZapModal/styles.d.ts

@@ -1,2 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-export declare const styles: Record<'toPanelContainer' | 'cont' | 'tokensContainer' | 'tokenSymbolText', ThemeUIStyleObject>;