@ape.swap/bonds-sdk 5.1.0 → 5.1.1-test.0

package/dist/views/YourBondsModal/components/Recommendations/Recommendations.js

@@ -0,0 +1,47 @@
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import Text from '../../../../components/uikit-sdk/Text/index.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import { Fragment } from 'react';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import CardRecommendation from './CardRecommendation.js';
+import track from '../../../../utils/track.js';
+import useGetBondRecommendations from '../../../../state/recommendations/useGetBondRecommendations.js';
+import useEVMAccount from '../../../../hooks/accounts/useEVMAccount.js';
+import { useIsMobile } from '../../../../hooks/useIsMobile.js';
+import RecSkeleton from './RecSkeleton.js';
+import { jsxs, jsx } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const Recommendations = ({ billAddress }) => {
+    const { address } = useEVMAccount();
+    const isMobile = useIsMobile();
+    const { data = [] } = useGetBondRecommendations(address, billAddress, '2');
+    const recommendations = isMobile ? data === null || data === void 0 ? void 0 : data.slice(0, 1) : data;
+    return (jsxs(Fragment, { children: [jsx(Flex, { sx: {
+                    justifyContent: 'space-between',
+                    flexDirection: ['column', 'column', 'column', 'row'],
+                    alignItems: ['flex-start', 'flex-start', 'flex-start', 'center'],
+                }, children: jsxs(Flex, { sx: { flexDirection: 'column' }, children: [jsx(Text, { sx: { fontSize: '13px', fontWeight: 600 }, children: "You might also be interested in: " }), jsx(Text, { sx: { fontSize: '11px', fontWeight: 400, color: '#BEBEBE', lineHeight: '18px' }, children: "Based on yours and others users purchases." })] }) }), jsx(Flex, { sx: { width: '100%', gap: ['10px', '10px', '10px', '15px'] }, children: (recommendations === null || recommendations === void 0 ? void 0 : recommendations.length) > 0 ? (recommendations.map((bond, index) => (jsx(CardRecommendation, { cardIndex: index, bond: bond, handleBuyBondClick: () => {
+                        window.open(`https://ape.bond/bonds?bondAddress=${bond.billAddress}&bondChain=${bond.chainId}`, '_blank', 'noreferrer');
+                        track({
+                            event: 'recClick',
+                            chain: bond === null || bond === void 0 ? void 0 : bond.chainId,
+                            data: {
+                                bond: bond.payoutTokenName,
+                                position: index,
+                            },
+                        });
+                    } }, `${bond.billAddress}-${index}`)))) : (jsx(RecSkeleton, {})) })] }));
+};
+
+export { Recommendations as default };
+//# sourceMappingURL=Recommendations.js.map

