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

package/dist/views/YourBondsModal/YourBondsModal.js

@@ -0,0 +1,154 @@
+import { useState, Fragment } from 'react';
+import TokenImage from '../../components/uikit-sdk/TokenImage/index.js';
+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 '../../components/uikit-sdk/Skeleton/types.js';
+import '../../components/uikit-sdk/Skeleton/styles.js';
+import TooltipBubble from '../../components/uikit-sdk/TooltipBubble/index.js';
+import Modal from '../../components/uikit-sdk/Modal/index.js';
+import '../FullBondsView/FullBondsView.js';
+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 '../../components/uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import { formatNumberSI } from '../../utils/formatNumber.js';
+import { UserBillTooltipText } from '../../config/constants/tooltips.js';
+import Recommendations from './components/Recommendations/Recommendations.js';
+import { getPendingVestingString, getTimeLeftForFullyVested, getPercentageVested, pending, pendingUSD, claimable, claimableUSD, claimed, claimedUSD } from '../../utils/displayHelpers.js';
+import { getTimePeriods } from '../../utils/getTimePeriods.js';
+import SafeHTMLComponent from '../../components/SafeHTMLComponent/index.js';
+import ProgressBar from '../../components/ProgressBar/ProgressBar.js';
+import ProgressBarWrapper from '../../components/ProgressBar/ProgressBarWrapper.js';
+import NftImage from './components/NFTImage/NFTImage.js';
+import YourBondModalHeader from './components/YourBondModalHeader/YourBondModalHeader.js';
+import Actions from './components/Actions/Actions.js';
+import '../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import ActionsSolana from './components/Actions/ActionsSolana.js';
+import { __exports as main } from '../../_virtual/main.js';
+import { jsx, jsxs } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const YourBondsModal = ({ userBill, lostProfit, onDismiss, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    // State
+    const [showNFTImg, setShowNFTImg] = useState(false);
+    // Static Data
+    const depositUSD = (_b = (_a = userBill === null || userBill === void 0 ? void 0 : userBill.nftData) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.dollarValue;
+    const payout = (_d = (_c = userBill === null || userBill === void 0 ? void 0 : userBill.nftData) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.payout;
+    const payoutTokenPrice = parseFloat((_f = (_e = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _e === void 0 ? void 0 : _e.payoutTokenPrice) !== null && _f !== void 0 ? _f : '0');
+    const payoutUSD = payout && payoutTokenPrice ? payout * payoutTokenPrice : 0;
+    const payoutSymbol = (_h = (_g = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _g === void 0 ? void 0 : _g.showcaseTokenName) !== null && _h !== void 0 ? _h : (_j = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _j === void 0 ? void 0 : _j.earnToken.symbol;
+    const payoutTokenSymbol = payoutSymbol === 'AIX' && ((_k = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _k === void 0 ? void 0 : _k.chainId) === main.ChainId.SOL ? 'SOLAIX' : payoutSymbol;
+    // Cliff display info:
+    const vestingCliff = (_l = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _l === void 0 ? void 0 : _l.vestingCliff;
+    const currentTime = Math.round(new Date().getTime() / 1000);
+    const vestingStartTimestamp = parseInt((_m = userBill === null || userBill === void 0 ? void 0 : userBill.vestingStartTimestamp) !== null && _m !== void 0 ? _m : '0');
+    const isPendingCliff = vestingCliff ? currentTime - vestingStartTimestamp < vestingCliff : false;
+    const cliffCountdown = getTimePeriods(vestingStartTimestamp + (vestingCliff !== null && vestingCliff !== void 0 ? vestingCliff : 0) - currentTime, true);
+    return (jsx(Modal, { sx: {
+            width: '480px',
+            overflowY: 'unset !important',
+            background: showNFTImg ? 'transparent !important' : 'white2',
+            p: '0px',
+            top: '56%',
+        }, children: jsxs(Flex, { sx: {
+                flexDirection: 'column',
+                borderRadius: 'normal',
+                position: 'relative',
+                background: showNFTImg ? 'transparent !important' : 'white2',
+                p: '20px',
+            }, children: [jsx(NftImage, { userBill: userBill, showNFTImg: showNFTImg, setShowNFTImg: setShowNFTImg }), !showNFTImg && (jsxs(Flex, { sx: { flexDirection: 'column' }, children: [jsx(YourBondModalHeader, { userBill: userBill, onDismiss: onDismiss }), jsxs(Flex, { sx: { mt: '10px', flexDirection: 'column', gap: '10px' }, children: [jsxs(Flex, { sx: { width: '100%', gap: '15px', position: 'relative' }, children: [jsxs(Flex, { sx: {
+                                                background: 'white3',
+                                                borderRadius: 'normal',
+                                                justifyContent: 'space-between',
+                                                p: '10px',
+                                                width: '50%',
+                                                alignItems: 'center',
+                                                fontSize: '14px',
+                                            }, children: [jsx(Flex, { children: "Deposit" }), jsxs(Flex, { children: ["$", formatNumberSI(depositUSD)] })] }), jsx(Flex, { sx: { position: 'absolute', top: '50%', left: '50%', transform: 'translateY(-50%) translateX(-50%)' }, children: jsx(Svg, { icon: "arrow", direction: "right", width: '5px' }) }), jsxs(Flex, { sx: {
+                                                background: 'white3',
+                                                borderRadius: 'normal',
+                                                justifyContent: 'space-between',
+                                                p: '10px',
+                                                width: '50%',
+                                                alignItems: 'center',
+                                                fontSize: '14px',
+                                            }, children: [jsx(Flex, { children: "Bond Value" }), jsxs(Flex, { sx: { alignItems: 'center', gap: '5px' }, children: [jsx(TokenImage, { symbol: payoutTokenSymbol, size: 22 }), jsxs(Flex, { sx: { flexDirection: 'column', fontSize: '14px', lineHeight: '16px' }, children: [jsx(Flex, { sx: { justifyContent: 'center' }, children: formatNumberSI(payout !== null && payout !== void 0 ? payout : '0') }), jsxs(Flex, { sx: { fontSize: '10px', fontWeight: 400, opacity: 0.6, justifyContent: 'center' }, children: ["($", formatNumberSI(payoutUSD), ")"] })] })] })] })] }), lostProfit && (jsxs(Flex, { sx: {
+                                        background: 'white3',
+                                        borderRadius: 'normal',
+                                        width: '100%',
+                                        p: '10px',
+                                        justifyContent: 'space-between',
+                                    }, children: [jsx(Flex, { sx: { width: '20%' }, children: jsx("img", { src: `https://ape.bond/images/launch/mythical.png`, alt: "mythical", style: { width: '90px', height: '90px' } }) }), jsxs(Flex, { sx: { width: '75%', flexDirection: 'column', gap: '3px' }, children: [jsxs(Flex, { children: ["You missed a ", jsxs(Flex, { sx: { color: 'success', px: '3px' }, children: ["$", lostProfit] }), " bonus"] }), jsx(Flex, { sx: { fontSize: '12px', lineHeight: '16px', fontWeight: 400 }, children: "Holding an Ape Tier would\u2019ve gotten you an extra 5% bonus on this purchase and all future ones." }), jsx(Button, { variant: "secondary", sx: { width: '100%', fontSize: '14px', height: '30px', fontWeight: 600 }, onClick: () => window.open('https://ape.bond/true-yield', '_blank'), children: "Upgrade Your Tier" })] })] })), jsxs(Flex, { sx: {
+                                        flexDirection: 'column',
+                                        fontSize: '12px',
+                                        fontWeight: 400,
+                                    }, children: [jsxs(Flex, { sx: {
+                                                width: '100%',
+                                                justifyContent: 'space-between',
+                                                alignItems: 'center',
+                                                p: '4px 10px',
+                                                background: 'white3',
+                                                borderRadius: '10px 10px 0px 0px',
+                                            }, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '5px' }, children: [jsx(Flex, { sx: { opacity: 0.6 }, children: "Vesting Progress" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: UserBillTooltipText.FullyVested }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "block-header icon", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsx(Flex, { sx: { alignItems: 'center' }, children: isPendingCliff ? (jsxs(Fragment, { children: ["Claiming starts in", ' ', `${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`] })) : (jsx(ProgressBarWrapper, { title: '', value: jsx(ProgressBar, { value: getPercentageVested(userBill) }), style: {
+                                                            width: '100px',
+                                                            flexDirection: 'column',
+                                                            alignItems: 'center',
+                                                        }, showTooltip: true, toolTip: getTimeLeftForFullyVested(userBill) > 0
+                                                            ? `Fully vested in ${getPendingVestingString(userBill)}.`
+                                                            : `Fully Vested.` })) })] }), jsxs(Flex, { sx: {
+                                                width: '100%',
+                                                justifyContent: 'space-between',
+                                                alignItems: 'center',
+                                                p: '4px 10px',
+                                                background: 'white4',
+                                                height: '26px',
+                                            }, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '5px' }, children: [jsx(Flex, { sx: { opacity: 0.6 }, children: "Pending" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: UserBillTooltipText.Pending }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "block-header icon", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx(TokenImage, { symbol: payoutTokenSymbol, size: 18 }), jsx(Text, { sx: { fontSize: '12px', fontWeight: 700, ml: '10px' }, children: formatNumberSI(pending(userBill), 4) }), jsxs(Text, { sx: {
+                                                                fontSize: ['10px', '10px', '10px', '12px'],
+                                                                fontWeight: 400,
+                                                                ml: '10px',
+                                                                opacity: 0.6,
+                                                            }, children: ["($", formatNumberSI(pendingUSD(userBill)), ")"] })] })] }), jsxs(Flex, { sx: {
+                                                width: '100%',
+                                                justifyContent: 'space-between',
+                                                alignItems: 'center',
+                                                p: '4px 10px',
+                                                background: 'white3',
+                                                height: '26px',
+                                            }, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '5px' }, children: [jsx(Flex, { sx: { opacity: 0.6 }, children: "Claimable" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: UserBillTooltipText.Claimable }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "block-header icon", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx(TokenImage, { symbol: payoutTokenSymbol, size: 18 }), jsx(Text, { sx: { fontSize: '12px', fontWeight: 700, ml: '10px' }, children: formatNumberSI(claimable(userBill), 4) }), jsxs(Text, { sx: {
+                                                                fontSize: ['10px', '10px', '10px', '12px'],
+                                                                fontWeight: 400,
+                                                                ml: '10px',
+                                                                opacity: 0.6,
+                                                            }, children: ["($", formatNumberSI(claimableUSD(userBill)), ")"] })] })] }), jsxs(Flex, { sx: {
+                                                width: '100%',
+                                                justifyContent: 'space-between',
+                                                alignItems: 'center',
+                                                p: '4px 10px',
+                                                background: 'white4',
+                                                height: '26px',
+                                                borderRadius: '0px 0px 10px 10px',
+                                            }, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '5px' }, children: [jsx(Flex, { sx: { opacity: 0.6 }, children: "Claimed" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: UserBillTooltipText.Claimed }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "block-header icon", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx(TokenImage, { symbol: payoutTokenSymbol, size: 18 }), jsx(Text, { sx: { fontSize: '12px', fontWeight: 700, ml: '10px' }, children: formatNumberSI(claimed(userBill), 4) }), jsxs(Text, { sx: {
+                                                                fontSize: ['10px', '10px', '10px', '12px'],
+                                                                fontWeight: 400,
+                                                                ml: '10px',
+                                                                opacity: 0.6,
+                                                            }, children: ["($", formatNumberSI(claimedUSD(userBill)), ")"] })] })] })] }), ((_o = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _o === void 0 ? void 0 : _o.warningCard) && (jsx(Flex, { sx: {
+                                        width: '100%',
+                                        background: '#DE62F366',
+                                        justifyContent: 'center',
+                                        borderRadius: 'normal',
+                                    }, children: jsx(Text, { sx: { fontSize: '12px', fontWeight: 400, p: '4px 10px', lineHeight: '16px' }, children: jsx(SafeHTMLComponent, { html: (_p = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _p === void 0 ? void 0 : _p.warningCard }) }) })), jsx(Flex, { sx: {
+                                        width: '100%',
+                                        justifyContent: 'space-between',
+                                        gap: ['10px', '10px', '10px', '15px'],
+                                        height: '40px',
+                                    }, children: ((_q = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _q === void 0 ? void 0 : _q.chainId) === main.ChainId.SOL ? (jsx(ActionsSolana, { userBill: userBill })) : (jsx(Actions, { userBill: userBill })) }), !lostProfit && jsx(Recommendations, { billAddress: userBill === null || userBill === void 0 ? void 0 : userBill.address })] })] }))] }) }));
+};
+
+export { YourBondsModal as default };
+//# sourceMappingURL=YourBondsModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"YourBondsModal.js","sources":["../../../src/views/YourBondsModal/YourBondsModal.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { UserBill } from '../../types/yourbonds'\nimport TokenImage from '../../components/uikit-sdk/TokenImage'\nimport { Button, Flex, Modal, Svg, Text, TooltipBubble } from '../../components/uikit-sdk'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport { UserBillTooltipText } from '../../config/constants/tooltips'\nimport Recommendations from './components/Recommendations/Recommendations'\nimport {\n  claimable,\n  claimableUSD,\n  claimed,\n  claimedUSD,\n  getPendingVestingString,\n  getPercentageVested,\n  getTimeLeftForFullyVested,\n  pending,\n  pendingUSD,\n} from '../../utils/displayHelpers'\nimport { getTimePeriods } from '../../utils/getTimePeriods'\nimport SafeHTMLComponent from '../../components/SafeHTMLComponent'\nimport ProgressBar from '../../components/ProgressBar/ProgressBar'\nimport ProgressBarWrapper from '../../components/ProgressBar/ProgressBarWrapper'\nimport NFTImage from './components/NFTImage/NFTImage'\nimport YourBondModalHeader from './components/YourBondModalHeader/YourBondModalHeader'\nimport Actions from './components/Actions/Actions'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport ActionsSolana from './components/Actions/ActionsSolana'\n\nconst YourBondsModal = ({\n  userBill,\n  lostProfit,\n  onDismiss,\n}: {\n  userBill?: UserBill\n  lostProfit?: string\n  onDismiss?: () => void\n}) => {\n  // State\n  const [showNFTImg, setShowNFTImg] = useState(false)\n\n  // Static Data\n  const depositUSD = userBill?.nftData?.data?.dollarValue\n  const payout = userBill?.nftData?.data?.payout\n  const payoutTokenPrice = parseFloat(userBill?.bond?.payoutTokenPrice ?? '0')\n  const payoutUSD = payout && payoutTokenPrice ? payout * payoutTokenPrice : 0\n  const payoutSymbol = userBill?.bond?.showcaseTokenName ?? userBill?.bond?.earnToken.symbol\n  const payoutTokenSymbol = payoutSymbol === 'AIX' && userBill?.bond?.chainId === ChainId.SOL ? 'SOLAIX' : payoutSymbol\n\n  // Cliff display info:\n  const vestingCliff = userBill?.bond?.vestingCliff\n  const currentTime = Math.round(new Date().getTime() / 1000)\n  const vestingStartTimestamp = parseInt(userBill?.vestingStartTimestamp ?? '0')\n  const isPendingCliff = vestingCliff ? currentTime - vestingStartTimestamp < vestingCliff : false\n  const cliffCountdown = getTimePeriods(vestingStartTimestamp + (vestingCliff ?? 0) - currentTime, true)\n\n  return (\n    <Modal\n      sx={{\n        width: '480px',\n        overflowY: 'unset !important',\n        background: showNFTImg ? 'transparent !important' : 'white2',\n        p: '0px',\n        top: '56%',\n      }}\n    >\n      <Flex\n        sx={{\n          flexDirection: 'column',\n          borderRadius: 'normal',\n          position: 'relative',\n          background: showNFTImg ? 'transparent !important' : 'white2',\n          p: '20px',\n        }}\n      >\n        <NFTImage userBill={userBill} showNFTImg={showNFTImg} setShowNFTImg={setShowNFTImg} />\n\n        {/* Modal Content */}\n\n        {!showNFTImg && (\n          <Flex sx={{ flexDirection: 'column' }}>\n            <YourBondModalHeader userBill={userBill} onDismiss={onDismiss} />\n            <Flex sx={{ mt: '10px', flexDirection: 'column', gap: '10px' }}>\n              <Flex sx={{ width: '100%', gap: '15px', position: 'relative' }}>\n                <Flex\n                  sx={{\n                    background: 'white3',\n                    borderRadius: 'normal',\n                    justifyContent: 'space-between',\n                    p: '10px',\n                    width: '50%',\n                    alignItems: 'center',\n                    fontSize: '14px',\n                  }}\n                >\n                  <Flex>Deposit</Flex>\n                  <Flex>${formatNumberSI(depositUSD)}</Flex>\n                </Flex>\n                <Flex\n                  sx={{ position: 'absolute', top: '50%', left: '50%', transform: 'translateY(-50%) translateX(-50%)' }}\n                >\n                  <Svg icon=\"arrow\" direction=\"right\" width={'5px'} />\n                </Flex>\n                <Flex\n                  sx={{\n                    background: 'white3',\n                    borderRadius: 'normal',\n                    justifyContent: 'space-between',\n                    p: '10px',\n                    width: '50%',\n                    alignItems: 'center',\n                    fontSize: '14px',\n                  }}\n                >\n                  <Flex>Bond Value</Flex>\n                  <Flex sx={{ alignItems: 'center', gap: '5px' }}>\n                    <TokenImage symbol={payoutTokenSymbol} size={22} />\n                    <Flex sx={{ flexDirection: 'column', fontSize: '14px', lineHeight: '16px' }}>\n                      <Flex sx={{ justifyContent: 'center' }}>{formatNumberSI(payout ?? '0')}</Flex>\n                      <Flex sx={{ fontSize: '10px', fontWeight: 400, opacity: 0.6, justifyContent: 'center' }}>\n                        (${formatNumberSI(payoutUSD)})\n                      </Flex>\n                    </Flex>\n                  </Flex>\n                </Flex>\n              </Flex>\n              {lostProfit && (\n                <Flex\n                  sx={{\n                    background: 'white3',\n                    borderRadius: 'normal',\n                    width: '100%',\n                    p: '10px',\n                    justifyContent: 'space-between',\n                  }}\n                >\n                  <Flex sx={{ width: '20%' }}>\n                    <img\n                      src={`https://ape.bond/images/launch/mythical.png`}\n                      alt=\"mythical\"\n                      style={{ width: '90px', height: '90px' }}\n                    />\n                  </Flex>\n                  <Flex sx={{ width: '75%', flexDirection: 'column', gap: '3px' }}>\n                    <Flex>\n                      You missed a <Flex sx={{ color: 'success', px: '3px' }}>${lostProfit}</Flex> bonus\n                    </Flex>\n                    <Flex sx={{ fontSize: '12px', lineHeight: '16px', fontWeight: 400 }}>\n                      Holding an Ape Tier would’ve gotten you an extra 5% bonus on this purchase and all future ones.\n                    </Flex>\n                    <Button\n                      variant=\"secondary\"\n                      sx={{ width: '100%', fontSize: '14px', height: '30px', fontWeight: 600 }}\n                      onClick={() => window.open('https://ape.bond/true-yield', '_blank')}\n                    >\n                      Upgrade Your Tier\n                    </Button>\n                  </Flex>\n                </Flex>\n              )}\n              <Flex\n                sx={{\n                  flexDirection: 'column',\n                  fontSize: '12px',\n                  fontWeight: 400,\n                }}\n              >\n                <Flex\n                  sx={{\n                    width: '100%',\n                    justifyContent: 'space-between',\n                    alignItems: 'center',\n                    p: '4px 10px',\n                    background: 'white3',\n                    borderRadius: '10px 10px 0px 0px',\n                  }}\n                >\n                  <Flex sx={{ alignItems: 'center', gap: '5px' }}>\n                    <Flex sx={{ opacity: 0.6 }}>Vesting Progress</Flex>\n                    <TooltipBubble\n                      className=\"tooltip-bubble\"\n                      body={<Flex>{UserBillTooltipText.FullyVested}</Flex>}\n                      width=\"230px\"\n                      placement=\"bottomLeft\"\n                      transformTip=\"translate(-5%, 0%)\"\n                    >\n                      <Flex className=\"block-header icon\">\n                        <Svg icon=\"questionCircle\" width=\"12px\" />\n                      </Flex>\n                    </TooltipBubble>\n                  </Flex>\n                  <Flex sx={{ alignItems: 'center' }}>\n                    {isPendingCliff ? (\n                      <>\n                        Claiming starts in{' '}\n                        {`${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`}\n                      </>\n                    ) : (\n                      <ProgressBarWrapper\n                        title={''}\n                        value={<ProgressBar value={getPercentageVested(userBill)} />}\n                        style={{\n                          width: '100px',\n                          flexDirection: 'column',\n                          alignItems: 'center',\n                        }}\n                        showTooltip={true}\n                        toolTip={\n                          getTimeLeftForFullyVested(userBill) > 0\n                            ? `Fully vested in ${getPendingVestingString(userBill)}.`\n                            : `Fully Vested.`\n                        }\n                      />\n                    )}\n                  </Flex>\n                </Flex>\n                <Flex\n                  sx={{\n                    width: '100%',\n                    justifyContent: 'space-between',\n                    alignItems: 'center',\n                    p: '4px 10px',\n                    background: 'white4',\n                    height: '26px',\n                  }}\n                >\n                  <Flex sx={{ alignItems: 'center', gap: '5px' }}>\n                    <Flex sx={{ opacity: 0.6 }}>Pending</Flex>\n                    <TooltipBubble\n                      className=\"tooltip-bubble\"\n                      body={<Flex>{UserBillTooltipText.Pending}</Flex>}\n                      width=\"230px\"\n                      placement=\"bottomLeft\"\n                      transformTip=\"translate(-5%, 0%)\"\n                    >\n                      <Flex className=\"block-header icon\">\n                        <Svg icon=\"questionCircle\" width=\"12px\" />\n                      </Flex>\n                    </TooltipBubble>\n                  </Flex>\n                  <Flex sx={{ alignItems: 'center' }}>\n                    <TokenImage symbol={payoutTokenSymbol} size={18} />\n                    <Text sx={{ fontSize: '12px', fontWeight: 700, ml: '10px' }}>\n                      {formatNumberSI(pending(userBill), 4)}\n                    </Text>\n                    <Text\n                      sx={{\n                        fontSize: ['10px', '10px', '10px', '12px'],\n                        fontWeight: 400,\n                        ml: '10px',\n                        opacity: 0.6,\n                      }}\n                    >\n                      (${formatNumberSI(pendingUSD(userBill))})\n                    </Text>\n                  </Flex>\n                </Flex>\n                <Flex\n                  sx={{\n                    width: '100%',\n                    justifyContent: 'space-between',\n                    alignItems: 'center',\n                    p: '4px 10px',\n                    background: 'white3',\n                    height: '26px',\n                  }}\n                >\n                  <Flex sx={{ alignItems: 'center', gap: '5px' }}>\n                    <Flex sx={{ opacity: 0.6 }}>Claimable</Flex>\n                    <TooltipBubble\n                      className=\"tooltip-bubble\"\n                      body={<Flex>{UserBillTooltipText.Claimable}</Flex>}\n                      width=\"230px\"\n                      placement=\"bottomLeft\"\n                      transformTip=\"translate(-5%, 0%)\"\n                    >\n                      <Flex className=\"block-header icon\">\n                        <Svg icon=\"questionCircle\" width=\"12px\" />\n                      </Flex>\n                    </TooltipBubble>\n                  </Flex>\n                  <Flex sx={{ alignItems: 'center' }}>\n                    <TokenImage symbol={payoutTokenSymbol} size={18} />\n                    <Text sx={{ fontSize: '12px', fontWeight: 700, ml: '10px' }}>\n                      {formatNumberSI(claimable(userBill), 4)}\n                    </Text>\n                    <Text\n                      sx={{\n                        fontSize: ['10px', '10px', '10px', '12px'],\n                        fontWeight: 400,\n                        ml: '10px',\n                        opacity: 0.6,\n                      }}\n                    >\n                      (${formatNumberSI(claimableUSD(userBill))})\n                    </Text>\n                  </Flex>\n                </Flex>\n                <Flex\n                  sx={{\n                    width: '100%',\n                    justifyContent: 'space-between',\n                    alignItems: 'center',\n                    p: '4px 10px',\n                    background: 'white4',\n                    height: '26px',\n                    borderRadius: '0px 0px 10px 10px',\n                  }}\n                >\n                  <Flex sx={{ alignItems: 'center', gap: '5px' }}>\n                    <Flex sx={{ opacity: 0.6 }}>Claimed</Flex>\n                    <TooltipBubble\n                      className=\"tooltip-bubble\"\n                      body={<Flex>{UserBillTooltipText.Claimed}</Flex>}\n                      width=\"230px\"\n                      placement=\"bottomLeft\"\n                      transformTip=\"translate(-5%, 0%)\"\n                    >\n                      <Flex className=\"block-header icon\">\n                        <Svg icon=\"questionCircle\" width=\"12px\" />\n                      </Flex>\n                    </TooltipBubble>\n                  </Flex>\n                  <Flex sx={{ alignItems: 'center' }}>\n                    <TokenImage symbol={payoutTokenSymbol} size={18} />\n                    <Text sx={{ fontSize: '12px', fontWeight: 700, ml: '10px' }}>\n                      {formatNumberSI(claimed(userBill), 4)}\n                    </Text>\n                    <Text\n                      sx={{\n                        fontSize: ['10px', '10px', '10px', '12px'],\n                        fontWeight: 400,\n                        ml: '10px',\n                        opacity: 0.6,\n                      }}\n                    >\n                      (${formatNumberSI(claimedUSD(userBill))})\n                    </Text>\n                  </Flex>\n                </Flex>\n              </Flex>\n              {userBill?.bond?.warningCard && (\n                <Flex\n                  sx={{\n                    width: '100%',\n                    background: '#DE62F366',\n                    justifyContent: 'center',\n                    borderRadius: 'normal',\n                  }}\n                >\n                  <Text sx={{ fontSize: '12px', fontWeight: 400, p: '4px 10px', lineHeight: '16px' }}>\n                    <SafeHTMLComponent html={userBill?.bond?.warningCard} />\n                  </Text>\n                </Flex>\n              )}\n              <Flex\n                sx={{\n                  width: '100%',\n                  justifyContent: 'space-between',\n                  gap: ['10px', '10px', '10px', '15px'],\n                  height: '40px',\n                }}\n              >\n                {userBill?.bond?.chainId === ChainId.SOL ? (\n                  <ActionsSolana userBill={userBill} />\n                ) : (\n                  <Actions userBill={userBill} />\n                )}\n              </Flex>\n              {!lostProfit && <Recommendations billAddress={userBill?.address} />}\n            </Flex>\n          </Flex>\n        )}\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default YourBondsModal\n"],"names":["ChainId","_jsx","_jsxs","NFTImage","_Fragment"],"mappings":"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"}

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

@@ -0,0 +1,146 @@
+import { useState, useEffect, 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 { claimable } from '../../../../utils/displayHelpers.js';
+import { useSwitchChain, useChainId, useWriteContract } from 'wagmi';
+import { useMonitorTx } from '../../../../hooks/useMonitorTx.js';
+import useBondsData from '../../../../state/bonds/useBondsData.js';
+import BOND_ABI from '../../../../config/abi/BOND_2_4_0.json.js';
+import track from '../../../../utils/track.js';
+import { remove0xPrefix } from '../../../../utils/remove0xPrefix.js';
+import { reportError } from '../../../../utils/reportError.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+import useEVMAccount from '../../../../hooks/accounts/useEVMAccount.js';
+import { usePopups } from '../../../../state/popups/usePopups.js';
+import useUserBonds from '../../../../state/bonds/useUserBonds.js';
+import { getTimePeriods } from '../../../../utils/getTimePeriods.js';
+import useModal from '../../../../hooks/useModal.js';
+import AbondModal from '../../../../components/CustomClaimModals/AbondModal.js';
+import OabondModal from '../../../../components/CustomClaimModals/OabondModal.js';
+import PmusdModal from '../../../../components/CustomClaimModals/PmusdModal.js';
+import { jsx, jsxs } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const Actions = ({ userBill }) => {
+    var _a, _b, _c;
+    // Hooks
+    const { switchChainAsync } = useSwitchChain();
+    const { data: liveBonds } = useBondsData();
+    const SDKConfig = useSDKConfig();
+    const chainId = useChainId();
+    const { writeContractAsync } = useWriteContract();
+    const { address: account } = useEVMAccount();
+    const { addToastError } = usePopups();
+    const { refetch: refetchUserBonds } = useUserBonds();
+    // State
+    const [claimTxHash, setClaimTxHash] = useState(null);
+    const [loadingTx, setLoadingTx] = useState(false);
+    const { isLoading, isSuccess: isConfirmed } = useMonitorTx(claimTxHash, (_a = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _a === void 0 ? void 0 : _a.chainId);
+    // Static Data
+    const load = loadingTx || (isLoading && !isConfirmed);
+    const similarLiveBond = liveBonds === null || liveBonds === void 0 ? void 0 : liveBonds.find((bond) => {
+        var _a, _b, _c, _d, _e;
+        return !(bond === null || bond === void 0 ? void 0 : bond.soldOut) &&
+            !(bond === null || bond === void 0 ? void 0 : bond.hide) &&
+            ((_b = (_a = bond === null || bond === void 0 ? void 0 : bond.earnToken) === null || _a === void 0 ? void 0 : _a.symbol) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === ((_e = (_d = (_c = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _c === void 0 ? void 0 : _c.earnToken) === null || _d === void 0 ? void 0 : _d.symbol) === null || _e === void 0 ? void 0 : _e.toLowerCase());
+    });
+    const canPurchaseAgain = !!similarLiveBond;
+    const vestingCliff = (_b = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _b === void 0 ? void 0 : _b.vestingCliff;
+    const currentTime = Math.round(new Date().getTime() / 1000);
+    const purchaseTimestamp = parseInt((_c = userBill === null || userBill === void 0 ? void 0 : userBill.vestingStartTimestamp) !== null && _c !== void 0 ? _c : '0');
+    const isPendingCliff = vestingCliff ? currentTime - purchaseTimestamp < vestingCliff : false;
+    const cliffCountdown = getTimePeriods(purchaseTimestamp + (vestingCliff !== null && vestingCliff !== void 0 ? vestingCliff : 0) - currentTime, true);
+    const handleClaim = async (billId, billAddress) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const address = billAddress;
+        try {
+            setLoadingTx(true);
+            const tx = await writeContractAsync({
+                address: address,
+                abi: BOND_ABI,
+                functionName: 'redeem',
+                args: [billId],
+                chain: chainId,
+                account: account,
+            }).catch();
+            if (tx) {
+                setClaimTxHash(tx);
+                track({
+                    event: 'bond',
+                    chain: (_a = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _a === void 0 ? void 0 : _a.chainId,
+                    data: {
+                        cat: 'claim',
+                        bondType: (_b = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _b === void 0 ? void 0 : _b.billType,
+                        address: remove0xPrefix((_d = (_c = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _c === void 0 ? void 0 : _c.contractAddress) === null || _d === void 0 ? void 0 : _d[(_e = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _e === void 0 ? void 0 : _e.chainId]),
+                        earnToken: (_f = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _f === void 0 ? void 0 : _f.earnToken.symbol,
+                    },
+                });
+            }
+            setLoadingTx(false);
+        }
+        catch (error) {
+            console.error('Claim Failed:', error);
+            setLoadingTx(false);
+            addToastError(error.message);
+            reportError({
+                apiUrl: (_g = SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.urls) === null || _g === void 0 ? void 0 : _g.apiV2,
+                error,
+                extraInfo: { type: 'redeem', userBill, error },
+                chainId,
+                account,
+            });
+        }
+    };
+    // Modals
+    const [openAbondModal] = useModal(jsx(AbondModal, {}), true, false, 'abondModal');
+    const [openOabondModal] = useModal(jsx(OabondModal, {}), true, false, 'oAbondModal');
+    const [openPmusdModal] = useModal(jsx(PmusdModal, {}), true, false, 'pmUSDModal');
+    useEffect(() => {
+        var _a, _b, _c;
+        if (isConfirmed) {
+            refetchUserBonds();
+            if (((_a = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _a === void 0 ? void 0 : _a.earnToken.symbol.toLowerCase()) === 'abond') {
+                openAbondModal();
+            }
+            if (((_b = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _b === void 0 ? void 0 : _b.earnToken.symbol.toLowerCase()) === 'oabond') {
+                openOabondModal();
+            }
+            if (((_c = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _c === void 0 ? void 0 : _c.earnToken.symbol.toLowerCase()) === 'pmusd') {
+                openPmusdModal();
+            }
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [isConfirmed]);
+    return (jsxs(Fragment, { children: [jsx(Button, { variant: "secondary", disabled: claimable(userBill) === 0 || load || !userBill || isPendingCliff, load: load, onClick: (event) => {
+                    var _a, _b;
+                    event.stopPropagation();
+                    if (chainId !== ((_a = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _a === void 0 ? void 0 : _a.chainId)) {
+                        switchChainAsync({ chainId: (_b = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _b === void 0 ? void 0 : _b.chainId })
+                            .then(() => {
+                            handleClaim(userBill === null || userBill === void 0 ? void 0 : userBill.id, userBill === null || userBill === void 0 ? void 0 : userBill.address);
+                        })
+                            .catch();
+                    }
+                    else {
+                        handleClaim(userBill === null || userBill === void 0 ? void 0 : userBill.id, userBill === null || userBill === void 0 ? void 0 : userBill.address);
+                    }
+                }, sx: { fontSize: '14px', width: '100%' }, children: isPendingCliff
+                    ? `Claimable in ${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`
+                    : 'Claim' }), jsx(Button, { sx: { fontSize: '14px', width: '100%' }, onClick: () => canPurchaseAgain
+                    ? (window.location.href = `https://ape.bond/bonds?bondAddress=${similarLiveBond.contractAddress[similarLiveBond.chainId]}&bondChain=${similarLiveBond.chainId}`)
+                    : null, disabled: !canPurchaseAgain, children: canPurchaseAgain ? 'Buy again' : 'sold out' })] }));
+};
+
+export { Actions as default };
+//# sourceMappingURL=Actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../src/views/YourBondsModal/components/Actions/Actions.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { Button } from '../../../../components/uikit-sdk'\nimport { claimable } from '../../../../utils/displayHelpers'\nimport { UserBill } from '../../../../types/yourbonds'\nimport { useChainId, useSwitchChain, useWriteContract } from 'wagmi'\nimport { useMonitorTx } from '../../../../hooks/useMonitorTx'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport BOND_ABI from '../../../../config/abi/BOND_2_4_0.json'\nimport track from '../../../../utils/track'\nimport { remove0xPrefix } from '../../../../utils/remove0xPrefix'\nimport { reportError } from '../../../../utils/reportError'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport useUserBonds from '../../../../state/bonds/useUserBonds'\nimport { getTimePeriods } from '../../../../utils/getTimePeriods'\nimport useModal from '../../../../hooks/useModal'\nimport { AbondModal, OabondModal, PmusdModal } from '../../../../components/CustomClaimModals'\n\nconst Actions = ({ userBill }: { userBill?: UserBill }) => {\n  // Hooks\n  const { switchChainAsync } = useSwitchChain()\n  const { data: liveBonds } = useBondsData()\n  const SDKConfig = useSDKConfig()\n  const chainId = useChainId()\n  const { writeContractAsync } = useWriteContract()\n  const { address: account } = useEVMAccount()\n  const { addToastError } = usePopups()\n  const { refetch: refetchUserBonds } = useUserBonds()\n\n  // State\n  const [claimTxHash, setClaimTxHash] = useState<string | null>(null)\n  const [loadingTx, setLoadingTx] = useState(false)\n  const { isLoading, isSuccess: isConfirmed } = useMonitorTx(claimTxHash, userBill?.bond?.chainId)\n\n  // Static Data\n  const load = loadingTx || (isLoading && !isConfirmed)\n  const similarLiveBond = liveBonds?.find(\n    (bond) =>\n      !bond?.soldOut &&\n      !bond?.hide &&\n      bond?.earnToken?.symbol?.toLowerCase() === userBill?.bond?.earnToken?.symbol?.toLowerCase(),\n  )\n  const canPurchaseAgain = !!similarLiveBond\n  const vestingCliff = userBill?.bond?.vestingCliff\n  const currentTime = Math.round(new Date().getTime() / 1000)\n  const purchaseTimestamp = parseInt(userBill?.vestingStartTimestamp ?? '0')\n  const isPendingCliff = vestingCliff ? currentTime - purchaseTimestamp < vestingCliff : false\n  const cliffCountdown = getTimePeriods(purchaseTimestamp + (vestingCliff ?? 0) - currentTime, true)\n\n  const handleClaim = async (billId?: string, billAddress?: string) => {\n    const address: `0x${string}` = billAddress as `0x${string}`\n    try {\n      setLoadingTx(true)\n      const tx = await writeContractAsync({\n        address: address,\n        abi: BOND_ABI,\n        functionName: 'redeem',\n        args: [billId],\n        chain: chainId as any,\n        account: account,\n      }).catch()\n\n      if (tx) {\n        setClaimTxHash(tx)\n        track({\n          event: 'bond',\n          chain: userBill?.bond?.chainId,\n          data: {\n            cat: 'claim',\n            bondType: userBill?.bond?.billType,\n            address: remove0xPrefix(userBill?.bond?.contractAddress?.[userBill?.bond?.chainId]),\n            earnToken: userBill?.bond?.earnToken.symbol,\n          },\n        })\n      }\n      setLoadingTx(false)\n    } catch (error: any) {\n      console.error('Claim Failed:', error)\n      setLoadingTx(false)\n      addToastError(error.message)\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error,\n        extraInfo: { type: 'redeem', userBill, error },\n        chainId,\n        account,\n      })\n    }\n  }\n\n  // Modals\n  const [openAbondModal] = useModal(<AbondModal />, true, false, 'abondModal')\n  const [openOabondModal] = useModal(<OabondModal />, true, false, 'oAbondModal')\n  const [openPmusdModal] = useModal(<PmusdModal />, true, false, 'pmUSDModal')\n\n  useEffect(() => {\n    if (isConfirmed) {\n      refetchUserBonds()\n      if (userBill?.bond?.earnToken.symbol.toLowerCase() === 'abond') {\n        openAbondModal()\n      }\n      if (userBill?.bond?.earnToken.symbol.toLowerCase() === 'oabond') {\n        openOabondModal()\n      }\n      if (userBill?.bond?.earnToken.symbol.toLowerCase() === 'pmusd') {\n        openPmusdModal()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [isConfirmed])\n\n  return (\n    <>\n      <Button\n        variant=\"secondary\"\n        disabled={claimable(userBill) === 0 || load || !userBill || isPendingCliff}\n        load={load}\n        onClick={(event) => {\n          event.stopPropagation()\n          if (chainId !== userBill?.bond?.chainId) {\n            switchChainAsync({ chainId: userBill?.bond?.chainId! })\n              .then(() => {\n                handleClaim(userBill?.id, userBill?.address)\n              })\n              .catch()\n          } else {\n            handleClaim(userBill?.id, userBill?.address)\n          }\n        }}\n        sx={{ fontSize: '14px', width: '100%' }}\n      >\n        {isPendingCliff\n          ? `Claimable in ${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`\n          : 'Claim'}\n      </Button>\n      <Button\n        sx={{ fontSize: '14px', width: '100%' }}\n        onClick={() =>\n          canPurchaseAgain\n            ? (window.location.href = `https://ape.bond/bonds?bondAddress=${similarLiveBond.contractAddress[similarLiveBond.chainId]}&bondChain=${similarLiveBond.chainId}`)\n            : null\n        }\n        disabled={!canPurchaseAgain}\n      >\n        {canPurchaseAgain ? 'Buy again' : 'sold out'}\n      </Button>\n    </>\n  )\n}\n\nexport default Actions\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/views/YourBondsModal/components/Actions/ActionsSolana.js

@@ -0,0 +1,166 @@
+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 { claimable } from '../../../../utils/displayHelpers.js';
+import useSOLAccount from '../../../../hooks/accounts/useSOLAccount.js';
+import { getTimePeriods } from '../../../../utils/getTimePeriods.js';
+import { Connection, PublicKey, TransactionInstruction, Transaction } from '@solana/web3.js';
+import { ASSOCIATED_TOKEN_PROGRAM_ID } from '@solana/spl-token';
+import { PROGRAM_ID, COMMON_CONST_SEED, COMMON_PDA_PROGRAM, CLAIM_DISCRIMINATOR } from '../../../../constants/solanaConstants.js';
+import '../../../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import { getRPC } from '../../../../config/constants/networks.js';
+import useUserBonds from '../../../../state/bonds/useUserBonds.js';
+import { usePopups } from '../../../../state/popups/usePopups.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+import useBondsData from '../../../../state/bonds/useBondsData.js';
+import { derivePda } from '../../../../utils/derivePda.js';
+import { reportError } from '../../../../utils/reportError.js';
+import { getTokenProgramForMint, getAtaWithCreateInstruction } from '../../../../utils/solanaAtaHelper.js';
+import { __exports as main } from '../../../../_virtual/main.js';
+import { jsxs, jsx } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const ActionsSolana = ({ userBill }) => {
+    var _a, _b;
+    // Hooks
+    const SDKConfig = useSDKConfig();
+    const { publicKey: accountSolana, signTransaction } = useSOLAccount();
+    const { refetch } = useUserBonds();
+    const { addToastError, addToastSuccess } = usePopups();
+    const { data: liveBonds } = useBondsData();
+    // State
+    const [loadingTx, setLoadingTx] = useState(false);
+    // Static Data
+    const similarLiveBond = liveBonds === null || liveBonds === void 0 ? void 0 : liveBonds.find((bond) => {
+        var _a, _b, _c, _d, _e;
+        return !(bond === null || bond === void 0 ? void 0 : bond.soldOut) &&
+            !(bond === null || bond === void 0 ? void 0 : bond.hide) &&
+            ((_b = (_a = bond === null || bond === void 0 ? void 0 : bond.earnToken) === null || _a === void 0 ? void 0 : _a.symbol) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === ((_e = (_d = (_c = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _c === void 0 ? void 0 : _c.earnToken) === null || _d === void 0 ? void 0 : _d.symbol) === null || _e === void 0 ? void 0 : _e.toLowerCase());
+    });
+    const canPurchaseAgain = !!similarLiveBond;
+    const connection = new Connection(getRPC(main.ChainId.SOL), 'confirmed');
+    const vestingCliff = (_a = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _a === void 0 ? void 0 : _a.vestingCliff;
+    const currentTime = Math.round(new Date().getTime() / 1000);
+    const purchaseTimestamp = parseInt((_b = userBill === null || userBill === void 0 ? void 0 : userBill.vestingStartTimestamp) !== null && _b !== void 0 ? _b : '0');
+    const isPendingCliff = vestingCliff ? currentTime - purchaseTimestamp < vestingCliff : false;
+    const cliffCountdown = getTimePeriods(purchaseTimestamp + (vestingCliff !== null && vestingCliff !== void 0 ? vestingCliff : 0) - currentTime, true);
+    const handleClaim = async () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        // Early return guard - prevent double execution
+        if (loadingTx || !accountSolana || !userBill)
+            return;
+        try {
+            setLoadingTx(true);
+            const earnTokenAddress = (_c = (_b = (_a = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _a === void 0 ? void 0 : _a.earnToken) === null || _b === void 0 ? void 0 : _b.address) === null || _c === void 0 ? void 0 : _c[(_d = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _d === void 0 ? void 0 : _d.chainId];
+            const contractAddress = (_f = (_e = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _e === void 0 ? void 0 : _e.contractAddress) === null || _f === void 0 ? void 0 : _f[(_g = userBill === null || userBill === void 0 ? void 0 : userBill.bond) === null || _g === void 0 ? void 0 : _g.chainId];
+            if (!earnTokenAddress || !userBill.asset || !contractAddress)
+                return;
+            const payoutMint = new PublicKey(earnTokenAddress);
+            const bondIssuancePda = new PublicKey(contractAddress);
+            const bondPricingPda = derivePda('bond_pricing', bondIssuancePda, PROGRAM_ID);
+            const nftMint = new PublicKey(userBill.asset);
+            // Detect token program for payout mint (supports Token-2022)
+            const payoutTokenProgram = await getTokenProgramForMint(connection, payoutMint);
+            const [bondTermPda] = PublicKey.findProgramAddressSync([new TextEncoder().encode('bond_term'), bondIssuancePda.toBuffer()], PROGRAM_ID);
+            const [bondPda] = PublicKey.findProgramAddressSync([new TextEncoder().encode('bond'), bondIssuancePda.toBuffer(), nftMint.toBuffer()], PROGRAM_ID);
+            // Get user payout ATA and creation instruction if needed
+            const { address: userPayoutAta, createInstruction: createAtaIx } = await getAtaWithCreateInstruction(connection, payoutMint, accountSolana);
+            // treasury_ata = PDA
+            const [treasuryAta] = PublicKey.findProgramAddressSync([bondIssuancePda.toBuffer(), COMMON_CONST_SEED, payoutMint.toBuffer()], COMMON_PDA_PROGRAM);
+            // Build keys list
+            const keys = [
+                { pubkey: bondPda, isSigner: false, isWritable: true },
+                { pubkey: bondTermPda, isSigner: false, isWritable: false },
+                { pubkey: bondIssuancePda, isSigner: false, isWritable: false },
+                { pubkey: bondPricingPda, isSigner: false, isWritable: true },
+                { pubkey: accountSolana, isSigner: true, isWritable: true }, // user
+                { pubkey: nftMint, isSigner: false, isWritable: true },
+                { pubkey: userPayoutAta, isSigner: false, isWritable: true },
+                { pubkey: treasuryAta, isSigner: false, isWritable: true },
+                { pubkey: payoutMint, isSigner: false, isWritable: false }, // payout_mint
+                { pubkey: payoutTokenProgram, isSigner: false, isWritable: false }, // token_program (dynamic)
+                { pubkey: ASSOCIATED_TOKEN_PROGRAM_ID, isSigner: false, isWritable: false },
+                { pubkey: new PublicKey('CoREENxT6tW1HoK8ypY1SxRMZTcVPm7R94rH4PZNhX7d'), isSigner: false, isWritable: false }, // mplCoreProgram
+                { pubkey: PROGRAM_ID, isSigner: false, isWritable: false }, // passing programId is the same as passing null
+            ];
+            // Build Claim Instruction (no args → just discriminator)
+            const claimInstruction = new TransactionInstruction({
+                keys,
+                programId: PROGRAM_ID,
+                data: CLAIM_DISCRIMINATOR,
+            });
+            // Build Transaction - include ATA creation if needed
+            const transaction = new Transaction();
+            if (createAtaIx)
+                transaction.add(createAtaIx);
+            transaction.add(claimInstruction);
+            transaction.feePayer = accountSolana;
+            // Get fresh blockhash right before signing
+            const { blockhash, lastValidBlockHeight } = await connection.getLatestBlockhash('finalized');
+            transaction.recentBlockhash = blockhash;
+            if (!signTransaction)
+                return;
+            const signedTx = await signTransaction(transaction);
+            // Send with better error handling
+            const txHash = await connection.sendRawTransaction(signedTx.serialize(), {
+                skipPreflight: false,
+                preflightCommitment: 'finalized',
+                maxRetries: 0, // Don't auto-retry to avoid duplicates
+            });
+            await connection.confirmTransaction({
+                signature: txHash,
+                blockhash,
+                lastValidBlockHeight,
+            }, 'confirmed');
+            const txStatus = await connection.getSignatureStatus(txHash, { searchTransactionHistory: true });
+            if (((_h = txStatus === null || txStatus === void 0 ? void 0 : txStatus.value) === null || _h === void 0 ? void 0 : _h.confirmationStatus) === 'confirmed' || ((_j = txStatus === null || txStatus === void 0 ? void 0 : txStatus.value) === null || _j === void 0 ? void 0 : _j.confirmationStatus) === 'finalized') {
+                console.log('Tx confirmed on-chain, refetching bonds');
+                refetch();
+                addToastSuccess(txHash, main.ChainId.SOL);
+            }
+        }
+        catch (error) {
+            console.error('Claim failed:', error);
+            // Better error messaging for duplicate transactions
+            if ((_k = error === null || error === void 0 ? void 0 : error.message) === null || _k === void 0 ? void 0 : _k.includes('already been processed')) {
+                addToastError('Transaction already processed. Please wait and try again.');
+            }
+            else {
+                addToastError((_l = error === null || error === void 0 ? void 0 : error.message) !== null && _l !== void 0 ? _l : 'Unknown error');
+            }
+            reportError({
+                apiUrl: (_m = SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.urls) === null || _m === void 0 ? void 0 : _m.apiV2,
+                error,
+                account: accountSolana === null || accountSolana === void 0 ? void 0 : accountSolana.toBase58(),
+                chainId: main.ChainId.SOL,
+                extraInfo: { type: 'claim', userBill, error },
+            });
+        }
+        finally {
+            setLoadingTx(false);
+        }
+    };
+    return (jsxs(Fragment, { children: [jsx(Button, { variant: "secondary", disabled: claimable(userBill) === 0 || loadingTx || !userBill || isPendingCliff, load: loadingTx, onClick: (event) => {
+                    event.stopPropagation();
+                    if (!loadingTx)
+                        handleClaim();
+                }, sx: { fontSize: '14px', width: '100%' }, children: isPendingCliff
+                    ? `Claimable in ${cliffCountdown.days !== 0 ? `${cliffCountdown.days} days` : cliffCountdown.hours !== 0 ? `${cliffCountdown.hours} hours` : `${cliffCountdown.minutes} mins`}`
+                    : 'Claim' }), jsx(Button, { sx: { fontSize: '14px', width: '100%' }, onClick: () => canPurchaseAgain
+                    ? (window.location.href = `https://ape.bond/bonds?bondAddress=${similarLiveBond.contractAddress[similarLiveBond.chainId]}&bondChain=${similarLiveBond.chainId}`)
+                    : null, disabled: !canPurchaseAgain, children: canPurchaseAgain ? 'Buy again' : 'sold out' })] }));
+};
+
+export { ActionsSolana as default };
+//# sourceMappingURL=ActionsSolana.js.map