@ape.swap/bonds-sdk 6.0.7 → 6.1.0-test.0

package/dist/views/BuyBond/components/BondCards/BondCardsPreTGE.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx, Fragment } from 'theme-ui/jsx-runtime';
+import { useState } from 'react';
 import { getTimePeriods } from '../../../../utils/getTimePeriods.js';
 import { useIsMobile } from '../../../../hooks/useIsMobile.js';
 import { formatUTCDate } from '../../../../utils/dates/formatDate.js';
@@ -8,6 +9,7 @@ import Svg from '../../../../components/uikit-sdk/Svg/index.js';
 
 const BondCardsPreTGE = ({ bond }) => {
     const isMobile = useIsMobile();
+    const [showLocalTime, setShowLocalTime] = useState(false);
     const bonus = bond?.trueBondPrices?.[0].bonus ?? 0;
     const airdropBonus = bond.airdropBonus ?? 0;
     const bonusToUse = bonus + airdropBonus;
@@ -22,9 +24,12 @@ const BondCardsPreTGE = ({ bond }) => {
                         borderBottomRightRadius: 'normal',
                         borderBottomLeftRadius: 'normal',
                     },
-                }, children: [jsxs(Flex, { className: "bond-card-title", sx: { alignItems: 'center' }, children: ["Bonus", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "This is the percentage of additional tokens you\u2019ll get compared to buying at market price." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: { color: 'success', alignItems: 'center' }, children: [bonusToUse?.toFixed(0), "%", bond.airdropTooltip && (jsx(TooltipBubble, { body: jsx(Fragment, { children: bond.airdropTooltip }), width: "230px", placement: isMobile ? 'bottomRight' : 'bottomLeft', transformTip: isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)', children: jsx(Flex, { sx: { width: '20px', height: '20px', alignItems: 'center', ml: '5px' }, children: jsx("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png", alt: "airdrop-img", style: { width: '20px', height: '20px' } }) }) }))] })] }), jsxs("div", { className: "bond-card-block", sx: {
+                }, children: [jsxs(Flex, { className: "bond-card-title", sx: { alignItems: 'center' }, children: [bond.yieldBond ? 'APR' : 'Bonus', jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: bond.yieldBond
+                                        ? 'Some Text explaining how the APR works'
+                                        : 'This is the percentage of additional tokens you’ll get compared to buying at market price.' }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), bond.yieldBond ? (jsxs(Flex, { sx: { color: 'success' }, children: [bond.yieldData?.apr.toFixed(), "%"] })) : (jsxs(Flex, { sx: { color: 'success', alignItems: 'center' }, children: [bonusToUse?.toFixed(0), "%", bond.airdropTooltip && (jsx(TooltipBubble, { body: jsx(Fragment, { children: bond.airdropTooltip }), width: "230px", placement: isMobile ? 'bottomRight' : 'bottomLeft', transformTip: isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)', children: jsx(Flex, { sx: { width: '20px', height: '20px', alignItems: 'center', ml: '5px' }, children: jsx("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png", alt: "airdrop-img", style: { width: '20px', height: '20px' } }) }) }))] }))] }), bond.yieldBond ? (jsxs("div", { className: "bond-card-block", sx: {
                     fontSize: '13px !important',
                     borderRadius: ['0px', '0px', '0px', 'normal'],
+                    cursor: 'pointer',
                     '&:first-of-type': {
                         borderTopRightRadius: 'normal',
                         borderTopLeftRadius: 'normal',
@@ -33,7 +38,18 @@ const BondCardsPreTGE = ({ bond }) => {
                         borderBottomRightRadius: 'normal',
                         borderBottomLeftRadius: 'normal',
                     },
-                }, children: [jsxs(Flex, { className: "bond-card-title", children: ["TGE", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "This is the date and time when this token will become officially live on-chain." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), bond.tgeString] }), jsxs("div", { className: "bond-card-block", sx: {
+                }, onClick: () => setShowLocalTime((prev) => !prev), children: [jsxs(Flex, { className: "bond-card-title", children: ["Sale End", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "This is the date and time when the sale finishes. Tokens will be distributed 2 hours after the sale finishes. CONFIRM" }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), formatUTCDate(new Date((bond.finishTime ?? 0) * 1000), false, showLocalTime), ' ', showLocalTime ? 'Local' : 'UTC'] })) : (jsxs("div", { className: "bond-card-block", sx: {
+                    fontSize: '13px !important',
+                    borderRadius: ['0px', '0px', '0px', 'normal'],
+                    '&:first-of-type': {
+                        borderTopRightRadius: 'normal',
+                        borderTopLeftRadius: 'normal',
+                    },
+                    '&:last-of-type': {
+                        borderBottomRightRadius: 'normal',
+                        borderBottomLeftRadius: 'normal',
+                    },
+                }, children: [jsxs(Flex, { className: "bond-card-title", children: ["TGE", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "This is the date and time when this token will become officially live on-chain." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), bond.tgeString] })), jsxs("div", { className: "bond-card-block", sx: {
                     borderRadius: ['0px', '0px', '0px', 'normal'],
                     '&:first-of-type': {
                         borderTopRightRadius: 'normal',
@@ -43,7 +59,7 @@ const BondCardsPreTGE = ({ bond }) => {
                         borderBottomRightRadius: 'normal',
                         borderBottomLeftRadius: 'normal',
                     },
-                }, children: [jsxs("div", { className: "bond-card-title", children: ["Initial Release", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["This is the percentage of tokens you can claim immediately on ", bond.tgeString, ". The rest follows the vesting schedule."] }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), initialRelease, "%"] }), jsxs("div", { className: "bond-card-block", sx: {
+                }, children: [jsxs("div", { className: "bond-card-title", children: ["Initial Release", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["This is the percentage of tokens you can claim immediately on ", bond.tgeString, ". The rest follows the vesting schedule."] }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), initialRelease, "%"] }), !bond.yieldBond && (jsxs("div", { className: "bond-card-block", sx: {
                     borderRadius: ['0px', '0px', '0px', 'normal'],
                     '&:first-of-type': {
                         borderTopRightRadius: 'normal',
@@ -53,7 +69,7 @@ const BondCardsPreTGE = ({ bond }) => {
                         borderBottomRightRadius: 'normal',
                         borderBottomLeftRadius: 'normal',
                     },
-                }, children: [jsxs("div", { className: "bond-card-title", children: ["Vesting Terms", initialRelease !== 100 && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["Remaining tokens will vest linearly over ", getTimePeriods(bond?.vestingTerm).months, " months after", ' ', formatUTCDate(new Date(parseInt(bond.startVestingTimestamp ?? '0') * 1000)), " UTC."] }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) }))] }), initialRelease === 100 ? `0 D` : `${getTimePeriods(bond?.vestingTerm)?.months} Mo`] })] }));
+                }, children: [jsxs("div", { className: "bond-card-title", children: ["Vesting Terms", initialRelease !== 100 && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["Remaining tokens will vest linearly over ", getTimePeriods(bond?.vestingTerm).months, " months after", ' ', formatUTCDate(new Date(parseInt(bond.startVestingTimestamp ?? '0') * 1000)), " UTC."] }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) }))] }), initialRelease === 100 ? `0 D` : `${getTimePeriods(bond?.vestingTerm)?.months} Mo`] }))] }));
 };
 
 export { BondCardsPreTGE as default };

package/dist/views/BuyBond/components/BondCards/BondCardsPreTGE.js.map