package/dist/views/YourBondsModal/components/Recommendations/Recommendations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Recommendations.js","sources":["../../../../../src/views/YourBondsModal/components/Recommendations/Recommendations.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Text } from '../../../../components/uikit-sdk'\nimport CardRecommendation from './CardRecommendation'\nimport track from '../../../../utils/track'\nimport useGetBondRecommendations from '../../../../state/recommendations/useGetBondRecommendations'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport RecSkeleton from './RecSkeleton'\n\nconst Recommendations = ({ billAddress }: { billAddress?: string }) => {\n  const { address } = useEVMAccount()\n  const isMobile = useIsMobile()\n  const { data = [] } = useGetBondRecommendations(address, billAddress, '2')\n  const recommendations = isMobile ? data?.slice(0, 1) : data\n\n  return (\n    <>\n      <Flex\n        sx={{\n          justifyContent: 'space-between',\n          flexDirection: ['column', 'column', 'column', 'row'],\n          alignItems: ['flex-start', 'flex-start', 'flex-start', 'center'],\n        }}\n      >\n        <Flex sx={{ flexDirection: 'column' }}>\n          <Text sx={{ fontSize: '13px', fontWeight: 600 }}>You might also be interested in: </Text>\n          <Text sx={{ fontSize: '11px', fontWeight: 400, color: '#BEBEBE', lineHeight: '18px' }}>\n            Based on yours and others users purchases.\n          </Text>\n        </Flex>\n      </Flex>\n      <Flex sx={{ width: '100%', gap: ['10px', '10px', '10px', '15px'] }}>\n        {recommendations?.length > 0 ? (\n          recommendations.map((bond, index) => (\n            <CardRecommendation\n              key={`${bond.billAddress}-${index}`}\n              cardIndex={index}\n              bond={bond}\n              handleBuyBondClick={() => {\n                window.open(\n                  `https://ape.bond/bonds?bondAddress=${bond.billAddress}&bondChain=${bond.chainId}`,\n                  '_blank',\n                  'noreferrer',\n                )\n                track({\n                  event: 'recClick',\n                  chain: bond?.chainId,\n                  data: {\n                    bond: bond.payoutTokenName,\n                    position: index,\n                  },\n                })\n              }}\n            />\n          ))\n        ) : (\n          <RecSkeleton />\n        )}\n      </Flex>\n    </>\n  )\n}\n\nexport default Recommendations\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,eAAe,GAAG,CAAC,EAAE,WAAW,EAA4B,KAAI;AACpE,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;AACnC,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;AAC9B,IAAA,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,yBAAyB,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,CAAC;IAC1E,MAAM,eAAe,GAAG,QAAQ,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI;AAE3D,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,cAAc,EAAE,eAAe;oBAC/B,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC;oBACpD,UAAU,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,CAAC;iBACjE,EAAA,QAAA,EAEDF,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACnCE,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,mCAAA,EAAA,CAA0C,EACzFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,4CAAA,EAAA,CAE9E,CAAA,EAAA,CACF,EAAA,CACF,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAC/D,CAAA,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,MAAA,GAAA,MAAA,GAAf,eAAe,CAAE,MAAM,IAAG,CAAC,IAC1B,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC9BA,GAAA,CAAC,kBAAkB,EAAA,EAEjB,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,MAAK;AACvB,wBAAA,MAAM,CAAC,IAAI,CACT,CAAA,mCAAA,EAAsC,IAAI,CAAC,WAAW,CAAA,WAAA,EAAc,IAAI,CAAC,OAAO,CAAA,CAAE,EAClF,QAAQ,EACR,YAAY,CACb;AACD,wBAAA,KAAK,CAAC;AACJ,4BAAA,KAAK,EAAE,UAAU;AACjB,4BAAA,KAAK,EAAE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,OAAO;AACpB,4BAAA,IAAI,EAAE;gCACJ,IAAI,EAAE,IAAI,CAAC,eAAe;AAC1B,gCAAA,QAAQ,EAAE,KAAK;AAChB,6BAAA;AACF,yBAAA,CAAC;oBACJ,CAAC,EAAA,EAjBI,GAAG,IAAI,CAAC,WAAW,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE,CAkBnC,CACH,CAAC,KAEFA,GAAA,CAAC,WAAW,KAAG,CAChB,EAAA,CACI,CAAA,EAAA,CACN;AAEP;;;;"}

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

@@ -0,0 +1,88 @@
+import { useState, Fragment } from 'react';
+import { useChainId, useSwitchChain, useWriteContract } from 'wagmi';
+import BOND_NFT_ABI from '../../../../config/abi/bondNft.json.js';
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import { NETWORK_LABEL } from '../../../../config/constants/chains.js';
+import { useMonitorTx } from '../../../../hooks/useMonitorTx.js';
+import { usePopups } from '../../../../state/popups/usePopups.js';
+import track from '../../../../utils/track.js';
+import { reportError } from '../../../../utils/reportError.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+import useEVMAccount from '../../../../hooks/accounts/useEVMAccount.js';
+import { jsx, jsxs } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const TransferAction = ({ userBill, toAddress, disabled, }) => {
+    var _a, _b, _c;
+    // Hooks
+    const SDKConfig = useSDKConfig();
+    const userChainId = useChainId();
+    const { address: account } = useEVMAccount();
+    const { switchChain } = useSwitchChain();
+    // State
+    const [transferTxHash, setTransferTxHash] = useState(null);
+    const [loadingTx, setLoadingTx] = useState(false);
+    const { writeContractAsync } = useWriteContract();
+    const { isLoading, isSuccess: isConfirmed } = useMonitorTx(transferTxHash, (_a = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _a === void 0 ? void 0 : _a.chainId);
+    const { addToastError } = usePopups();
+    const load = loadingTx || (isLoading && !isConfirmed);
+    const handleTransfer = async () => {
+        var _a, _b, _c, _d;
+        const address = userBill === null || userBill === void 0 ? void 0 : userBill.billNftAddress;
+        try {
+            setLoadingTx(true);
+            const tx = await writeContractAsync({
+                address: address,
+                abi: BOND_NFT_ABI,
+                functionName: 'safeTransferFrom',
+                args: [account, toAddress, userBill === null || userBill === void 0 ? void 0 : userBill.id],
+                chain: userChainId,
+                account: account,
+            });
+            if (tx) {
+                setTransferTxHash(tx);
+                track({
+                    event: 'bond',
+                    chain: userChainId,
+                    data: {
+                        cat: 'transfer',
+                        type: (_b = (_a = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _a === void 0 ? void 0 : _a.billType) !== null && _b !== void 0 ? _b : '',
+                        id: userBill === null || userBill === void 0 ? void 0 : userBill.id,
+                        from: account,
+                        to: toAddress,
+                        earnToken: (_c = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _c === void 0 ? void 0 : _c.earnToken.symbol,
+                    },
+                });
+            }
+            setLoadingTx(false);
+        }
+        catch (error) {
+            console.error('Transfer failed:', error);
+            setLoadingTx(false);
+            addToastError(error.shortMessage);
+            reportError({
+                apiUrl: (_d = SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.urls) === null || _d === void 0 ? void 0 : _d.apiV2,
+                error,
+                extraInfo: { type: 'transfer', userBill, error },
+                chainId: userChainId,
+                account,
+            });
+        }
+    };
+    return (jsx(Fragment, { children: userChainId !== ((_b = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _b === void 0 ? void 0 : _b.chainId) ? (jsxs(Button, { onClick: () => { var _a; return switchChain({ chainId: (_a = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _a === void 0 ? void 0 : _a.chainId }); }, children: ["Switch to ", NETWORK_LABEL[(_c = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _c === void 0 ? void 0 : _c.chainId]] })) : (jsx(Button, { onClick: handleTransfer, load: load, disabled: load || disabled, fullWidth: true, children: "transfer" })) }));
+};
+
+export { TransferAction as default };
+//# sourceMappingURL=TransferAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransferAction.js","sources":["../../../../../src/views/YourBondsModal/components/TransferBondModal/TransferAction.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useChainId, useSwitchChain, useWriteContract } from 'wagmi'\nimport BOND_NFT_ABI from '../../../../config/abi/bondNft.json'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { Button } from '../../../../components/uikit-sdk'\nimport { NETWORK_LABEL } from '../../../../config/constants/chains'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { useMonitorTx } from '../../../../hooks/useMonitorTx'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport track from '../../../../utils/track'\nimport { reportError } from '../../../../utils/reportError'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\n\nconst TransferAction = ({\n  userBill,\n  toAddress,\n  disabled,\n}: {\n  userBill?: UserBill\n  toAddress?: string\n  disabled?: boolean\n}) => {\n  // Hooks\n  const SDKConfig = useSDKConfig()\n  const userChainId = useChainId()\n  const { address: account } = useEVMAccount()\n  const { switchChain } = useSwitchChain()\n\n  // State\n  const [transferTxHash, setTransferTxHash] = useState<string | null>(null)\n  const [loadingTx, setLoadingTx] = useState(false)\n  const { writeContractAsync } = useWriteContract()\n  const { isLoading, isSuccess: isConfirmed } = useMonitorTx(transferTxHash, userBill?.bond?.chainId)\n  const { addToastError } = usePopups()\n\n  const load = loadingTx || (isLoading && !isConfirmed)\n  const handleTransfer = async () => {\n    const address: `0x${string}` = userBill?.billNftAddress as `0x${string}`\n    try {\n      setLoadingTx(true)\n      const tx = await writeContractAsync({\n        address: address,\n        abi: BOND_NFT_ABI,\n        functionName: 'safeTransferFrom',\n        args: [account, toAddress, userBill?.id],\n        chain: userChainId as any,\n        account: account,\n      })\n      if (tx) {\n        setTransferTxHash(tx)\n        track({\n          event: 'bond',\n          chain: userChainId,\n          data: {\n            cat: 'transfer',\n            type: userBill?.bond?.billType ?? '',\n            id: userBill?.id,\n            from: account,\n            to: toAddress,\n            earnToken: userBill?.bond?.earnToken.symbol,\n          },\n        })\n      }\n      setLoadingTx(false)\n    } catch (error: any) {\n      console.error('Transfer failed:', error)\n      setLoadingTx(false)\n      addToastError(error.shortMessage)\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error,\n        extraInfo: { type: 'transfer', userBill, error },\n        chainId: userChainId,\n        account,\n      })\n    }\n  }\n  return (\n    <>\n      {userChainId !== userBill?.bond?.chainId ? (\n        <Button onClick={() => switchChain({ chainId: userBill?.bond?.chainId as ChainId })}>\n          Switch to {NETWORK_LABEL[userBill?.bond?.chainId as ChainId]}\n        </Button>\n      ) : (\n        <Button onClick={handleTransfer} load={load} disabled={load || disabled} fullWidth>\n          transfer\n        </Button>\n      )}\n    </>\n  )\n}\n\nexport default TransferAction\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

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

@@ -0,0 +1,103 @@
+import { useState, Fragment } from 'react';
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import { NETWORK_LABEL } from '../../../../config/constants/chains.js';
+import '../../../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import { usePopups } from '../../../../state/popups/usePopups.js';
+import { useWalletModal } from '@solana/wallet-adapter-react-ui';
+import { Connection, PublicKey, SystemProgram, TransactionInstruction, Transaction } from '@solana/web3.js';
+import useUserBonds from '../../../../state/bonds/useUserBonds.js';
+import { MPL_CORE_PROGRAM_ID } from '../../../../constants/solanaConstants.js';
+import '../../../../node_modules/buffer/index.js';
+import { getRPC } from '../../../../config/constants/networks.js';
+import useSOLAccount from '../../../../hooks/accounts/useSOLAccount.js';
+import { jsx, jsxs } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { __exports as main } from '../../../../_virtual/main.js';
+import { __exports as buffer } from '../../../../_virtual/index.js';
+
+const TransferAction = ({ userBill, toAddress, disabled, }) => {
+    var _a;
+    // Hooks
+    const wallet = useSOLAccount();
+    const { setVisible } = useWalletModal();
+    const { refetch } = useUserBonds();
+    // State
+    const [loadingTx, setLoadingTx] = useState(false);
+    const { addToastError, addToastSuccess } = usePopups();
+    const load = loadingTx;
+    const handleTransfer = async () => {
+        var _a;
+        try {
+            if (!wallet.publicKey || !wallet.signTransaction) {
+                throw new Error('Wallet not connected');
+            }
+            setLoadingTx(true);
+            const connection = new Connection(getRPC(main.ChainId.SOL));
+            // MPL Core program ID
+            if (!(userBill === null || userBill === void 0 ? void 0 : userBill.id) || !toAddress || !userBill || !(userBill === null || userBill === void 0 ? void 0 : userBill.asset))
+                return;
+            const asset = new PublicKey(userBill === null || userBill === void 0 ? void 0 : userBill.asset);
+            const newOwner = new PublicKey(toAddress);
+            const collection = new PublicKey(userBill.billNftAddress);
+            // Create instruction data with discriminator (14) + null compression_proof
+            // Since compression_proof is null, we just need discriminator + 1 byte for None option
+            const discriminator = buffer.Buffer.from([14]);
+            const nullOption = buffer.Buffer.from([0]); // 0 = None for Option<CompressionProof>
+            const data = buffer.Buffer.concat([discriminator, nullOption]);
+            // Build the accounts array according to MPL Core transfer instruction
+            const accounts = [
+                { pubkey: asset, isSigner: false, isWritable: true }, // asset
+                { pubkey: collection, isSigner: false, isWritable: false }, // collection
+                { pubkey: wallet.publicKey, isSigner: true, isWritable: true }, // payer
+                { pubkey: wallet.publicKey, isSigner: true, isWritable: false }, // authority
+                { pubkey: newOwner, isSigner: false, isWritable: false }, // new_owner
+                { pubkey: SystemProgram.programId, isSigner: false, isWritable: false }, // system_program
+                { pubkey: new PublicKey('noopb9bkMVfRPU8AsbpTUg8AQkHtKwMYZiFUjNRtMmV'), isSigner: false, isWritable: false }, // log_wrapper (SPL Noop Program)
+            ];
+            const transferInstruction = new TransactionInstruction({
+                keys: accounts,
+                programId: MPL_CORE_PROGRAM_ID,
+                data,
+            });
+            const transaction = new Transaction().add(transferInstruction);
+            // Get recent blockhash
+            const { blockhash, lastValidBlockHeight } = await connection.getLatestBlockhash();
+            transaction.recentBlockhash = blockhash;
+            transaction.feePayer = wallet.publicKey;
+            // Sign and send transaction
+            const signedTransaction = await wallet.signTransaction(transaction);
+            const signature = await connection.sendRawTransaction(signedTransaction.serialize());
+            // Confirm transaction
+            await connection.confirmTransaction({
+                signature,
+                blockhash,
+                lastValidBlockHeight,
+            }, 'confirmed');
+            refetch();
+            addToastSuccess(signature, (_a = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _a === void 0 ? void 0 : _a.chainId);
+        }
+        catch (error) {
+            console.error('Error during NFT transfer:', error);
+            addToastError((error === null || error === void 0 ? void 0 : error.message) || 'Unknown error');
+        }
+        finally {
+            setLoadingTx(false);
+        }
+    };
+    return (jsx(Fragment, { children: !wallet.publicKey ? (jsxs(Button, { onClick: () => setVisible(true), children: ["Connect to ", NETWORK_LABEL[(_a = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _a === void 0 ? void 0 : _a.chainId]] })) : (jsx(Button, { onClick: handleTransfer, load: load, disabled: load || disabled, fullWidth: true, children: "transfer" })) }));
+};
+
+export { TransferAction as default };
+//# sourceMappingURL=TransferActionSolana.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransferActionSolana.js","sources":["../../../../../src/views/YourBondsModal/components/TransferBondModal/TransferActionSolana.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { Button } from '../../../../components/uikit-sdk'\nimport { NETWORK_LABEL } from '../../../../config/constants/chains'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport { useWalletModal } from '@solana/wallet-adapter-react-ui'\nimport { Connection, PublicKey, Transaction, TransactionInstruction, SystemProgram } from '@solana/web3.js'\nimport useUserBonds from '../../../../state/bonds/useUserBonds'\nimport { MPL_CORE_PROGRAM_ID } from '../../../../constants/solanaConstants'\nimport { Buffer } from 'buffer'\nimport { getRPC } from '../../../../config/constants/networks'\nimport useSOLAccount from '../../../../hooks/accounts/useSOLAccount'\n\nconst TransferAction = ({\n  userBill,\n  toAddress,\n  disabled,\n}: {\n  userBill?: UserBill\n  toAddress?: string\n  disabled?: boolean\n}) => {\n  // Hooks\n  const wallet = useSOLAccount()\n  const { setVisible } = useWalletModal()\n  const { refetch } = useUserBonds()\n\n  // State\n  const [loadingTx, setLoadingTx] = useState(false)\n  const { addToastError, addToastSuccess } = usePopups()\n\n  const load = loadingTx\n\n  const handleTransfer = async () => {\n    try {\n      if (!wallet.publicKey || !wallet.signTransaction) {\n        throw new Error('Wallet not connected')\n      }\n\n      setLoadingTx(true)\n\n      const connection = new Connection(getRPC(ChainId.SOL))\n\n      // MPL Core program ID\n      if (!userBill?.id || !toAddress || !userBill || !userBill?.asset) return\n      const asset = new PublicKey(userBill?.asset)\n      const newOwner = new PublicKey(toAddress)\n      const collection = new PublicKey(userBill.billNftAddress)\n\n      // Create instruction data with discriminator (14) + null compression_proof\n      // Since compression_proof is null, we just need discriminator + 1 byte for None option\n      const discriminator = Buffer.from([14])\n      const nullOption = Buffer.from([0]) // 0 = None for Option<CompressionProof>\n      const data = Buffer.concat([discriminator, nullOption])\n\n      // Build the accounts array according to MPL Core transfer instruction\n      const accounts = [\n        { pubkey: asset, isSigner: false, isWritable: true }, // asset\n        { pubkey: collection, isSigner: false, isWritable: false }, // collection\n        { pubkey: wallet.publicKey, isSigner: true, isWritable: true }, // payer\n        { pubkey: wallet.publicKey, isSigner: true, isWritable: false }, // authority\n        { pubkey: newOwner, isSigner: false, isWritable: false }, // new_owner\n        { pubkey: SystemProgram.programId, isSigner: false, isWritable: false }, // system_program\n        { pubkey: new PublicKey('noopb9bkMVfRPU8AsbpTUg8AQkHtKwMYZiFUjNRtMmV'), isSigner: false, isWritable: false }, // log_wrapper (SPL Noop Program)\n      ]\n\n      const transferInstruction = new TransactionInstruction({\n        keys: accounts,\n        programId: MPL_CORE_PROGRAM_ID,\n        data,\n      })\n\n      const transaction = new Transaction().add(transferInstruction)\n\n      // Get recent blockhash\n      const { blockhash, lastValidBlockHeight } = await connection.getLatestBlockhash()\n      transaction.recentBlockhash = blockhash\n      transaction.feePayer = wallet.publicKey\n\n      // Sign and send transaction\n      const signedTransaction = await wallet.signTransaction(transaction)\n      const signature = await connection.sendRawTransaction(signedTransaction.serialize())\n\n      // Confirm transaction\n      await connection.confirmTransaction(\n        {\n          signature,\n          blockhash,\n          lastValidBlockHeight,\n        },\n        'confirmed',\n      )\n\n      refetch()\n      addToastSuccess(signature, userBill?.bond?.chainId)\n    } catch (error: any) {\n      console.error('Error during NFT transfer:', error)\n      addToastError(error?.message || 'Unknown error')\n    } finally {\n      setLoadingTx(false)\n    }\n  }\n\n  return (\n    <>\n      {!wallet.publicKey ? (\n        <Button onClick={() => setVisible(true)}>Connect to {NETWORK_LABEL[userBill?.bond?.chainId as ChainId]}</Button>\n      ) : (\n        <Button onClick={handleTransfer} load={load} disabled={load || disabled} fullWidth>\n          transfer\n        </Button>\n      )}\n    </>\n  )\n}\n\nexport default TransferAction\n"],"names":["ChainId","Buffer","_jsx","_Fragment","_jsxs"],"mappings":"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"}

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

@@ -0,0 +1,45 @@
+import React__default, { useState } from 'react';
+import { BigNumber } from '../../../../node_modules/bignumber.js/bignumber.js';
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import Text from '../../../../components/uikit-sdk/Text/index.js';
+import Checkbox from '../../../../components/uikit-sdk/Checkbox/index.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import Modal from '../../../../components/uikit-sdk/Modal/index.js';
+import '../../../FullBondsView/FullBondsView.js';
+import Input from '../../../../components/uikit-sdk/Input/Input.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import { getBalanceNumber } from '../../../../utils/getBalanceNumber.js';
+import '../../../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
+import TransferAction$1 from './TransferAction.js';
+import { getPendingVestingString, getTimeLeftForFullyVested } from '../../../../utils/displayHelpers.js';
+import TransferAction from './TransferActionSolana.js';
+import { jsxs, jsx } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { __exports as main } from '../../../../_virtual/main.js';
+
+const TransferModal = ({ onDismiss, userBill }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    // State
+    const [confirmSend, setConfirmSend] = useState(false);
+    const [toAddress, setToAddress] = useState('');
+    // Data
+    const bond = userBill === null || userBill === void 0 ? void 0 : userBill.bond;
+    const chainId = bond === null || bond === void 0 ? void 0 : bond.chainId;
+    const pending = chainId &&
+        ((_e = getBalanceNumber(new BigNumber((_a = userBill === null || userBill === void 0 ? void 0 : userBill.payout) !== null && _a !== void 0 ? _a : 0), (_d = (_c = (_b = bond === null || bond === void 0 ? void 0 : bond.earnToken) === null || _b === void 0 ? void 0 : _b.decimals) === null || _c === void 0 ? void 0 : _c[chainId]) !== null && _d !== void 0 ? _d : 18)) === null || _e === void 0 ? void 0 : _e.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: [(_f = bond === null || bond === void 0 ? void 0 : bond.earnToken) === null || _f === void 0 ? void 0 : _f.symbol, " Bond - ID # ", userBill === null || userBill === void 0 ? void 0 : 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: (_h = (_g = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _g === void 0 ? void 0 : _g.showcaseTokenName) !== null && _h !== void 0 ? _h : (_k = (_j = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _j === void 0 ? void 0 : _j.earnToken) === null || _k === void 0 ? void 0 : _k.symbol, size: 20, chain: (_l = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _l === void 0 ? void 0 : _l.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();
+                        } }), jsx(Text, { sx: { ml: '10px', fontSize: '12px', fontWeight: 500, lineHeight: '18px' }, children: "I understand the new wallet gains ownership of all unclaimed assets." })] }), jsx(Flex, { sx: { justifyContent: 'center', mt: '15px' }, children: chainId === main.ChainId.SOL ? (jsx(TransferAction, { userBill: userBill, toAddress: toAddress, disabled: !confirmSend || !toAddress })) : (jsx(TransferAction$1, { userBill: userBill, toAddress: toAddress, disabled: !confirmSend || !toAddress })) })] }));
+};
+var TransferBondModal = React__default.memo(TransferModal);
+
+export { TransferBondModal as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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 { CheckBox, Flex, Modal, Text } from '../../../../components/uikit-sdk'\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'\nimport TransferAction from './TransferAction'\nimport { getPendingVestingString, getTimeLeftForFullyVested } from '../../../../utils/displayHelpers'\nimport TransferActionSolana from './TransferActionSolana'\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        ) : (\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","CheckBox","ChainId","TransferActionSolana","TransferAction","React"],"mappings":"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"}

package/dist/views/YourBondsModal/components/YourBondModalHeader/YourBondModalHeader.js

@@ -0,0 +1,58 @@
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import Text from '../../../../components/uikit-sdk/Text/index.js';
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import Skeleton from '../../../../components/uikit-sdk/Skeleton/index.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import { Fragment } from 'react';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
+import { useIsMobile } from '../../../../hooks/useIsMobile.js';
+import ProfitCard from '../../../YourBonds/components/ProfitCard/ProfitCard.js';
+import useModal from '../../../../hooks/useModal.js';
+import TransferBondModal from '../TransferBondModal/index.js';
+import { jsx, jsxs } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Box as Box$1 } from '../../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const YourBondModalHeader = ({ userBill, onDismiss }) => {
+    var _a, _b, _c, _d;
+    // Hooks
+    const isMobile = useIsMobile();
+    // Static Data
+    const payoutTokenSymbol = (_b = (_a = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _a === void 0 ? void 0 : _a.showcaseTokenName) !== null && _b !== void 0 ? _b : (_c = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _c === void 0 ? void 0 : _c.earnToken.symbol;
+    // Modals
+    const [onTransferBondModal] = useModal(jsx(TransferBondModal, { userBill: userBill }), true, true, `transferModal${userBill === null || userBill === void 0 ? void 0 : userBill.id}}`);
+    return (jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', alignItems: 'center' }, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '7px' }, children: [payoutTokenSymbol ? (jsxs(Fragment, { children: [jsx(TokenImage, { symbol: payoutTokenSymbol, size: 30, chain: (_d = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _d === void 0 ? void 0 : _d.chainId }), jsx(Box$1, { sx: {
+                                    fontSize: ['16px', '16px', '16px', '18px'],
+                                    fontWeight: 700,
+                                    opacity: 0.7,
+                                    overflow: 'hidden',
+                                    whiteSpace: 'nowrap',
+                                    textOverflow: 'ellipsis',
+                                    maxWidth: '100px',
+                                }, children: payoutTokenSymbol })] })) : (jsxs(Fragment, { children: [jsx(Skeleton, { animation: "waves", sx: {
+                                    width: '30px',
+                                    height: '30px',
+                                    borderRadius: '55px',
+                                    mr: '10px',
+                                } }), jsx(Skeleton, { animation: "waves", sx: {
+                                    width: '100px',
+                                    borderRadius: 'normal',
+                                } })] })), jsx(ProfitCard, { userBond: userBill }), jsx(Text, { sx: {
+                            color: 'text',
+                            opacity: '0.6',
+                            fontSize: ['11px', '11px', '11px', '14px'],
+                            display: ['none', 'none', 'none', 'flex'],
+                        }, children: (userBill === null || userBill === void 0 ? void 0 : userBill.id) && `#${userBill.id}` })] }), jsxs(Flex, { sx: { gap: '7px' }, children: [jsx(Button, { onClick: onTransferBondModal, disabled: !userBill, sx: { height: '22px', fontSize: '12px', fontWeight: 600, p: '2px 6px' }, children: "TRANSFER" }), jsx(Flex, { className: "svg-close", onClick: onDismiss, sx: { cursor: 'pointer', p: '2px 5px' }, children: jsx(Svg, { icon: "close", width: isMobile ? '12px' : '18px' }) })] })] }));
+};
+
+export { YourBondModalHeader as default };
+//# sourceMappingURL=YourBondModalHeader.js.map