@@ -1 +1 @@
-{"version":3,"file":"BondCardsPreTGE.js","sources":["../../../../../src/views/BuyBond/components/BondCards/BondCardsPreTGE.tsx"],"sourcesContent":["import React from 'react'\nimport { getTimePeriods } from '../../../../utils/getTimePeriods'\nimport { BondsData } from '../../../../types/bonds'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport { formatUTCDate } from '../../../../utils/dates/formatDate'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport Svg from '../../../../components/uikit-sdk/Svg'\n\nconst BondCardsPreTGE = ({ bond }: { bond: BondsData }) => {\n  const isMobile = useIsMobile()\n  const bonus = bond?.trueBondPrices?.[0].bonus ?? 0\n  const airdropBonus = bond.airdropBonus ?? 0\n  const bonusToUse = bonus + airdropBonus\n  const initialRelease = (bond?.initialRelease ?? 0) * 100\n  return (\n    <div className=\"bonds-cards\">\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n        }}\n      >\n        <Flex className=\"bond-card-title\" sx={{ alignItems: 'center' }}>\n          Bonus\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Flex>This is the percentage of additional tokens you’ll get compared to buying at market price.</Flex>\n            }\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip\">\n              <Svg icon=\"questionCircle\" width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </Flex>\n        <Flex sx={{ color: 'success', alignItems: 'center' }}>\n          {bonusToUse?.toFixed(0)}%\n          {bond.airdropTooltip && (\n            <TooltipBubble\n              body={<>{bond.airdropTooltip}</>}\n              width=\"230px\"\n              placement={isMobile ? 'bottomRight' : 'bottomLeft'}\n              transformTip={isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)'}\n            >\n              <Flex sx={{ width: '20px', height: '20px', alignItems: 'center', ml: '5px' }}>\n                <img\n                  src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png\"\n                  alt=\"airdrop-img\"\n                  style={{ width: '20px', height: '20px' }}\n                />\n              </Flex>\n            </TooltipBubble>\n          )}\n        </Flex>\n      </div>\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          fontSize: '13px !important',\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n        }}\n      >\n        <Flex className=\"bond-card-title\">\n          TGE\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={<Flex>This is the date and time when this token will become officially live on-chain.</Flex>}\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip\">\n              <Svg icon=\"questionCircle\" width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </Flex>\n        {bond.tgeString}\n      </div>\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n        }}\n      >\n        <div className=\"bond-card-title\">\n          Initial Release\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Flex>\n                This is the percentage of tokens you can claim immediately on {bond.tgeString}. The rest follows the\n                vesting schedule.\n              </Flex>\n            }\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip\">\n              <Svg icon=\"questionCircle\" width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </div>\n        {initialRelease}%\n      </div>\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n        }}\n      >\n        <div className=\"bond-card-title\">\n          Vesting Terms\n          {initialRelease !== 100 && (\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={\n                <Flex>\n                  Remaining tokens will vest linearly over {getTimePeriods(bond?.vestingTerm).months} months after{' '}\n                  {formatUTCDate(new Date(parseInt(bond.startVestingTimestamp ?? '0') * 1000))} UTC.\n                </Flex>\n              }\n              width=\"230px\"\n              placement=\"bottomLeft\"\n              transformTip=\"translate(-5%, -5%)\"\n            >\n              <div className=\"bond-card-tooltip\">\n                <Svg icon=\"questionCircle\" width=\"12px\" />\n              </div>\n            </TooltipBubble>\n          )}\n        </div>\n        {initialRelease === 100 ? `0 D` : `${getTimePeriods(bond?.vestingTerm)?.months} Mo`}\n      </div>\n    </div>\n  )\n}\n\nexport default BondCardsPreTGE\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"BondCardsPreTGE.js","sources":["../../../../../src/views/BuyBond/components/BondCards/BondCardsPreTGE.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { getTimePeriods } from '../../../../utils/getTimePeriods'\nimport { BondsData } from '../../../../types/bonds'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport { formatUTCDate } from '../../../../utils/dates/formatDate'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport Svg from '../../../../components/uikit-sdk/Svg'\n\nconst BondCardsPreTGE = ({ bond }: { bond: BondsData }) => {\n  const isMobile = useIsMobile()\n  const [showLocalTime, setShowLocalTime] = useState(false)\n  const bonus = bond?.trueBondPrices?.[0].bonus ?? 0\n  const airdropBonus = bond.airdropBonus ?? 0\n  const bonusToUse = bonus + airdropBonus\n  const initialRelease = (bond?.initialRelease ?? 0) * 100\n  return (\n    <div className=\"bonds-cards\">\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n        }}\n      >\n        <Flex className=\"bond-card-title\" sx={{ alignItems: 'center' }}>\n          {bond.yieldBond ? 'APR' : 'Bonus'}\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Flex>\n                {bond.yieldBond\n                  ? 'Some Text explaining how the APR works'\n                  : 'This is the percentage of additional tokens you’ll get compared to buying at market price.'}\n              </Flex>\n            }\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip\">\n              <Svg icon=\"questionCircle\" width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </Flex>\n        {bond.yieldBond ? (\n          <Flex sx={{ color: 'success' }}>{bond.yieldData?.apr.toFixed()}%</Flex>\n        ) : (\n          <Flex sx={{ color: 'success', alignItems: 'center' }}>\n            {bonusToUse?.toFixed(0)}%\n            {bond.airdropTooltip && (\n              <TooltipBubble\n                body={<>{bond.airdropTooltip}</>}\n                width=\"230px\"\n                placement={isMobile ? 'bottomRight' : 'bottomLeft'}\n                transformTip={isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)'}\n              >\n                <Flex sx={{ width: '20px', height: '20px', alignItems: 'center', ml: '5px' }}>\n                  <img\n                    src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png\"\n                    alt=\"airdrop-img\"\n                    style={{ width: '20px', height: '20px' }}\n                  />\n                </Flex>\n              </TooltipBubble>\n            )}\n          </Flex>\n        )}\n      </div>\n      {bond.yieldBond ? (\n        <div\n          className=\"bond-card-block\"\n          sx={{\n            fontSize: '13px !important',\n            borderRadius: ['0px', '0px', '0px', 'normal'],\n            cursor: 'pointer',\n            '&:first-of-type': {\n              borderTopRightRadius: 'normal',\n              borderTopLeftRadius: 'normal',\n            },\n\n            '&:last-of-type': {\n              borderBottomRightRadius: 'normal',\n              borderBottomLeftRadius: 'normal',\n            },\n          }}\n          onClick={() => setShowLocalTime((prev) => !prev)}\n        >\n          <Flex className=\"bond-card-title\">\n            Sale End\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={\n                <Flex>\n                  This is the date and time when the sale finishes. Tokens will be distributed 2 hours after the sale\n                  finishes. CONFIRM\n                </Flex>\n              }\n              width=\"230px\"\n              placement=\"bottomLeft\"\n              transformTip=\"translate(-5%, -5%)\"\n            >\n              <div className=\"bond-card-tooltip\">\n                <Svg icon=\"questionCircle\" width=\"12px\" />\n              </div>\n            </TooltipBubble>\n          </Flex>\n          {formatUTCDate(new Date((bond.finishTime ?? 0) * 1000), false, showLocalTime)}{' '}\n          {showLocalTime ? 'Local' : 'UTC'}\n        </div>\n      ) : (\n        <div\n          className=\"bond-card-block\"\n          sx={{\n            fontSize: '13px !important',\n            borderRadius: ['0px', '0px', '0px', 'normal'],\n            '&:first-of-type': {\n              borderTopRightRadius: 'normal',\n              borderTopLeftRadius: 'normal',\n            },\n\n            '&:last-of-type': {\n              borderBottomRightRadius: 'normal',\n              borderBottomLeftRadius: 'normal',\n            },\n          }}\n        >\n          <Flex className=\"bond-card-title\">\n            TGE\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={<Flex>This is the date and time when this token will become officially live on-chain.</Flex>}\n              width=\"230px\"\n              placement=\"bottomLeft\"\n              transformTip=\"translate(-5%, -5%)\"\n            >\n              <div className=\"bond-card-tooltip\">\n                <Svg icon=\"questionCircle\" width=\"12px\" />\n              </div>\n            </TooltipBubble>\n          </Flex>\n          {bond.tgeString}\n        </div>\n      )}\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n        }}\n      >\n        <div className=\"bond-card-title\">\n          Initial Release\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Flex>\n                This is the percentage of tokens you can claim immediately on {bond.tgeString}. The rest follows the\n                vesting schedule.\n              </Flex>\n            }\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip\">\n              <Svg icon=\"questionCircle\" width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </div>\n        {initialRelease}%\n      </div>\n      {!bond.yieldBond && (\n        <div\n          className=\"bond-card-block\"\n          sx={{\n            borderRadius: ['0px', '0px', '0px', 'normal'],\n            '&:first-of-type': {\n              borderTopRightRadius: 'normal',\n              borderTopLeftRadius: 'normal',\n            },\n\n            '&:last-of-type': {\n              borderBottomRightRadius: 'normal',\n              borderBottomLeftRadius: 'normal',\n            },\n          }}\n        >\n          <div className=\"bond-card-title\">\n            Vesting Terms\n            {initialRelease !== 100 && (\n              <TooltipBubble\n                className=\"tooltip-bubble\"\n                body={\n                  <Flex>\n                    Remaining tokens will vest linearly over {getTimePeriods(bond?.vestingTerm).months} months after{' '}\n                    {formatUTCDate(new Date(parseInt(bond.startVestingTimestamp ?? '0') * 1000))} UTC.\n                  </Flex>\n                }\n                width=\"230px\"\n                placement=\"bottomLeft\"\n                transformTip=\"translate(-5%, -5%)\"\n              >\n                <div className=\"bond-card-tooltip\">\n                  <Svg icon=\"questionCircle\" width=\"12px\" />\n                </div>\n              </TooltipBubble>\n            )}\n          </div>\n          {initialRelease === 100 ? `0 D` : `${getTimePeriods(bond?.vestingTerm)?.months} Mo`}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default BondCardsPreTGE\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/views/TransactionModal/TransactionModal.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'theme-ui/jsx-runtime';
 import { useMemo, useState, useRef, useEffect } from 'react';
 import Button from '../../components/uikit-sdk/Button/Button.js';
 import Flex from '../../components/uikit-sdk/Flex/index.js';
@@ -150,16 +150,27 @@ const TransactionModal = ({ onDismiss, txChain, approvalState, approveCallback,
                                     borderRadius: 'normal',
                                     color: 'textDisabledButton',
                                     justifyContent: 'center',
-                                }, children: [bondData.earnToken.symbol, " (", getTimePeriods(bondData?.vestingTerm).months, " Mo)"] }), jsxs(Flex, { sx: { width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }, children: [jsx(TokenImage, { symbol: bondData.earnToken.symbol, size: 40, chain: txChain }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', alignItems: 'center' }, children: [jsxs(Flex, { sx: { flexDirection: 'column', fontSize: '12px', ml: '10px' }, children: [jsxs(Flex, { sx: { color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }, children: ["$", bondData.tgePrice] }), jsxs(Flex, { sx: { color: 'green', fontWeight: 600 }, children: ["$", bondData.initPrice] })] }), jsxs(Flex, { sx: {
+                                }, children: [bondData.underlyingEarnToken?.symbol || bondData.earnToken?.symbol, !bondData.yieldBond && jsxs(Fragment, { children: ["(", getTimePeriods(bondData?.vestingTerm).months, " Mo)"] })] }), jsxs(Flex, { sx: { width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }, children: [jsx(TokenImage, { symbol: bondData.underlyingEarnToken?.symbol || bondData.earnToken?.symbol, size: 40, chain: txChain }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', alignItems: 'center' }, children: [jsx(Flex, { sx: { flexDirection: 'column', fontSize: '12px', ml: '10px' }, children: bondData.yieldBond ? (jsx(Fragment, { children: bondData.underlyingEarnToken?.symbol || bondData.earnToken?.symbol })) : (jsxs(Fragment, { children: [jsxs(Flex, { sx: { color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }, children: ["$", bondData.tgePrice] }), jsxs(Flex, { sx: { color: 'green', fontWeight: 600 }, children: ["$", bondData.initPrice] })] })) }), jsx(Flex, { sx: {
                                                     p: '5px',
                                                     borderRadius: 'normal',
                                                     border: '1px solid var(--theme-ui-colors-success)',
                                                     background: 'rgba(56, 166, 17, 0.13)',
                                                     color: 'success',
                                                     lineHeight: '18px',
-                                                }, children: [trueBondPrice?.bonusWithFee?.toFixed(2), " % Bonus"] })] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '10px' }, children: [jsxs(Flex, { sx: { p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }, children: [isArray(splited) ? (jsx(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 20, chain: txChain })) : (jsx(TokenImage, { symbol: getSymbol(inputToken, txChain), size: 20, chain: txChain })), jsx(Flex, { sx: { fontSize: '14px', fontWeight: 600, mx: '5px' }, children: formatNumberSI(inputValue, 4) ?? '0' }), jsxs(Flex, { sx: { color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }, children: ["(", inputTokenPrice?.price && inputValue
+                                                }, children: bondData.yieldBond
+                                                    ? `${bondData.yieldData?.apr.toFixed()} % APR`
+                                                    : `${trueBondPrice?.bonusWithFee?.toFixed(2)} % Bonus` })] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '10px' }, children: [jsxs(Flex, { sx: { p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }, children: [isArray(splited) ? (jsx(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 20, chain: txChain })) : (jsx(TokenImage, { symbol: getSymbol(inputToken, txChain), size: 20, chain: txChain })), jsx(Flex, { sx: { fontSize: '14px', fontWeight: 600, mx: '5px' }, children: formatNumberSI(inputValue, 4) ?? '0' }), jsxs(Flex, { sx: { color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }, children: ["(", inputTokenPrice?.price && inputValue
                                                         ? `$${formatNumberSI(inputTokenPrice?.price * parseFloat(inputValue))}`
-                                                        : '0.00', ")"] })] }), jsx(Svg, { icon: 'arrow', direction: 'right', width: '10px' }), jsxs(Flex, { sx: { p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }, children: [jsx(TokenImage, { symbol: getSymbol(bondData.earnToken, txChain), chain: txChain, size: 20 }), jsx(Flex, { sx: { fontSize: '14px', fontWeight: 600, mx: '5px' }, children: formatNumberSI(preTGEEstimatedOutput, 4) }), jsxs(Flex, { sx: { color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }, children: ["($", formatNumberSI(preTGEEstimatedOutputUSD), ")"] })] })] })] })) : (jsxs(Flex, { sx: { width: '100%', flexDirection: 'column', mt: '20px' }, children: [jsxs(Flex, { sx: {
+                                                        : '0.00', ")"] })] }), jsx(Svg, { icon: 'arrow', direction: 'right', width: '10px' }), jsxs(Flex, { sx: {
+                                            p: '10px',
+                                            borderRadius: 'normal',
+                                            background: 'white3',
+                                            alignItems: 'center',
+                                            width: '45%',
+                                            gap: '5px',
+                                        }, children: [jsx(TokenImage, { symbol: bondData.yieldBond
+                                                    ? bondData.underlyingEarnToken?.symbol || bondData.earnToken?.symbol
+                                                    : getSymbol(bondData.earnToken, txChain), chain: txChain, size: 20 }), bondData.yieldBond ? (jsxs(Flex, { sx: { fontSize: '14px', fontWeight: 600 }, children: ["$", formatNumberSI(preTGEEstimatedOutputUSD)] })) : (jsxs(Fragment, { children: [jsx(Flex, { sx: { fontSize: '14px', fontWeight: 600, mx: '5px' }, children: formatNumberSI(preTGEEstimatedOutput, 4) }), jsxs(Flex, { sx: { color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }, children: ["($", formatNumberSI(preTGEEstimatedOutputUSD), ")"] })] }))] })] })] })) : (jsxs(Flex, { sx: { width: '100%', flexDirection: 'column', mt: '20px' }, children: [jsxs(Flex, { sx: {
                                     width: '100%',
                                     background: 'white3',
                                     p: '5px',

package/dist/views/TransactionModal/TransactionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionModal.js","sources":["../../../src/views/TransactionModal/TransactionModal.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Modal from '../../components/uikit-sdk/Modal'\nimport Svg from '../../components/uikit-sdk/Svg'\nimport StepBubble from '../../components/StepBubble'\nimport LoadingSpinner from '../../components/LoadingSpinner'\nimport { useSwitchChain } from 'wagmi'\nimport { NETWORK_LABEL } from '../../config/constants/chains'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport { ApprovalState } from '../../state/allowance/useAllowance'\nimport {\n  discountEarnTokenPriceForUser,\n  earnTokenPrice,\n  getPayoutAmount,\n  getVestingTermsString,\n} from '../../utils/displayHelpers'\nimport TokenImage from '../../components/uikit-sdk/TokenImage'\nimport useTierPoints, { getUserTier, TIERS_WEIGHT } from '../../state/tiers/useTierPoints'\nimport { BondsData } from '../../types/bonds'\nimport useCurrencyPrice from '../../state/price/useCurrencyPrice'\nimport { ChainId, Token } from '@ape.swap/apeswap-lists'\nimport { useMonitorTx } from '../../hooks/useMonitorTx'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport isArray from 'lodash-es/isArray.js'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { getTimePeriods } from '../../utils/getTimePeriods'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport { findHighestTrueBondPrice } from '../../utils/bondPriceHelpers'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\n\nconst stepDelay = 1000\n\nconst TransactionModal = ({\n  onDismiss,\n  txChain,\n  approvalState,\n  approveCallback,\n  loadingTx,\n  txCallback,\n  bondData,\n  inputToken,\n  inputValue,\n  depositAmount,\n  buyTxHash,\n  rateChanged,\n}: {\n  onDismiss?: () => void\n  txChain?: number\n  approvalState?: ApprovalState\n  approveCallback?: () => Promise<void>\n  loadingTx?: boolean\n  txCallback?: () => void\n  bondData: BondsData\n  inputToken: Token | 'NATIVE' | undefined\n  inputValue: string\n  depositAmount: string\n  buyTxHash?: string\n  rateChanged: boolean\n}) => {\n  // Hooks\n  const { chain } = useEVMAccount()\n  const { data: tierPointsState } = useTierPoints()\n  const { promotionalPoints } = tierPointsState || {}\n  const inputTokenPrice = useCurrencyPrice(inputToken ?? null, txChain as ChainId)\n  const { switchChainAsync } = useSwitchChain()\n  const SDKConfig = useSDKConfig()\n\n  // Flow\n  const initialChain = useMemo(\n    () => chain?.id,\n    /* eslint-disable react-hooks/exhaustive-deps */\n    [],\n  )\n  const showSwitchChainFlow = txChain !== initialChain\n  // const showSwitchChainFlow = true\n  const [hasToSwitchChain, setHasToSwitchChain] = useState<boolean>(showSwitchChainFlow)\n  const [hasToApprove, setHasToApprove] = useState<boolean>(true)\n\n  // Loading state\n  const [loadingSwitchChain, setLoadingSwitchChain] = useState<boolean>(false)\n  const [approveLoading, setApproveLoading] = useState<boolean>(false)\n\n  // Values for regular bonds\n  const estimatedOutputAmount = getPayoutAmount(bondData, depositAmount, promotionalPoints ?? '0')\n  const estimatedOutputUSD = estimatedOutputAmount * parseFloat(bondData?.payoutTokenPrice ?? '0')\n  const preTGEEstimatedOutput = parseFloat(inputValue) / (bondData?.initPrice ?? 0)\n  const preTGEEstimatedOutputUSD = preTGEEstimatedOutput * (bondData?.tgePrice ?? 0)\n\n  const handleSwitchChain = () => {\n    setLoadingSwitchChain(true)\n    switchChainAsync({ chainId: txChain! })\n      .then(() => {\n        setHasToSwitchChain(false)\n        setApproveLoading(true)\n      })\n      .catch((e) => console.error(e))\n      .finally(() => {\n        setLoadingSwitchChain(false)\n      })\n  }\n\n  const handleApprove = () => {\n    setApproveLoading(true)\n    approveCallback?.().catch(() => {\n      setApproveLoading(false)\n    })\n  }\n\n  // Switch Chain Step #1\n  const hasTriggeredSwitch = useRef(false)\n  useEffect(() => {\n    if (hasToSwitchChain && !hasTriggeredSwitch.current) {\n      setLoadingSwitchChain(true)\n      const delay = setTimeout(() => {\n        hasTriggeredSwitch.current = true\n        handleSwitchChain()\n      }, stepDelay)\n      return () => clearTimeout(delay)\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain])\n\n  // Trigger approve Step #2\n  const hasTriggeredApproval = useRef(false)\n  useEffect(() => {\n    if (!hasToSwitchChain || !showSwitchChainFlow) {\n      if (approvalState === ApprovalState.APPROVED) {\n        setApproveLoading(true)\n        const delay = setTimeout(() => {\n          setApproveLoading(false)\n          setHasToApprove(false)\n        }, stepDelay)\n        return () => clearTimeout(delay)\n      } else if (!hasTriggeredApproval.current && approvalState !== ApprovalState.PENDING) {\n        setApproveLoading(true)\n        hasTriggeredApproval.current = true\n        handleApprove()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain, approvalState])\n\n  // Execute main tx Step #3\n  const hasTriggeredTx = useRef(false)\n  useEffect(() => {\n    if (!hasToSwitchChain && !hasToApprove && !hasTriggeredTx.current) {\n      hasTriggeredTx.current = true\n      if (rateChanged) {\n        onDismiss?.()\n      } else {\n        setApproveLoading(false)\n        txCallback?.()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain, hasToApprove, txCallback])\n\n  // Close modal if a hash is found. Final Step\n  const { data: txReceipt, isSuccess, isLoading: verifyingTx } = useMonitorTx(buyTxHash, txChain)\n  useEffect(() => {\n    if (buyTxHash && txReceipt) {\n      if (isSuccess) {\n        onDismiss?.()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [buyTxHash, txReceipt, isSuccess])\n\n  const currentStep: number = showSwitchChainFlow ? (hasToSwitchChain ? 1 : hasToApprove ? 2 : 3) : hasToApprove ? 1 : 2\n  const splited = typeof inputToken !== 'string' ? inputToken?.symbol?.split('-') : undefined\n  const trueBondPrice = findHighestTrueBondPrice(\n    // @ts-ignore\n    TIERS_WEIGHT[getUserTier(promotionalPoints)] ?? '0',\n    bondData?.trueBondPrices,\n  )\n\n  return (\n    <Modal>\n      <ModalHeader onDismiss={onDismiss} hideDivider />\n      <Flex sx={{ flexDirection: 'column', width: '100%' }}>\n        <Flex sx={{ width: '100%', alignItems: 'center', p: '10px' }}>\n          {showSwitchChainFlow && (\n            <StepBubble number={1} title={'Switch Chain'} currentStep={currentStep} loading={loadingSwitchChain} />\n          )}\n          <StepBubble\n            number={showSwitchChainFlow ? 2 : 1}\n            title={'Approve'}\n            currentStep={currentStep}\n            loading={approveLoading || approvalState === ApprovalState.PENDING}\n          />\n          <StepBubble\n            number={showSwitchChainFlow ? 3 : 2}\n            title={'Buy'}\n            currentStep={currentStep}\n            loading={loadingTx || verifyingTx}\n            hideBar\n          />\n        </Flex>\n        <Flex sx={{ width: '100%', mt: '40px', justifyContent: 'center' }}>\n          <LoadingSpinner\n            isLoading={\n              loadingSwitchChain ||\n              approveLoading ||\n              loadingTx ||\n              verifyingTx ||\n              approvalState === ApprovalState.PENDING\n            }\n            size={100}\n          />\n        </Flex>\n        <Flex sx={{ width: '100%', justifyContent: 'center', mt: '10px' }}>\n          {hasToSwitchChain\n            ? loadingSwitchChain\n              ? 'Switching Chain...'\n              : 'Switch Chain'\n            : hasToApprove\n              ? approveLoading || approvalState === ApprovalState.PENDING\n                ? 'Approving...'\n                : 'Approve Contract'\n              : loadingTx || verifyingTx\n                ? 'Buying...'\n                : 'Buy'}\n        </Flex>\n        {bondData.billType === 'fcfs' ? (\n          <Flex sx={{ width: '100%', flexDirection: 'column', mt: '20px' }}>\n            <Flex\n              sx={{\n                width: '100%',\n                background: 'white3',\n                p: '5px',\n                borderRadius: 'normal',\n                color: 'textDisabledButton',\n                justifyContent: 'center',\n              }}\n            >\n              {bondData.earnToken.symbol} ({getTimePeriods(bondData?.vestingTerm).months} Mo)\n            </Flex>\n            <Flex sx={{ width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }}>\n              <TokenImage symbol={bondData.earnToken.symbol} size={40} chain={txChain} />\n              <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n                <Flex sx={{ flexDirection: 'column', fontSize: '12px', ml: '10px' }}>\n                  <Flex sx={{ color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }}>\n                    ${bondData.tgePrice}\n                  </Flex>\n                  <Flex sx={{ color: 'green', fontWeight: 600 }}>${bondData.initPrice}</Flex>\n                </Flex>\n                <Flex\n                  sx={{\n                    p: '5px',\n                    borderRadius: 'normal',\n                    border: '1px solid var(--theme-ui-colors-success)',\n                    background: 'rgba(56, 166, 17, 0.13)',\n                    color: 'success',\n                    lineHeight: '18px',\n                  }}\n                >\n                  {trueBondPrice?.bonusWithFee?.toFixed(2)} % Bonus\n                </Flex>\n              </Flex>\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '10px' }}>\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                {isArray(splited) ? (\n                  <TokenImage symbol={splited[0]} symbol2={splited[1]} size={20} chain={txChain} />\n                ) : (\n                  <TokenImage symbol={getSymbol(inputToken, txChain)} size={20} chain={txChain} />\n                )}\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(inputValue, 4) ?? '0'}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (\n                  {inputTokenPrice?.price && inputValue\n                    ? `$${formatNumberSI(inputTokenPrice?.price * parseFloat(inputValue))}`\n                    : '0.00'}\n                  )\n                </Flex>\n              </Flex>\n              <Svg icon={'arrow'} direction={'right'} width={'10px'} />\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                <TokenImage symbol={getSymbol(bondData.earnToken, txChain)} chain={txChain} size={20} />\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(preTGEEstimatedOutput, 4)}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (${formatNumberSI(preTGEEstimatedOutputUSD)})\n                </Flex>\n              </Flex>\n            </Flex>\n          </Flex>\n        ) : (\n          <Flex sx={{ width: '100%', flexDirection: 'column', mt: '20px' }}>\n            <Flex\n              sx={{\n                width: '100%',\n                background: 'white3',\n                p: '5px',\n                borderRadius: 'normal',\n                color: 'textDisabledButton',\n                justifyContent: 'center',\n              }}\n            >\n              {bondData.earnToken.symbol} ({getVestingTermsString(bondData)})\n            </Flex>\n            <Flex sx={{ width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }}>\n              <TokenImage symbol={bondData.earnToken.symbol} size={40} chain={txChain} />\n              <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n                <Flex sx={{ flexDirection: 'column', fontSize: '12px', ml: '10px' }}>\n                  <Flex sx={{ color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }}>\n                    ${earnTokenPrice(bondData)}\n                  </Flex>\n                  <Flex sx={{ color: 'green', fontWeight: 600 }}>\n                    $\n                    {discountEarnTokenPriceForUser(\n                      bondData,\n                      SDKConfig.useTiers,\n                      getUserTier(promotionalPoints!) ?? undefined,\n                    )}\n                  </Flex>\n                </Flex>\n                <Flex\n                  sx={{\n                    p: '5px',\n                    borderRadius: 'normal',\n                    border: '1px solid var(--theme-ui-colors-success)',\n                    background: 'rgba(56, 166, 17, 0.13)',\n                    color: 'success',\n                    lineHeight: '18px',\n                  }}\n                >\n                  {bondData.earnToken.symbol.toLowerCase() === 'ireet'\n                    ? '3.00'\n                    : trueBondPrice?.bonusWithFee?.toFixed(2)}{' '}\n                  % Bonus\n                </Flex>\n              </Flex>\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '10px' }}>\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                {isArray(splited) ? (\n                  <TokenImage symbol={splited[0]} symbol2={splited[1]} size={20} chain={txChain} />\n                ) : (\n                  <TokenImage symbol={getSymbol(inputToken, txChain)} size={20} chain={txChain} />\n                )}\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(inputValue, 4) ?? '0'}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (\n                  {inputTokenPrice?.price && inputValue\n                    ? `$${formatNumberSI(inputTokenPrice?.price * parseFloat(inputValue))}`\n                    : '0.00'}\n                  )\n                </Flex>\n              </Flex>\n              <Svg icon={'arrow'} direction={'right'} width={'10px'} />\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                <TokenImage symbol={getSymbol(bondData.earnToken, txChain)} chain={txChain} size={20} />\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(estimatedOutputAmount, 4)}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (${formatNumberSI(estimatedOutputUSD)})\n                </Flex>\n              </Flex>\n            </Flex>\n          </Flex>\n        )}\n\n        {/*\n\n        Action Buttons\n\n        */}\n        <Flex sx={{ mt: '20px' }}>\n          {hasToSwitchChain ? (\n            <Button load={loadingSwitchChain} disabled={loadingSwitchChain} onClick={handleSwitchChain} fullWidth>\n              switch to {NETWORK_LABEL[txChain!]}\n            </Button>\n          ) : !hasToApprove ? (\n            <Button load={loadingTx || verifyingTx} disabled={loadingTx || verifyingTx} onClick={txCallback} fullWidth>\n              buy\n            </Button>\n          ) : (\n            <Button\n              className=\"action-button\"\n              load={approvalState === ApprovalState.PENDING || approveLoading}\n              disabled={approvalState === ApprovalState.PENDING || approveLoading}\n              onClick={handleApprove}\n              fullWidth\n            >\n              Approve\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default TransactionModal\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"TransactionModal.js","sources":["../../../src/views/TransactionModal/TransactionModal.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Modal from '../../components/uikit-sdk/Modal'\nimport Svg from '../../components/uikit-sdk/Svg'\nimport StepBubble from '../../components/StepBubble'\nimport LoadingSpinner from '../../components/LoadingSpinner'\nimport { useSwitchChain } from 'wagmi'\nimport { NETWORK_LABEL } from '../../config/constants/chains'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport { ApprovalState } from '../../state/allowance/useAllowance'\nimport {\n  discountEarnTokenPriceForUser,\n  earnTokenPrice,\n  getPayoutAmount,\n  getVestingTermsString,\n} from '../../utils/displayHelpers'\nimport TokenImage from '../../components/uikit-sdk/TokenImage'\nimport useTierPoints, { getUserTier, TIERS_WEIGHT } from '../../state/tiers/useTierPoints'\nimport { BondsData } from '../../types/bonds'\nimport useCurrencyPrice from '../../state/price/useCurrencyPrice'\nimport { ChainId, Token } from '@ape.swap/apeswap-lists'\nimport { useMonitorTx } from '../../hooks/useMonitorTx'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport isArray from 'lodash-es/isArray.js'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { getTimePeriods } from '../../utils/getTimePeriods'\nimport { formatNumberSI } from '../../utils/formatNumber'\nimport { findHighestTrueBondPrice } from '../../utils/bondPriceHelpers'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\n\nconst stepDelay = 1000\n\nconst TransactionModal = ({\n  onDismiss,\n  txChain,\n  approvalState,\n  approveCallback,\n  loadingTx,\n  txCallback,\n  bondData,\n  inputToken,\n  inputValue,\n  depositAmount,\n  buyTxHash,\n  rateChanged,\n}: {\n  onDismiss?: () => void\n  txChain?: number\n  approvalState?: ApprovalState\n  approveCallback?: () => Promise<void>\n  loadingTx?: boolean\n  txCallback?: () => void\n  bondData: BondsData\n  inputToken: Token | 'NATIVE' | undefined\n  inputValue: string\n  depositAmount: string\n  buyTxHash?: string\n  rateChanged: boolean\n}) => {\n  // Hooks\n  const { chain } = useEVMAccount()\n  const { data: tierPointsState } = useTierPoints()\n  const { promotionalPoints } = tierPointsState || {}\n  const inputTokenPrice = useCurrencyPrice(inputToken ?? null, txChain as ChainId)\n  const { switchChainAsync } = useSwitchChain()\n  const SDKConfig = useSDKConfig()\n\n  // Flow\n  const initialChain = useMemo(\n    () => chain?.id,\n    /* eslint-disable react-hooks/exhaustive-deps */\n    [],\n  )\n  const showSwitchChainFlow = txChain !== initialChain\n  // const showSwitchChainFlow = true\n  const [hasToSwitchChain, setHasToSwitchChain] = useState<boolean>(showSwitchChainFlow)\n  const [hasToApprove, setHasToApprove] = useState<boolean>(true)\n\n  // Loading state\n  const [loadingSwitchChain, setLoadingSwitchChain] = useState<boolean>(false)\n  const [approveLoading, setApproveLoading] = useState<boolean>(false)\n\n  // Values for regular bonds\n  const estimatedOutputAmount = getPayoutAmount(bondData, depositAmount, promotionalPoints ?? '0')\n  const estimatedOutputUSD = estimatedOutputAmount * parseFloat(bondData?.payoutTokenPrice ?? '0')\n  const preTGEEstimatedOutput = parseFloat(inputValue) / (bondData?.initPrice ?? 0)\n  const preTGEEstimatedOutputUSD = preTGEEstimatedOutput * (bondData?.tgePrice ?? 0)\n\n  const handleSwitchChain = () => {\n    setLoadingSwitchChain(true)\n    switchChainAsync({ chainId: txChain! })\n      .then(() => {\n        setHasToSwitchChain(false)\n        setApproveLoading(true)\n      })\n      .catch((e) => console.error(e))\n      .finally(() => {\n        setLoadingSwitchChain(false)\n      })\n  }\n\n  const handleApprove = () => {\n    setApproveLoading(true)\n    approveCallback?.().catch(() => {\n      setApproveLoading(false)\n    })\n  }\n\n  // Switch Chain Step #1\n  const hasTriggeredSwitch = useRef(false)\n  useEffect(() => {\n    if (hasToSwitchChain && !hasTriggeredSwitch.current) {\n      setLoadingSwitchChain(true)\n      const delay = setTimeout(() => {\n        hasTriggeredSwitch.current = true\n        handleSwitchChain()\n      }, stepDelay)\n      return () => clearTimeout(delay)\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain])\n\n  // Trigger approve Step #2\n  const hasTriggeredApproval = useRef(false)\n  useEffect(() => {\n    if (!hasToSwitchChain || !showSwitchChainFlow) {\n      if (approvalState === ApprovalState.APPROVED) {\n        setApproveLoading(true)\n        const delay = setTimeout(() => {\n          setApproveLoading(false)\n          setHasToApprove(false)\n        }, stepDelay)\n        return () => clearTimeout(delay)\n      } else if (!hasTriggeredApproval.current && approvalState !== ApprovalState.PENDING) {\n        setApproveLoading(true)\n        hasTriggeredApproval.current = true\n        handleApprove()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain, approvalState])\n\n  // Execute main tx Step #3\n  const hasTriggeredTx = useRef(false)\n  useEffect(() => {\n    if (!hasToSwitchChain && !hasToApprove && !hasTriggeredTx.current) {\n      hasTriggeredTx.current = true\n      if (rateChanged) {\n        onDismiss?.()\n      } else {\n        setApproveLoading(false)\n        txCallback?.()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain, hasToApprove, txCallback])\n\n  // Close modal if a hash is found. Final Step\n  const { data: txReceipt, isSuccess, isLoading: verifyingTx } = useMonitorTx(buyTxHash, txChain)\n  useEffect(() => {\n    if (buyTxHash && txReceipt) {\n      if (isSuccess) {\n        onDismiss?.()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [buyTxHash, txReceipt, isSuccess])\n\n  const currentStep: number = showSwitchChainFlow ? (hasToSwitchChain ? 1 : hasToApprove ? 2 : 3) : hasToApprove ? 1 : 2\n  const splited = typeof inputToken !== 'string' ? inputToken?.symbol?.split('-') : undefined\n  const trueBondPrice = findHighestTrueBondPrice(\n    // @ts-ignore\n    TIERS_WEIGHT[getUserTier(promotionalPoints)] ?? '0',\n    bondData?.trueBondPrices,\n  )\n\n  return (\n    <Modal>\n      <ModalHeader onDismiss={onDismiss} hideDivider />\n      <Flex sx={{ flexDirection: 'column', width: '100%' }}>\n        <Flex sx={{ width: '100%', alignItems: 'center', p: '10px' }}>\n          {showSwitchChainFlow && (\n            <StepBubble number={1} title={'Switch Chain'} currentStep={currentStep} loading={loadingSwitchChain} />\n          )}\n          <StepBubble\n            number={showSwitchChainFlow ? 2 : 1}\n            title={'Approve'}\n            currentStep={currentStep}\n            loading={approveLoading || approvalState === ApprovalState.PENDING}\n          />\n          <StepBubble\n            number={showSwitchChainFlow ? 3 : 2}\n            title={'Buy'}\n            currentStep={currentStep}\n            loading={loadingTx || verifyingTx}\n            hideBar\n          />\n        </Flex>\n        <Flex sx={{ width: '100%', mt: '40px', justifyContent: 'center' }}>\n          <LoadingSpinner\n            isLoading={\n              loadingSwitchChain ||\n              approveLoading ||\n              loadingTx ||\n              verifyingTx ||\n              approvalState === ApprovalState.PENDING\n            }\n            size={100}\n          />\n        </Flex>\n        <Flex sx={{ width: '100%', justifyContent: 'center', mt: '10px' }}>\n          {hasToSwitchChain\n            ? loadingSwitchChain\n              ? 'Switching Chain...'\n              : 'Switch Chain'\n            : hasToApprove\n              ? approveLoading || approvalState === ApprovalState.PENDING\n                ? 'Approving...'\n                : 'Approve Contract'\n              : loadingTx || verifyingTx\n                ? 'Buying...'\n                : 'Buy'}\n        </Flex>\n        {bondData.billType === 'fcfs' ? (\n          <Flex sx={{ width: '100%', flexDirection: 'column', mt: '20px' }}>\n            <Flex\n              sx={{\n                width: '100%',\n                background: 'white3',\n                p: '5px',\n                borderRadius: 'normal',\n                color: 'textDisabledButton',\n                justifyContent: 'center',\n              }}\n            >\n              {bondData.underlyingEarnToken?.symbol || bondData.earnToken?.symbol}\n              {!bondData.yieldBond && <>({getTimePeriods(bondData?.vestingTerm).months} Mo)</>}\n            </Flex>\n            <Flex sx={{ width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }}>\n              <TokenImage\n                symbol={bondData.underlyingEarnToken?.symbol || bondData.earnToken?.symbol}\n                size={40}\n                chain={txChain}\n              />\n              <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n                <Flex sx={{ flexDirection: 'column', fontSize: '12px', ml: '10px' }}>\n                  {bondData.yieldBond ? (\n                    <>{bondData.underlyingEarnToken?.symbol || bondData.earnToken?.symbol}</>\n                  ) : (\n                    <>\n                      <Flex sx={{ color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }}>\n                        ${bondData.tgePrice}\n                      </Flex>\n                      <Flex sx={{ color: 'green', fontWeight: 600 }}>${bondData.initPrice}</Flex>\n                    </>\n                  )}\n                </Flex>\n                <Flex\n                  sx={{\n                    p: '5px',\n                    borderRadius: 'normal',\n                    border: '1px solid var(--theme-ui-colors-success)',\n                    background: 'rgba(56, 166, 17, 0.13)',\n                    color: 'success',\n                    lineHeight: '18px',\n                  }}\n                >\n                  {bondData.yieldBond\n                    ? `${bondData.yieldData?.apr.toFixed()} % APR`\n                    : `${trueBondPrice?.bonusWithFee?.toFixed(2)} % Bonus`}\n                </Flex>\n              </Flex>\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '10px' }}>\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                {isArray(splited) ? (\n                  <TokenImage symbol={splited[0]} symbol2={splited[1]} size={20} chain={txChain} />\n                ) : (\n                  <TokenImage symbol={getSymbol(inputToken, txChain)} size={20} chain={txChain} />\n                )}\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(inputValue, 4) ?? '0'}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (\n                  {inputTokenPrice?.price && inputValue\n                    ? `$${formatNumberSI(inputTokenPrice?.price * parseFloat(inputValue))}`\n                    : '0.00'}\n                  )\n                </Flex>\n              </Flex>\n              <Svg icon={'arrow'} direction={'right'} width={'10px'} />\n              <Flex\n                sx={{\n                  p: '10px',\n                  borderRadius: 'normal',\n                  background: 'white3',\n                  alignItems: 'center',\n                  width: '45%',\n                  gap: '5px',\n                }}\n              >\n                <TokenImage\n                  symbol={\n                    bondData.yieldBond\n                      ? bondData.underlyingEarnToken?.symbol || bondData.earnToken?.symbol\n                      : getSymbol(bondData.earnToken, txChain)\n                  }\n                  chain={txChain}\n                  size={20}\n                />\n                {bondData.yieldBond ? (\n                  <Flex sx={{ fontSize: '14px', fontWeight: 600 }}>${formatNumberSI(preTGEEstimatedOutputUSD)}</Flex>\n                ) : (\n                  <>\n                    <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                      {formatNumberSI(preTGEEstimatedOutput, 4)}\n                    </Flex>\n                    <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                      (${formatNumberSI(preTGEEstimatedOutputUSD)})\n                    </Flex>\n                  </>\n                )}\n              </Flex>\n            </Flex>\n          </Flex>\n        ) : (\n          <Flex sx={{ width: '100%', flexDirection: 'column', mt: '20px' }}>\n            <Flex\n              sx={{\n                width: '100%',\n                background: 'white3',\n                p: '5px',\n                borderRadius: 'normal',\n                color: 'textDisabledButton',\n                justifyContent: 'center',\n              }}\n            >\n              {bondData.earnToken.symbol} ({getVestingTermsString(bondData)})\n            </Flex>\n            <Flex sx={{ width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }}>\n              <TokenImage symbol={bondData.earnToken.symbol} size={40} chain={txChain} />\n              <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n                <Flex sx={{ flexDirection: 'column', fontSize: '12px', ml: '10px' }}>\n                  <Flex sx={{ color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }}>\n                    ${earnTokenPrice(bondData)}\n                  </Flex>\n                  <Flex sx={{ color: 'green', fontWeight: 600 }}>\n                    $\n                    {discountEarnTokenPriceForUser(\n                      bondData,\n                      SDKConfig.useTiers,\n                      getUserTier(promotionalPoints!) ?? undefined,\n                    )}\n                  </Flex>\n                </Flex>\n                <Flex\n                  sx={{\n                    p: '5px',\n                    borderRadius: 'normal',\n                    border: '1px solid var(--theme-ui-colors-success)',\n                    background: 'rgba(56, 166, 17, 0.13)',\n                    color: 'success',\n                    lineHeight: '18px',\n                  }}\n                >\n                  {bondData.earnToken.symbol.toLowerCase() === 'ireet'\n                    ? '3.00'\n                    : trueBondPrice?.bonusWithFee?.toFixed(2)}{' '}\n                  % Bonus\n                </Flex>\n              </Flex>\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '10px' }}>\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                {isArray(splited) ? (\n                  <TokenImage symbol={splited[0]} symbol2={splited[1]} size={20} chain={txChain} />\n                ) : (\n                  <TokenImage symbol={getSymbol(inputToken, txChain)} size={20} chain={txChain} />\n                )}\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(inputValue, 4) ?? '0'}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (\n                  {inputTokenPrice?.price && inputValue\n                    ? `$${formatNumberSI(inputTokenPrice?.price * parseFloat(inputValue))}`\n                    : '0.00'}\n                  )\n                </Flex>\n              </Flex>\n              <Svg icon={'arrow'} direction={'right'} width={'10px'} />\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                <TokenImage symbol={getSymbol(bondData.earnToken, txChain)} chain={txChain} size={20} />\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumberSI(estimatedOutputAmount, 4)}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (${formatNumberSI(estimatedOutputUSD)})\n                </Flex>\n              </Flex>\n            </Flex>\n          </Flex>\n        )}\n\n        {/*\n\n        Action Buttons\n\n        */}\n        <Flex sx={{ mt: '20px' }}>\n          {hasToSwitchChain ? (\n            <Button load={loadingSwitchChain} disabled={loadingSwitchChain} onClick={handleSwitchChain} fullWidth>\n              switch to {NETWORK_LABEL[txChain!]}\n            </Button>\n          ) : !hasToApprove ? (\n            <Button load={loadingTx || verifyingTx} disabled={loadingTx || verifyingTx} onClick={txCallback} fullWidth>\n              buy\n            </Button>\n          ) : (\n            <Button\n              className=\"action-button\"\n              load={approvalState === ApprovalState.PENDING || approveLoading}\n              disabled={approvalState === ApprovalState.PENDING || approveLoading}\n              onClick={handleApprove}\n              fullWidth\n            >\n              Approve\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default TransactionModal\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/views/YourBonds/YourBonds.js

@@ -24,6 +24,7 @@ import useSOLAccount from '../../hooks/accounts/useSOLAccount.js';
 import useAPTAccount from '../../hooks/accounts/useAPTAccount.js';
 import useSUIAccount from '../../hooks/accounts/useSUIAccount.js';
 import useBondsData from '../../state/bonds/useBondsData.js';
+import UserBondRowYield from './components/UserBondRow/UserBondRowYield.js';
 
 const YourBonds = ({ showOnly }) => {
     useTokenPrices();
@@ -51,6 +52,9 @@ const YourBonds = ({ showOnly }) => {
         if (!userBond?.accountInfo?.hasRedeemed) {
             return parseFloat(userBond?.accountInfo?.depositAmount ?? '0') > 0;
         }
+        else if (userBond.yieldBond && parseFloat(userBond?.accountInfo?.depositAmount ?? '0') > 0) {
+            return (userBond?.yieldData?.depositedAssets ?? 0) > 0;
+        }
         else {
             return userBond?.userOwnedBillsData?.payout !== '0';
         }
@@ -149,7 +153,9 @@ const YourBonds = ({ showOnly }) => {
     const hasBonds = useMemo(() => {
         return (bondsToRender && bondsToRender.length > 0) || !!preTGEBondsToRender?.length;
     }, [bondsToRender, preTGEBondsToRender]);
-    return (jsxs(Flex, { className: "yourbonds table-container", children: [!showOnly && (jsx(YourBondsMenu, { chainFilterOption: chainFilterOption, setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleFilterOption, setInputValue: setInputValue, inputValue: inputValue, handleSort: handleSort })), !account && !solanaAccount && !aptosAccount && !suiAccount ? (jsx(Flex, { className: "placeholder-monkey-wrapper", children: jsx(PlaceholderMonkey, { text: 'You are not connected.' }) })) : hasBonds && hasFetched ? (jsxs(Fragment, { children: [preTGEBondsToRender?.map((userBond, index) => (jsx(UserBondRowPreTGE, { userBond: userBond }, index))), bondsToRender.map((bond) => {
+    return (jsxs(Flex, { className: "yourbonds table-container", children: [!showOnly && (jsx(YourBondsMenu, { chainFilterOption: chainFilterOption, setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleFilterOption, setInputValue: setInputValue, inputValue: inputValue, handleSort: handleSort })), !account && !solanaAccount && !aptosAccount && !suiAccount ? (jsx(Flex, { className: "placeholder-monkey-wrapper", children: jsx(PlaceholderMonkey, { text: 'You are not connected.' }) })) : hasBonds && hasFetched ? (jsxs(Fragment, { children: [preTGEBondsToRender?.map((userBond, index) => {
+                        return userBond.yieldBond ? (jsx(UserBondRowYield, { userBond: userBond }, index)) : (jsx(UserBondRowPreTGE, { userBond: userBond }, index));
+                    }), bondsToRender.map((bond) => {
                         if (bond.bond?.chainId === ChainId.SOL)
                             return jsx(UserBondRowSolana, { bill: bond }, `${bond?.billNftAddress}-${bond.id}`);
                         if (bond.bond?.chainId === ChainId.APTOS)

package/dist/views/YourBonds/YourBonds.js.map

@@ -1 +1 @@
-{"version":3,"file":"YourBonds.js","sources":["../../../src/views/YourBonds/YourBonds.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react'\nimport { Flex, Spinner } from 'theme-ui'\nimport { UserBill } from '../../types/yourbonds'\nimport { claimableUSD, pendingUSD, getTimeLeftForFullyVested } from '../../utils/displayHelpers'\nimport useUserBonds from '../../state/bonds/useUserBonds'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport PlaceholderMonkey from '../../components/PlaceholderMonkey'\nimport useChainFilterOption from '../../state/chainFilterOption/useChainFilterOption'\nimport YourBondsMenu from './components/YourBondsMenu/YourBondsMenu'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport ConnectToSolanaBanner from '../../components/ConnectoToVmBanners/ConnectToSolanaBanner'\nimport ConnectToEVMBanner from '../../components/ConnectoToVmBanners/ConnectToEvmBanner'\nimport ConnectToAptosBanner from '../../components/ConnectoToVmBanners/ConnectToAptosBanner'\nimport ConnectToSuiBanner from '../../components/ConnectoToVmBanners/ConnectToSuiBanner'\nimport {\n  UserBondRowPreTGE,\n  UserBondRowSolana,\n  UserBondRowAptos,\n  UserBondRowSui,\n  UserBondRow,\n} from './components/UserBondRow'\nimport useUserBondsPreTGE from '../../state/bonds/useUserBondsPreTGE'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\nimport useSOLAccount from '../../hooks/accounts/useSOLAccount'\nimport useAPTAccount from '../../hooks/accounts/useAPTAccount'\nimport useSUIAccount from '../../hooks/accounts/useSUIAccount'\nimport useBondsData from '../../state/bonds/useBondsData'\n\ntype SortDirection = 'asc' | 'desc'\nexport type SortableKeys = 'claimable' | 'pending' | 'terms'\n\nconst YourBonds = ({ showOnly }: { showOnly?: string }) => {\n  useTokenPrices()\n  useBondsData()\n  // Hooks\n  const SDKConfig = useSDKConfig()\n  const { address: account } = useEVMAccount()\n  const { publicKey: solanaAccount } = useSOLAccount()\n  const { address: aptosAccount } = useAPTAccount()\n  const { address: suiAccount } = useSUIAccount()\n  const { data: userBonds, isFetched: userBondsFetched } = useUserBonds()\n  const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption()\n  const { data: preTGEUserBonds, isFetched: preTGEFetched } = useUserBondsPreTGE()\n  const hasFetched = userBondsFetched && (preTGEFetched || !account)\n\n  // State\n  const [sortConfig, setSortConfig] = useState<{ key: SortableKeys; direction: SortDirection } | null>({\n    key: 'claimable',\n    direction: 'desc',\n  })\n\n  const [inputValue, setInputValue] = useState('')\n  const filterOptions = ['CLAIMABLE', 'ALL']\n  const [filterOption, setFilterOption] = useState(filterOptions[0])\n\n  const preTGEBondsToRender = preTGEUserBonds\n    ?.filter((userBond) => {\n      if (!userBond?.accountInfo?.hasRedeemed) {\n        return parseFloat(userBond?.accountInfo?.depositAmount ?? '0') > 0\n      } else {\n        return userBond?.userOwnedBillsData?.payout !== '0'\n      }\n    })\n    .filter(\n      (userBond) =>\n        chainFilterOption.includes(userBond.chainId?.toString() ?? '') || chainFilterOption.includes('All Chains'),\n    )\n    .filter((userBond) => userBond.earnToken.symbol?.toLowerCase().includes(inputValue.toLowerCase()))\n\n  const handleSort = (key: SortableKeys) => {\n    let direction: SortDirection = 'desc'\n    if (sortConfig?.key === key && sortConfig?.direction === 'desc') {\n      direction = 'asc'\n    }\n    setSortConfig({ key, direction })\n  }\n\n  const bondsToRender = useMemo((): UserBill[] => {\n    if (!userBonds) return []\n    let bondsToReturn = userBonds\n\n    // Handle Filtering //\n\n    bondsToReturn = bondsToReturn?.filter((bond) => {\n      return bond.bond?.onlyPartner ? bond.bond.bondPartner === SDKConfig.bondPartner : true\n    })\n\n    if (SDKConfig.bondPartner) {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        return bond.bond?.bondPartner === SDKConfig.bondPartner\n      })\n    }\n\n    // Filter Single Token View\n    if (showOnly) {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        return bond?.bond?.earnToken?.symbol?.toLowerCase() === showOnly.toLowerCase()\n      })\n    }\n\n    // Filter by search query\n    if (inputValue !== '') {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        return [\n          bond?.bond?.showcaseTokenName?.toLowerCase(),\n          bond?.bond?.earnToken?.symbol?.toLowerCase(),\n          bond?.bond?.lpToken?.symbol?.toLowerCase(),\n        ].some((property) => property?.includes(inputValue.toLowerCase()))\n      })\n    }\n\n    // Filter by chain selector\n    if (!chainFilterOption.includes('All Chains')) {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        return chainFilterOption.includes(bond?.bond?.chainId?.toString() ?? '')\n      })\n    }\n\n    // Filter by filter option (claimable or all buttons)\n    if (filterOption === 'CLAIMABLE') {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        if (bond?.bond?.vestingCliff) {\n          return bond.payout !== '0'\n        }\n        return bond.pendingRewards !== '0'\n      })\n    }\n\n    // Handle sorting //\n    if (sortConfig !== null) {\n      bondsToReturn = bondsToReturn?.sort((a, b) => {\n        let aValue: number, bValue: number\n\n        if (sortConfig.key === 'claimable') {\n          aValue = claimableUSD(a)\n          bValue = claimableUSD(b)\n        } else if (sortConfig.key === 'pending') {\n          aValue = pendingUSD(a)\n          bValue = pendingUSD(b)\n        } else if (sortConfig.key === 'terms') {\n          // little nasty trick to have the lowest time (closest to being fully vested) show up first when sorting ascending\n          const aRemainingTime = getTimeLeftForFullyVested(b)\n          const bRemainingTime = getTimeLeftForFullyVested(a)\n\n          aValue = aRemainingTime\n          bValue = bRemainingTime\n        } else {\n          aValue = a[sortConfig.key]\n          bValue = b[sortConfig.key]\n        }\n\n        if (aValue < bValue) {\n          return sortConfig.direction === 'asc' ? -1 : 1\n        }\n        if (aValue > bValue) {\n          return sortConfig.direction === 'asc' ? 1 : -1\n        }\n        return 0\n      })\n    }\n    return bondsToReturn\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [userBonds, sortConfig, inputValue, chainFilterOption, filterOption, userBondsFetched])\n\n  const handleFilterOption = useCallback((newOption: string) => {\n    setFilterOption(newOption)\n  }, [])\n\n  const hasBonds = useMemo(() => {\n    return (bondsToRender && bondsToRender.length > 0) || !!preTGEBondsToRender?.length\n  }, [bondsToRender, preTGEBondsToRender])\n\n  return (\n    <Flex className=\"yourbonds table-container\">\n      {!showOnly && (\n        <YourBondsMenu\n          chainFilterOption={chainFilterOption}\n          setChainFilterOption={setChainFilterOption}\n          filterOptions={filterOptions}\n          filterOption={filterOption}\n          setFilterOption={handleFilterOption}\n          setInputValue={setInputValue}\n          inputValue={inputValue}\n          handleSort={handleSort}\n        />\n      )}\n      {!account && !solanaAccount && !aptosAccount && !suiAccount ? (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <PlaceholderMonkey text={'You are not connected.'} />\n        </Flex>\n      ) : hasBonds && hasFetched ? (\n        <>\n          {preTGEBondsToRender?.map((userBond, index) => (\n            <UserBondRowPreTGE userBond={userBond} key={index} />\n          ))}\n          {bondsToRender.map((bond) => {\n            if (bond.bond?.chainId === ChainId.SOL)\n              return <UserBondRowSolana bill={bond} key={`${bond?.billNftAddress}-${bond.id}`} />\n            if (bond.bond?.chainId === ChainId.APTOS) return <UserBondRowAptos bill={bond} key={`aptos-${bond?.id}`} />\n            if (bond.bond?.chainId === ChainId.SUI) return <UserBondRowSui bill={bond} key={`sui-${bond?.id}`} />\n            return <UserBondRow bill={bond} key={`${bond?.id}-${bond?.billNftAddress}`} />\n          })}\n        </>\n      ) : inputValue !== '' || !chainFilterOption.includes('All Chains') ? (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <PlaceholderMonkey text={'No results, change filters.'} />\n        </Flex>\n      ) : hasFetched && !hasBonds ? (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <PlaceholderMonkey\n            text={`You do not own any ${[account && 'EVM', solanaAccount && 'SOL', aptosAccount && 'Aptos', suiAccount && 'Sui'].filter(Boolean).join(' nor ') || 'EVM'} Bonds.`}\n          />\n        </Flex>\n      ) : (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <Spinner size={100} />\n        </Flex>\n      )}\n      <Flex\n        sx={{\n          width: '100%',\n          flexDirection: ['column', 'column', 'column', 'column', 'column', 'row'],\n          gap: '10px',\n          my: '10px',\n        }}\n      >\n        {!solanaAccount && SDKConfig.chains?.includes(ChainId.SOL) && (\n          <Flex sx={{ width: '100%', mt: '5px' }}>\n            <ConnectToSolanaBanner />\n          </Flex>\n        )}\n        {!aptosAccount && SDKConfig.chains?.includes(ChainId.APTOS) && (\n          <Flex sx={{ width: '100%', mt: '5px' }}>\n            <ConnectToAptosBanner />\n          </Flex>\n        )}\n        {!suiAccount && SDKConfig.chains?.includes(ChainId.SUI) && (\n          <Flex sx={{ width: '100%', mt: '5px' }}>\n            <ConnectToSuiBanner />\n          </Flex>\n        )}\n        {!account && (\n          <Flex sx={{ width: '100%', mt: '5px' }}>\n            <ConnectToEVMBanner />\n          </Flex>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default YourBonds\n"],"names":["_jsxs","_jsx","_Fragment","ConnectToSolanaBanner"],"mappings":"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"}
+{"version":3,"file":"YourBonds.js","sources":["../../../src/views/YourBonds/YourBonds.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react'\nimport { Flex, Spinner } from 'theme-ui'\nimport { UserBill } from '../../types/yourbonds'\nimport { claimableUSD, pendingUSD, getTimeLeftForFullyVested } from '../../utils/displayHelpers'\nimport useUserBonds from '../../state/bonds/useUserBonds'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport PlaceholderMonkey from '../../components/PlaceholderMonkey'\nimport useChainFilterOption from '../../state/chainFilterOption/useChainFilterOption'\nimport YourBondsMenu from './components/YourBondsMenu/YourBondsMenu'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport ConnectToSolanaBanner from '../../components/ConnectoToVmBanners/ConnectToSolanaBanner'\nimport ConnectToEVMBanner from '../../components/ConnectoToVmBanners/ConnectToEvmBanner'\nimport ConnectToAptosBanner from '../../components/ConnectoToVmBanners/ConnectToAptosBanner'\nimport ConnectToSuiBanner from '../../components/ConnectoToVmBanners/ConnectToSuiBanner'\nimport {\n  UserBondRowPreTGE,\n  UserBondRowSolana,\n  UserBondRowAptos,\n  UserBondRowSui,\n  UserBondRow,\n} from './components/UserBondRow'\nimport useUserBondsPreTGE from '../../state/bonds/useUserBondsPreTGE'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\nimport useSOLAccount from '../../hooks/accounts/useSOLAccount'\nimport useAPTAccount from '../../hooks/accounts/useAPTAccount'\nimport useSUIAccount from '../../hooks/accounts/useSUIAccount'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport UserBondRowYield from './components/UserBondRow/UserBondRowYield'\n\ntype SortDirection = 'asc' | 'desc'\nexport type SortableKeys = 'claimable' | 'pending' | 'terms'\n\nconst YourBonds = ({ showOnly }: { showOnly?: string }) => {\n  useTokenPrices()\n  useBondsData()\n  // Hooks\n  const SDKConfig = useSDKConfig()\n  const { address: account } = useEVMAccount()\n  const { publicKey: solanaAccount } = useSOLAccount()\n  const { address: aptosAccount } = useAPTAccount()\n  const { address: suiAccount } = useSUIAccount()\n  const { data: userBonds, isFetched: userBondsFetched } = useUserBonds()\n  const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption()\n  const { data: preTGEUserBonds, isFetched: preTGEFetched } = useUserBondsPreTGE()\n  const hasFetched = userBondsFetched && (preTGEFetched || !account)\n\n  // State\n  const [sortConfig, setSortConfig] = useState<{ key: SortableKeys; direction: SortDirection } | null>({\n    key: 'claimable',\n    direction: 'desc',\n  })\n\n  const [inputValue, setInputValue] = useState('')\n  const filterOptions = ['CLAIMABLE', 'ALL']\n  const [filterOption, setFilterOption] = useState(filterOptions[0])\n\n  const preTGEBondsToRender = preTGEUserBonds\n    ?.filter((userBond) => {\n      if (!userBond?.accountInfo?.hasRedeemed) {\n        return parseFloat(userBond?.accountInfo?.depositAmount ?? '0') > 0\n      } else if (userBond.yieldBond && parseFloat(userBond?.accountInfo?.depositAmount ?? '0') > 0) {\n        return (userBond?.yieldData?.depositedAssets ?? 0) > 0\n      } else {\n        return userBond?.userOwnedBillsData?.payout !== '0'\n      }\n    })\n    .filter(\n      (userBond) =>\n        chainFilterOption.includes(userBond.chainId?.toString() ?? '') || chainFilterOption.includes('All Chains'),\n    )\n    .filter((userBond) => userBond.earnToken.symbol?.toLowerCase().includes(inputValue.toLowerCase()))\n\n  const handleSort = (key: SortableKeys) => {\n    let direction: SortDirection = 'desc'\n    if (sortConfig?.key === key && sortConfig?.direction === 'desc') {\n      direction = 'asc'\n    }\n    setSortConfig({ key, direction })\n  }\n\n  const bondsToRender = useMemo((): UserBill[] => {\n    if (!userBonds) return []\n    let bondsToReturn = userBonds\n\n    // Handle Filtering //\n\n    bondsToReturn = bondsToReturn?.filter((bond) => {\n      return bond.bond?.onlyPartner ? bond.bond.bondPartner === SDKConfig.bondPartner : true\n    })\n\n    if (SDKConfig.bondPartner) {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        return bond.bond?.bondPartner === SDKConfig.bondPartner\n      })\n    }\n\n    // Filter Single Token View\n    if (showOnly) {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        return bond?.bond?.earnToken?.symbol?.toLowerCase() === showOnly.toLowerCase()\n      })\n    }\n\n    // Filter by search query\n    if (inputValue !== '') {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        return [\n          bond?.bond?.showcaseTokenName?.toLowerCase(),\n          bond?.bond?.earnToken?.symbol?.toLowerCase(),\n          bond?.bond?.lpToken?.symbol?.toLowerCase(),\n        ].some((property) => property?.includes(inputValue.toLowerCase()))\n      })\n    }\n\n    // Filter by chain selector\n    if (!chainFilterOption.includes('All Chains')) {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        return chainFilterOption.includes(bond?.bond?.chainId?.toString() ?? '')\n      })\n    }\n\n    // Filter by filter option (claimable or all buttons)\n    if (filterOption === 'CLAIMABLE') {\n      bondsToReturn = bondsToReturn?.filter((bond) => {\n        if (bond?.bond?.vestingCliff) {\n          return bond.payout !== '0'\n        }\n        return bond.pendingRewards !== '0'\n      })\n    }\n\n    // Handle sorting //\n    if (sortConfig !== null) {\n      bondsToReturn = bondsToReturn?.sort((a, b) => {\n        let aValue: number, bValue: number\n\n        if (sortConfig.key === 'claimable') {\n          aValue = claimableUSD(a)\n          bValue = claimableUSD(b)\n        } else if (sortConfig.key === 'pending') {\n          aValue = pendingUSD(a)\n          bValue = pendingUSD(b)\n        } else if (sortConfig.key === 'terms') {\n          // little nasty trick to have the lowest time (closest to being fully vested) show up first when sorting ascending\n          const aRemainingTime = getTimeLeftForFullyVested(b)\n          const bRemainingTime = getTimeLeftForFullyVested(a)\n\n          aValue = aRemainingTime\n          bValue = bRemainingTime\n        } else {\n          aValue = a[sortConfig.key]\n          bValue = b[sortConfig.key]\n        }\n\n        if (aValue < bValue) {\n          return sortConfig.direction === 'asc' ? -1 : 1\n        }\n        if (aValue > bValue) {\n          return sortConfig.direction === 'asc' ? 1 : -1\n        }\n        return 0\n      })\n    }\n    return bondsToReturn\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [userBonds, sortConfig, inputValue, chainFilterOption, filterOption, userBondsFetched])\n\n  const handleFilterOption = useCallback((newOption: string) => {\n    setFilterOption(newOption)\n  }, [])\n\n  const hasBonds = useMemo(() => {\n    return (bondsToRender && bondsToRender.length > 0) || !!preTGEBondsToRender?.length\n  }, [bondsToRender, preTGEBondsToRender])\n\n  return (\n    <Flex className=\"yourbonds table-container\">\n      {!showOnly && (\n        <YourBondsMenu\n          chainFilterOption={chainFilterOption}\n          setChainFilterOption={setChainFilterOption}\n          filterOptions={filterOptions}\n          filterOption={filterOption}\n          setFilterOption={handleFilterOption}\n          setInputValue={setInputValue}\n          inputValue={inputValue}\n          handleSort={handleSort}\n        />\n      )}\n      {!account && !solanaAccount && !aptosAccount && !suiAccount ? (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <PlaceholderMonkey text={'You are not connected.'} />\n        </Flex>\n      ) : hasBonds && hasFetched ? (\n        <>\n          {preTGEBondsToRender?.map((userBond, index) => {\n            return userBond.yieldBond ? (\n              <UserBondRowYield userBond={userBond} key={index} />\n            ) : (\n              <UserBondRowPreTGE userBond={userBond} key={index} />\n            )\n          })}\n          {bondsToRender.map((bond) => {\n            if (bond.bond?.chainId === ChainId.SOL)\n              return <UserBondRowSolana bill={bond} key={`${bond?.billNftAddress}-${bond.id}`} />\n            if (bond.bond?.chainId === ChainId.APTOS) return <UserBondRowAptos bill={bond} key={`aptos-${bond?.id}`} />\n            if (bond.bond?.chainId === ChainId.SUI) return <UserBondRowSui bill={bond} key={`sui-${bond?.id}`} />\n            return <UserBondRow bill={bond} key={`${bond?.id}-${bond?.billNftAddress}`} />\n          })}\n        </>\n      ) : inputValue !== '' || !chainFilterOption.includes('All Chains') ? (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <PlaceholderMonkey text={'No results, change filters.'} />\n        </Flex>\n      ) : hasFetched && !hasBonds ? (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <PlaceholderMonkey\n            text={`You do not own any ${[account && 'EVM', solanaAccount && 'SOL', aptosAccount && 'Aptos', suiAccount && 'Sui'].filter(Boolean).join(' nor ') || 'EVM'} Bonds.`}\n          />\n        </Flex>\n      ) : (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <Spinner size={100} />\n        </Flex>\n      )}\n      <Flex\n        sx={{\n          width: '100%',\n          flexDirection: ['column', 'column', 'column', 'column', 'column', 'row'],\n          gap: '10px',\n          my: '10px',\n        }}\n      >\n        {!solanaAccount && SDKConfig.chains?.includes(ChainId.SOL) && (\n          <Flex sx={{ width: '100%', mt: '5px' }}>\n            <ConnectToSolanaBanner />\n          </Flex>\n        )}\n        {!aptosAccount && SDKConfig.chains?.includes(ChainId.APTOS) && (\n          <Flex sx={{ width: '100%', mt: '5px' }}>\n            <ConnectToAptosBanner />\n          </Flex>\n        )}\n        {!suiAccount && SDKConfig.chains?.includes(ChainId.SUI) && (\n          <Flex sx={{ width: '100%', mt: '5px' }}>\n            <ConnectToSuiBanner />\n          </Flex>\n        )}\n        {!account && (\n          <Flex sx={{ width: '100%', mt: '5px' }}>\n            <ConnectToEVMBanner />\n          </Flex>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default YourBonds\n"],"names":["_jsxs","_jsx","_Fragment","ConnectToSolanaBanner"],"mappings":"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"}

package/dist/views/YourBonds/components/UserBondRow/PreTGEActions.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { jsx } from 'theme-ui/jsx-runtime';
 import { useState, useEffect } from 'react';
 import Button from '../../../../components/uikit-sdk/Button/Button.js';
 import { useWriteContract, useSwitchChain } from 'wagmi';
@@ -7,7 +7,6 @@ import { reportError } from '../../../../utils/reportError.js';
 import { useSDKConfig } from '../../../../state/useSDKConfig.js';
 import { usePopups } from '../../../../state/popups/usePopups.js';
 import { useMonitorTx } from '../../../../hooks/useMonitorTx.js';
-import { NETWORK_LABEL } from '../../../../config/constants/chains.js';
 import { formatTimeLeft } from '../../../../utils/getTimePeriods.js';
 import useUserBondsPreTGE from '../../../../state/bonds/useUserBondsPreTGE.js';
 import useEVMAccount from '../../../../hooks/accounts/useEVMAccount.js';
@@ -19,7 +18,7 @@ const PreTgeActions = ({ userBond }) => {
     const SDKConfig = useSDKConfig();
     const { addToastError } = usePopups();
     const { refetch } = useUserBondsPreTGE();
-    const { switchChain } = useSwitchChain();
+    const { switchChainAsync } = useSwitchChain();
     //State
     const [loading, setLoading] = useState(false);
     const [hash, setHash] = useState('');
@@ -82,6 +81,14 @@ const PreTgeActions = ({ userBond }) => {
         })
             .finally(() => setLoading(false));
     };
+    const handleClick = () => {
+        if (hasRedeemed) {
+            handleClaim();
+        }
+        else {
+            handleRedeem();
+        }
+    };
     useEffect(() => {
         // trigger refetch user bonds once tx is confirmed
         if (!!hash && isSuccess && !isLoadingOnChain) {
@@ -90,11 +97,22 @@ const PreTgeActions = ({ userBond }) => {
         }
         /* eslint-disable react-hooks/exhaustive-deps */
     }, [hash, isSuccess, isLoadingOnChain]);
-    return chainId !== userBond.chainId && saleFinalized ? (jsxs(Button, { onClick: () => switchChain({ chainId: userBond?.chainId }), sx: { fontSize: '14px', height: '30px' }, fullWidth: true, children: ["Switch to ", NETWORK_LABEL[userBond?.chainId]] })) : (jsx(Button, { disabled: !saleFinalized || loading || isLoadingOnChain, load: loading || isLoadingOnChain, fullWidth: true, sx: {
+    return (jsx(Button, { disabled: !saleFinalized || loading || isLoadingOnChain, load: loading || isLoadingOnChain, fullWidth: true, sx: {
             fontSize: '14px',
             height: '30px',
             background: !saleFinalized && 'var(--theme-ui-colors-white4) !important',
-        }, onClick: hasRedeemed ? handleClaim : handleRedeem, children: saleFinalized ? 'Claim' : `Claimable in ${redeemableIn}` }));
+        }, onClick: () => {
+            if (chainId !== userBond.chainId) {
+                switchChainAsync({ chainId: userBond.chainId })
+                    .then(() => {
+                    handleClick();
+                })
+                    .catch();
+            }
+            else {
+                handleClick();
+            }
+        }, children: saleFinalized ? 'Claim' : `Claimable in ${redeemableIn}` }));
 };
 
 export { PreTgeActions as default };

package/dist/views/YourBonds/components/UserBondRow/PreTGEActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreTGEActions.js","sources":["../../../../../src/views/YourBonds/components/UserBondRow/PreTGEActions.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport { useSwitchChain, useWriteContract } from 'wagmi'\nimport LaunchBondABI_V_2_4_1 from '../../../../config/abi/launchBond_v2_4_1.json'\nimport { reportError } from '../../../../utils/reportError'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport { useMonitorTx } from '../../../../hooks/useMonitorTx'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { NETWORK_LABEL } from '../../../../config/constants/chains'\nimport { formatTimeLeft } from '../../../../utils/getTimePeriods'\nimport useUserBondsPreTGE, { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\n\nconst PreTgeActions = ({ userBond }: { userBond: PreTGEUserBonds }) => {\n  //Hooks\n  const { writeContractAsync } = useWriteContract()\n  const { address: account, chainId } = useEVMAccount()\n  const SDKConfig = useSDKConfig()\n  const { addToastError } = usePopups()\n  const { refetch } = useUserBondsPreTGE()\n  const { switchChain } = useSwitchChain()\n\n  //State\n  const [loading, setLoading] = useState(false)\n  const [hash, setHash] = useState('')\n\n  // Data\n  const { isLoading: isLoadingOnChain, isSuccess } = useMonitorTx(hash, userBond?.chainId)\n  const hasRedeemed = userBond?.accountInfo?.hasRedeemed\n  const redeemableIn = formatTimeLeft((userBond?.redeemTime ?? 0) - new Date().getTime() / 1000, true, true)\n\n  const saleFinalized = userBond?.finalized\n\n  const handleRedeem = async () => {\n    setLoading(true)\n    writeContractAsync({\n      address: userBond.contractAddress[userBond.chainId] as `0x${string}`,\n      abi: LaunchBondABI_V_2_4_1,\n      functionName: 'redeem',\n      chain: userBond.chainId as any,\n      account,\n    })\n      .then((r) => {\n        setHash(r)\n      })\n      .catch((e) => {\n        console.error(e.message)\n        reportError({\n          apiUrl: SDKConfig?.urls?.apiV2,\n          error: e.message,\n          extraInfo: { type: 'redeemLaunchBond', error: e.message },\n          chainId: userBond.chainId,\n          account,\n        })\n        addToastError(e.shortMessage)\n      })\n      .finally(() => setLoading(false))\n  }\n\n  const handleClaim = async () => {\n    setLoading(true)\n    setHash('')\n    if (!userBond?.userOwnedBillsData?.id) return\n    writeContractAsync({\n      address: userBond.contractAddress[userBond.chainId] as `0x${string}`,\n      abi: LaunchBondABI_V_2_4_1,\n      functionName: 'claim',\n      args: [userBond?.userOwnedBillsData?.id],\n      chain: userBond.chainId as any,\n      account,\n    })\n      .then((r) => {\n        setHash(r)\n      })\n      .catch((e) => {\n        console.error(e.message)\n        reportError({\n          apiUrl: SDKConfig?.urls?.apiV2,\n          error: e.message,\n          extraInfo: { type: 'claimLaunchBond', error: e.message },\n          chainId: userBond.chainId,\n          account,\n        })\n        addToastError(e.shortMessage)\n      })\n      .finally(() => setLoading(false))\n  }\n\n  useEffect(() => {\n    // trigger refetch user bonds once tx is confirmed\n    if (!!hash && isSuccess && !isLoadingOnChain) {\n      console.log('trigger user refetch')\n      refetch()\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hash, isSuccess, isLoadingOnChain])\n\n  return chainId !== userBond.chainId && saleFinalized ? (\n    <Button\n      onClick={() => switchChain({ chainId: userBond?.chainId as ChainId })}\n      sx={{ fontSize: '14px', height: '30px' }}\n      fullWidth\n    >\n      Switch to {NETWORK_LABEL[userBond?.chainId as ChainId]}\n    </Button>\n  ) : (\n    <Button\n      disabled={!saleFinalized || loading || isLoadingOnChain}\n      load={loading || isLoadingOnChain}\n      fullWidth\n      sx={{\n        fontSize: '14px',\n        height: '30px',\n        background: !saleFinalized && 'var(--theme-ui-colors-white4) !important',\n      }}\n      onClick={hasRedeemed ? handleClaim : handleRedeem}\n    >\n      {saleFinalized ? 'Claim' : `Claimable in ${redeemableIn}`}\n    </Button>\n  )\n}\n\nexport default PreTgeActions\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"PreTGEActions.js","sources":["../../../../../src/views/YourBonds/components/UserBondRow/PreTGEActions.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport { useSwitchChain, useWriteContract } from 'wagmi'\nimport LaunchBondABI_V_2_4_1 from '../../../../config/abi/launchBond_v2_4_1.json'\nimport { reportError } from '../../../../utils/reportError'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport { useMonitorTx } from '../../../../hooks/useMonitorTx'\nimport { formatTimeLeft } from '../../../../utils/getTimePeriods'\nimport useUserBondsPreTGE, { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\n\nconst PreTgeActions = ({ userBond }: { userBond: PreTGEUserBonds }) => {\n  //Hooks\n  const { writeContractAsync } = useWriteContract()\n  const { address: account, chainId } = useEVMAccount()\n  const SDKConfig = useSDKConfig()\n  const { addToastError } = usePopups()\n  const { refetch } = useUserBondsPreTGE()\n  const { switchChainAsync } = useSwitchChain()\n\n  //State\n  const [loading, setLoading] = useState(false)\n  const [hash, setHash] = useState('')\n\n  // Data\n  const { isLoading: isLoadingOnChain, isSuccess } = useMonitorTx(hash, userBond?.chainId)\n  const hasRedeemed = userBond?.accountInfo?.hasRedeemed\n  const redeemableIn = formatTimeLeft((userBond?.redeemTime ?? 0) - new Date().getTime() / 1000, true, true)\n\n  const saleFinalized = userBond?.finalized\n\n  const handleRedeem = async () => {\n    setLoading(true)\n    writeContractAsync({\n      address: userBond.contractAddress[userBond.chainId] as `0x${string}`,\n      abi: LaunchBondABI_V_2_4_1,\n      functionName: 'redeem',\n      chain: userBond.chainId as any,\n      account,\n    })\n      .then((r) => {\n        setHash(r)\n      })\n      .catch((e) => {\n        console.error(e.message)\n        reportError({\n          apiUrl: SDKConfig?.urls?.apiV2,\n          error: e.message,\n          extraInfo: { type: 'redeemLaunchBond', error: e.message },\n          chainId: userBond.chainId,\n          account,\n        })\n        addToastError(e.shortMessage)\n      })\n      .finally(() => setLoading(false))\n  }\n\n  const handleClaim = async () => {\n    setLoading(true)\n    setHash('')\n    if (!userBond?.userOwnedBillsData?.id) return\n    writeContractAsync({\n      address: userBond.contractAddress[userBond.chainId] as `0x${string}`,\n      abi: LaunchBondABI_V_2_4_1,\n      functionName: 'claim',\n      args: [userBond?.userOwnedBillsData?.id],\n      chain: userBond.chainId as any,\n      account,\n    })\n      .then((r) => {\n        setHash(r)\n      })\n      .catch((e) => {\n        console.error(e.message)\n        reportError({\n          apiUrl: SDKConfig?.urls?.apiV2,\n          error: e.message,\n          extraInfo: { type: 'claimLaunchBond', error: e.message },\n          chainId: userBond.chainId,\n          account,\n        })\n        addToastError(e.shortMessage)\n      })\n      .finally(() => setLoading(false))\n  }\n\n  const handleClick = () => {\n    if (hasRedeemed) {\n      handleClaim()\n    } else {\n      handleRedeem()\n    }\n  }\n\n  useEffect(() => {\n    // trigger refetch user bonds once tx is confirmed\n    if (!!hash && isSuccess && !isLoadingOnChain) {\n      console.log('trigger user refetch')\n      refetch()\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hash, isSuccess, isLoadingOnChain])\n\n  return (\n    <Button\n      disabled={!saleFinalized || loading || isLoadingOnChain}\n      load={loading || isLoadingOnChain}\n      fullWidth\n      sx={{\n        fontSize: '14px',\n        height: '30px',\n        background: !saleFinalized && 'var(--theme-ui-colors-white4) !important',\n      }}\n      onClick={() => {\n        if (chainId !== userBond.chainId) {\n          switchChainAsync({ chainId: userBond.chainId })\n            .then(() => {\n              handleClick()\n            })\n            .catch()\n        } else {\n          handleClick()\n        }\n      }}\n    >\n      {saleFinalized ? 'Claim' : `Claimable in ${redeemableIn}`}\n    </Button>\n  )\n}\n\nexport default PreTgeActions\n"],"names":["_jsx"],"mappings":"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"}