package/dist/views/YourBondsModal/components/YourBondModalHeader/YourBondModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YourBondModalHeader.js","sources":["../../../../../src/views/YourBondsModal/components/YourBondModalHeader/YourBondModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { Button, Flex, Skeleton, Svg, Text } from '../../../../components/uikit-sdk'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport { Box } from 'theme-ui'\nimport ProfitCard from '../../../YourBonds/components/ProfitCard/ProfitCard'\nimport useModal from '../../../../hooks/useModal'\nimport TransferBondModal from '../TransferBondModal'\n\nconst YourBondModalHeader = ({ userBill, onDismiss }: { userBill?: UserBill; onDismiss?: () => void }) => {\n  // Hooks\n  const isMobile = useIsMobile()\n\n  // Static Data\n  const payoutTokenSymbol = userBill?.bond?.showcaseTokenName ?? userBill?.bond?.earnToken.symbol\n\n  // Modals\n  const [onTransferBondModal] = useModal(\n    <TransferBondModal userBill={userBill} />,\n    true,\n    true,\n    `transferModal${userBill?.id}}`,\n  )\n\n  return (\n    <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n      <Flex sx={{ alignItems: 'center', gap: '7px' }}>\n        {payoutTokenSymbol ? (\n          <>\n            <TokenImage symbol={payoutTokenSymbol} size={30} chain={userBill?.bond?.chainId} />\n            <Box\n              sx={{\n                fontSize: ['16px', '16px', '16px', '18px'],\n                fontWeight: 700,\n                opacity: 0.7,\n                overflow: 'hidden',\n                whiteSpace: 'nowrap',\n                textOverflow: 'ellipsis',\n                maxWidth: '100px',\n              }}\n            >\n              {payoutTokenSymbol}\n            </Box>\n          </>\n        ) : (\n          <>\n            <Skeleton\n              animation=\"waves\"\n              sx={{\n                width: '30px',\n                height: '30px',\n                borderRadius: '55px',\n                mr: '10px',\n              }}\n            />\n            <Skeleton\n              animation=\"waves\"\n              sx={{\n                width: '100px',\n                borderRadius: 'normal',\n              }}\n            />\n          </>\n        )}\n        <ProfitCard userBond={userBill} />\n        <Text\n          sx={{\n            color: 'text',\n            opacity: '0.6',\n            fontSize: ['11px', '11px', '11px', '14px'],\n            display: ['none', 'none', 'none', 'flex'],\n          }}\n        >\n          {userBill?.id && `#${userBill.id}`}\n        </Text>\n      </Flex>\n      <Flex sx={{ gap: '7px' }}>\n        <Button\n          onClick={onTransferBondModal}\n          disabled={!userBill}\n          sx={{ height: '22px', fontSize: '12px', fontWeight: 600, p: '2px 6px' }}\n        >\n          TRANSFER\n        </Button>\n        <Flex className=\"svg-close\" onClick={onDismiss} sx={{ cursor: 'pointer', p: '2px 5px' }}>\n          <Svg icon=\"close\" width={isMobile ? '12px' : '18px'} />\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default YourBondModalHeader\n"],"names":["_jsx","_jsxs","_Fragment","Box"],"mappings":"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"}

package/package.json

@@ -3,10 +3,79 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "5.1.0",
+  "version": "5.1.1-test.0",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/main.js",
+      "default": "./dist/main.js"
+    },
+    "./views/Bonds": {
+      "types": "./dist/views/Bonds.d.ts",
+      "import": "./dist/views/Bonds.js"
+    },
+    "./views/YourBonds": {
+      "types": "./dist/views/YourBonds.d.ts",
+      "import": "./dist/views/YourBonds.js"
+    },
+    "./views/BuyBondModal": {
+      "types": "./dist/views/BuyBond.d.ts",
+      "import": "./dist/views/BuyBond.js"
+    },
+    "./views/FullBondsView": {
+      "types": "./dist/views/FullBondsView.d.ts",
+      "import": "./dist/views/FullBondsView.js"
+    },
+    "./views/ProjectView": {
+      "types": "./dist/views/ProjectView.d.ts",
+      "import": "./dist/views/ProjectView.js"
+    },
+    "./views/SingleBond": {
+      "types": "./dist/views/SingleBond.d.ts",
+      "import": "./dist/views/SingleBond.js"
+    },
+    "./components/TokenImage": {
+      "types": "./dist/components/uikit-sdk/TokenImage.d.ts",
+      "import": "./dist/components/uikit-sdk/TokenImage.js"
+    },
+    "./hooks/useTokenPrices": {
+      "types": "./dist/state/tokenPrices/useTokenPrices.d.ts",
+      "import": "./dist/state/tokenPrices/useTokenPrices.js"
+    },
+    "./hooks/useBondsData": {
+      "types": "./dist/state/bonds/useBondsData.d.ts",
+      "import": "./dist/state/bonds/useBondsData.js"
+    },
+    "./hooks/useSDKConfig": {
+      "types": "./dist/state/useSDKConfig.d.ts",
+      "import": "./dist/state/useSDKConfig.js"
+    },
+    "./hooks/useCurrencyBalance": {
+      "types": "./dist/state/balance/useCurrencyBalance.d.ts",
+      "import": "./dist/state/balance/useCurrencyBalance.js"
+    },
+    "./hooks/useApproval": {
+      "types": "./dist/state/allowance/useAllowance.d.ts",
+      "import": "./dist/state/allowance/useAllowance.js"
+    },
+    "./utils/generateImageFromTemplate": {
+      "types": "./dist/views/YourBondsModal/components/LinkShare/utils.d.ts",
+      "import": "./dist/views/YourBondsModal/components/LinkShare/utils.js"
+    },
+    "./constants/ChainId": {
+      "types": "./dist/node_modules/@ape.swap/apeswap-lists/index.d.ts",
+      "import": "./dist/node_modules/@ape.swap/apeswap-lists/index.js"
+    },
+    "./constants/chains": {
+      "types": "./dist/config/constants/chains.d.ts",
+      "import": "./dist/config/constants/chains.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
+  },
   "files": [
     "dist"
   ],