@ape.swap/bonds-sdk 3.1.8 → 3.1.9-test.3

package/dist/views/Bonds/components/BondRows/ModalHandler.js

@@ -0,0 +1,57 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import { useState, useEffect } from 'react';
+import useUserBonds from '../../../../state/bonds/useUserBonds.js';
+import YourBondsModal from '../../../YourBondsModal/YourBondsModal.js';
+import BuyBondModal from '../../../BuyBond/BuyBondModal.js';
+import { useMonitorTxHash } from '../../../../hooks/useMonitorTxHash.js';
+import useBondsData from '../../../../state/bonds/useBondsData.js';
+
+/*
+ * Basically this is a handler that controls which Modal is displayed to the user.
+ * It will start by showing the buy modal and if a user purchases a bond, a hash will be set, this will initially trigger
+ * a monitor of the txhash and the search for a bill Id. Finally, if a billId is found the YourBondModal will be shown.
+ * */
+const ModalHandler = ({ onDismiss, bondAddress, bondChain, }) => {
+    const locationPath = window.location.pathname;
+    const [billId, setBillId] = useState('');
+    const [buyTxHash, setBuyTxHash] = useState('');
+    const { data: txReceipt } = useMonitorTxHash(buyTxHash, bondChain);
+    const { data: bondsData } = useBondsData();
+    const billNftAddress = txReceipt
+        ? bondsData?.find((bond) => bond?.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress?.toLowerCase() &&
+            bond.chainId === bondChain)?.billNnftAddress?.[bondChain]
+        : '';
+    if (txReceipt && billNftAddress) {
+        try {
+            const { logs } = txReceipt;
+            const findBillNftLog = logs.find((log) => log.address.toLowerCase() === billNftAddress?.toLowerCase());
+            const getBillNftIndex = findBillNftLog?.topics[findBillNftLog.topics.length - 1];
+            const convertHexId = parseInt(getBillNftIndex, 16);
+            if (!billId) {
+                console.log('set Bill id: ' + convertHexId.toString());
+                setBillId(convertHexId.toString());
+            }
+        }
+        catch (e) {
+            console.log(e);
+        }
+    }
+    const { data: userBonds, refetch } = useUserBonds();
+    const userBill = userBonds?.find((bond) => bond.id === billId &&
+        bond?.bond?.contractAddress?.[bond?.bond?.chainId]?.toLowerCase() === bondAddress.toLowerCase() &&
+        bond?.bond?.chainId === bondChain);
+    useEffect(() => {
+        if (billId) {
+            console.log('BillId detected, Refetching user bonds');
+            refetch();
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [billId]);
+    return billId ? (jsx(YourBondsModal, { bill: userBill, onDismiss: onDismiss })) : (jsx(BuyBondModal, { bondAddress: bondAddress, bondChain: bondChain, handlePurchasedBond: setBuyTxHash, onDismiss: () => {
+            window.history.pushState({}, '', `${locationPath !== '/bonds' ? locationPath : '/bonds'}`);
+            onDismiss?.();
+        } }));
+};
+
+export { ModalHandler as default };
+//# sourceMappingURL=ModalHandler.js.map

package/dist/views/Bonds/components/BondRows/ModalHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHandler.js","sources":["../../../../../src/views/Bonds/components/BondRows/ModalHandler.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport useUserBonds from '../../../../state/bonds/useUserBonds'\nimport YourBondsModal from '../../../YourBondsModal/YourBondsModal'\nimport BuyBondModal from '../../../BuyBond/BuyBondModal'\nimport { useMonitorTxHash } from '../../../../hooks/useMonitorTxHash'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport { ChainId } from '@ape.swap/apeswap-lists'\n\n/*\n * Basically this is a handler that controls which Modal is displayed to the user.\n * It will start by showing the buy modal and if a user purchases a bond, a hash will be set, this will initially trigger\n * a monitor of the txhash and the search for a bill Id. Finally, if a billId is found the YourBondModal will be shown.\n * */\n\nconst ModalHandler = ({\n  onDismiss,\n  bondAddress,\n  bondChain,\n}: {\n  onDismiss?: () => void\n  bondAddress: string\n  bondChain: number\n}) => {\n  const locationPath = window.location.pathname\n  const [billId, setBillId] = useState('')\n  const [buyTxHash, setBuyTxHash] = useState('')\n  const { data: txReceipt } = useMonitorTxHash(buyTxHash, bondChain)\n  const { data: bondsData } = useBondsData()\n  const billNftAddress = txReceipt\n    ? bondsData?.find(\n        (bond) =>\n          bond?.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress?.toLowerCase() &&\n          bond.chainId === bondChain,\n      )?.billNnftAddress?.[bondChain as ChainId]\n    : ''\n  if (txReceipt && billNftAddress) {\n    try {\n      const { logs } = txReceipt\n      const findBillNftLog = logs.find((log: any) => log.address.toLowerCase() === billNftAddress?.toLowerCase())\n      const getBillNftIndex = findBillNftLog?.topics[findBillNftLog.topics.length - 1] as string\n      const convertHexId = parseInt(getBillNftIndex, 16)\n      if (!billId) {\n        console.log('set Bill id: ' + convertHexId.toString())\n        setBillId(convertHexId.toString())\n      }\n    } catch (e) {\n      console.log(e)\n    }\n  }\n\n  const { data: userBonds, refetch } = useUserBonds()\n  const userBill = userBonds?.find(\n    (bond) =>\n      bond.id === billId &&\n      bond?.bond?.contractAddress?.[bond?.bond?.chainId as ChainId]?.toLowerCase() === bondAddress.toLowerCase() &&\n      bond?.bond?.chainId === bondChain,\n  )\n  useEffect(() => {\n    if (billId) {\n      console.log('BillId detected, Refetching user bonds')\n      refetch()\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [billId])\n\n  return billId ? (\n    <YourBondsModal bill={userBill} onDismiss={onDismiss} />\n  ) : (\n    <BuyBondModal\n      bondAddress={bondAddress}\n      bondChain={bondChain}\n      handlePurchasedBond={setBuyTxHash}\n      onDismiss={() => {\n        window.history.pushState({}, '', `${locationPath !== '/bonds' ? locationPath : '/bonds'}`)\n        onDismiss?.()\n      }}\n    />\n  )\n}\n\nexport default ModalHandler\n"],"names":["_jsx"],"mappings":";;;;;;;;AAQA;;;;AAIK;AAEL,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,WAAW,EACX,SAAS,GAKV,KAAI;AACH,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;IACxC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;AAC9C,IAAA,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC;IAClE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;IAC1C,MAAM,cAAc,GAAG;UACnB,SAAS,EAAE,IAAI,CACb,CAAC,IAAI,KACH,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,WAAW,EAAE;YACnF,IAAI,CAAC,OAAO,KAAK,SAAS,CAC7B,EAAE,eAAe,GAAG,SAAoB;UACzC,EAAE;AACN,IAAA,IAAI,SAAS,IAAI,cAAc,EAAE;AAC/B,QAAA,IAAI;AACF,YAAA,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS;YAC1B,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAQ,KAAK,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,cAAc,EAAE,WAAW,EAAE,CAAC;AAC3G,YAAA,MAAM,eAAe,GAAG,cAAc,EAAE,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAW;YAC1F,MAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,EAAE,EAAE,CAAC;YAClD,IAAI,CAAC,MAAM,EAAE;gBACX,OAAO,CAAC,GAAG,CAAC,eAAe,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;AACtD,gBAAA,SAAS,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;YACpC;QACF;QAAE,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;QAChB;IACF;IAEA,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,YAAY,EAAE;AACnD,IAAA,MAAM,QAAQ,GAAG,SAAS,EAAE,IAAI,CAC9B,CAAC,IAAI,KACH,IAAI,CAAC,EAAE,KAAK,MAAM;AAClB,QAAA,IAAI,EAAE,IAAI,EAAE,eAAe,GAAG,IAAI,EAAE,IAAI,EAAE,OAAkB,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAC,WAAW,EAAE;AAC1G,QAAA,IAAI,EAAE,IAAI,EAAE,OAAO,KAAK,SAAS,CACpC;IACD,SAAS,CAAC,MAAK;QACb,IAAI,MAAM,EAAE;AACV,YAAA,OAAO,CAAC,GAAG,CAAC,wCAAwC,CAAC;AACrD,YAAA,OAAO,EAAE;QACX;;AAEF,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,OAAO,MAAM,IACXA,IAAC,cAAc,EAAA,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,KAExDA,IAAC,YAAY,EAAA,EACX,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,YAAY,EACjC,SAAS,EAAE,MAAK;YACd,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,CAAA,EAAG,YAAY,KAAK,QAAQ,GAAG,YAAY,GAAG,QAAQ,CAAA,CAAE,CAAC;YAC1F,SAAS,IAAI;QACf,CAAC,EAAA,CACD,CACH;AACH;;;;"}

package/dist/views/Bonds/components/BondsMenu/BondsMenu.js

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { Flex } from 'theme-ui';
+import 'numbro';
+import Input from '../../../../components/uikit-sdk/Input/Input.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import 'framer-motion';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import FavIcon from '../../../../components/FavIcons/FavFilter.js';
+import BondFilters from '../../../../components/BondFilters/BondFilters.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+
+const BondsMenu = ({ searchQuery, setSearchQuery, setChainFilterOption, chainFilterOption, filterOptions, filterOption, setFilterOption, onSort, }) => {
+    const { namingPreference } = useSDKConfig();
+    return (jsxs("div", { className: "bonds-menu", children: [jsx(BondFilters, { chainFilterOption: chainFilterOption ?? ['All Chains'], setChainFilterOption: setChainFilterOption, filterOptions: filterOptions, filterOption: filterOption, setFilterOption: setFilterOption, onHandleQueryChange: () => setSearchQuery('') }), jsxs("div", { className: "table-header-container", children: [jsx("div", { className: "search-container", children: jsxs(Flex, { sx: { width: '100%', maxWidth: '340px' }, children: [jsx(Input, { value: searchQuery, onChange: (event) => setSearchQuery(event.target.value), variant: "search", width: '100%', sx: {
+                                        fontWeight: 600,
+                                        background: 'white2',
+                                        height: '30px',
+                                        fontSize: '14px',
+                                        color: 'white',
+                                        width: ['calc(50vw - 25px)'],
+                                    }, placeholder: 'Search...' }), jsx(FavIcon, { filterOption: filterOption, setFilterOption: setFilterOption })] }) }), jsxs("div", { className: "headers-container", children: [jsxs("div", { className: "discount-header", onClick: () => onSort('bonus'), children: [namingPreference.toUpperCase(), jsx(Flex, { sx: { ml: '5px', mb: '3px' }, children: jsx(Svg, { icon: "sort", width: 10, color: "textDisabledButton" }) })] }), jsxs("div", { className: "terms-header", onClick: () => onSort('terms'), children: ["TERMS", jsx(Flex, { sx: { ml: '5px', mb: '3px' }, children: jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "tokens-remaining-header", onClick: () => onSort('tokensRemaining'), children: ["TOKENS REMAINING", jsx(Flex, { sx: { ml: '5px', mb: '3px' }, children: jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsx("div", { className: "tooltip-header" })] })] })] }));
+};
+
+export { BondsMenu as default };
+//# sourceMappingURL=BondsMenu.js.map

package/dist/views/Bonds/components/BondsMenu/BondsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BondsMenu.js","sources":["../../../../../src/views/Bonds/components/BondsMenu/BondsMenu.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from 'theme-ui'\nimport { Input } from '../../../../components/uikit-sdk/Input'\nimport { Svg } from '../../../../components/uikit-sdk'\nimport FavIcon from '../../../../components/FavIcons/FavFilter'\nimport BondFilters from '../../../../components/BondFilters/BondFilters'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\n\ninterface BondRowHeaderProps {\n  searchQuery: string\n  setSearchQuery: (value: string) => void\n  setChainFilterOption: (newValue: string[]) => void\n  chainFilterOption: string[]\n  filterOptions: string[]\n  filterOption: string\n  setFilterOption: (newOption: string) => void\n  onSort: (key: 'bonus' | 'arr' | 'terms' | 'tokensRemaining') => void\n}\n\nconst BondsMenu: React.FC<BondRowHeaderProps> = ({\n  searchQuery,\n  setSearchQuery,\n  setChainFilterOption,\n  chainFilterOption,\n  filterOptions,\n  filterOption,\n  setFilterOption,\n  onSort,\n}) => {\n  const { namingPreference } = useSDKConfig()\n  return (\n    <div className=\"bonds-menu\">\n      <BondFilters\n        chainFilterOption={chainFilterOption ?? ['All Chains']}\n        setChainFilterOption={setChainFilterOption}\n        filterOptions={filterOptions}\n        filterOption={filterOption}\n        setFilterOption={setFilterOption}\n        onHandleQueryChange={() => setSearchQuery('')}\n      />\n      <div className=\"table-header-container\">\n        <div className=\"search-container\">\n          <Flex sx={{ width: '100%', maxWidth: '340px' }}>\n            <Input\n              value={searchQuery}\n              onChange={(event: React.ChangeEvent<HTMLInputElement>) => setSearchQuery(event.target.value)}\n              variant=\"search\"\n              width={'100%'}\n              sx={{\n                fontWeight: 600,\n                background: 'white2',\n                height: '30px',\n                fontSize: '14px',\n                color: 'white',\n                width: ['calc(50vw - 25px)'],\n              }}\n              placeholder={'Search...'}\n            />\n            <FavIcon filterOption={filterOption} setFilterOption={setFilterOption} />\n          </Flex>\n        </div>\n        <div className=\"headers-container\">\n          <div className=\"discount-header\" onClick={() => onSort('bonus')}>\n            {namingPreference.toUpperCase()}\n            <Flex sx={{ ml: '5px', mb: '3px' }}>\n              <Svg icon=\"sort\" width={10} color=\"textDisabledButton\" />\n            </Flex>\n          </div>\n          <div className=\"terms-header\" onClick={() => onSort('terms')}>\n            TERMS\n            <Flex sx={{ ml: '5px', mb: '3px' }}>\n              <Svg icon=\"sort\" width=\"12px\" color=\"textDisabledButton\" />\n            </Flex>\n          </div>\n          <div className=\"tokens-remaining-header\" onClick={() => onSort('tokensRemaining')}>\n            TOKENS REMAINING\n            <Flex sx={{ ml: '5px', mb: '3px' }}>\n              <Svg icon=\"sort\" width=\"12px\" color=\"textDisabledButton\" />\n            </Flex>\n          </div>\n          <div className=\"tooltip-header\" />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default BondsMenu\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/Bonds/components/BonusComponents/BonusComponent.js

@@ -0,0 +1,58 @@
+import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import 'theme-ui';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import 'framer-motion';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import { BigNumber } from 'bignumber.js';
+import BonusTable from './BonusTable.js';
+import { findHighestTrueBondPrices } from '../../../BuyBond/findHighestTrueBondPrice.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+import { getDiscountColor } from '../../utils.js';
+import { useIsMobile } from '../../../../hooks/useIsMobile.js';
+
+const BonusComponent = ({ trueBondPrices, minTier, bonus, airdropTooltip, tooltipPosition, }) => {
+    const SDKConfig = useSDKConfig();
+    const isMobile = useIsMobile();
+    const highestPointsElement = trueBondPrices?.reduce((max, current) => {
+        return new BigNumber(current.points).isGreaterThan(new BigNumber(max.points)) ? current : max;
+    }, trueBondPrices[0]);
+    const baseTrueBondPrice = findHighestTrueBondPrices('0', trueBondPrices);
+    return (jsx(Flex, { children: trueBondPrices && trueBondPrices?.length > 1 && SDKConfig.useTiers ? (jsx(Flex, { sx: { alignItems: 'center' }, children: highestPointsElement?.bonusWithFee && highestPointsElement?.bonusWithFee > 0 ? (jsx(TooltipBubble, { width: "280px", placement: tooltipPosition, transformTip: tooltipPosition === 'bottomLeft' ? 'translate(0%, 0%)' : 'translate(0%, 0%)', body: jsx(BonusTable, { trueBondPrices: trueBondPrices, minTier: minTier }), children: jsxs(Flex, { sx: {
+                        p: '3px 6px',
+                        border: '1px solid var(--theme-ui-colors-primaryButton)',
+                        borderRadius: 'normal',
+                        background: 'transparent',
+                        position: 'relative',
+                        overflow: 'hidden',
+                        cursor: 'pointer',
+                        width: ['130px', '130px', '150px', '150px'],
+                    }, children: [jsx(Flex, { sx: {
+                                position: 'absolute',
+                                width: '100%',
+                                height: '100%',
+                                top: 0,
+                                left: 0,
+                                zIndex: 1,
+                                background: 'primaryButton',
+                                opacity: 0.3,
+                            } }), jsxs(Flex, { sx: { width: '100%', zIndex: 2, alignItems: 'center', justifyContent: 'center' }, children: [jsx("img", { src: `/images/launch/legend.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx(Flex, { sx: { fontSize: ['12px', '12px', '14px', '14px'], mr: '3px' }, children: "Up to" }), jsxs(Flex, { sx: {
+                                        color: highestPointsElement?.bonusWithFee && highestPointsElement?.bonusWithFee > 0
+                                            ? 'success'
+                                            : 'error',
+                                        fontSize: ['14px', '14px', '16px', '16px'],
+                                    }, children: [highestPointsElement?.bonusWithFee?.toFixed(2), "%"] })] })] }) })) : (jsx(Flex, { sx: { height: '20px', width: '20px' }, children: jsx(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) }) })) })) : baseTrueBondPrice ? (jsx(Flex, { sx: { alignItems: 'center' }, className: `${getDiscountColor(+baseTrueBondPrice?.bonusWithFee)}`, children: baseTrueBondPrice?.bonusWithFee > 0 ? (`${baseTrueBondPrice?.bonusWithFee?.toFixed(2)}%`) : (jsx(Flex, { sx: { height: '20px', width: '20px' }, children: jsx(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx(Svg, { icon: "Timer", width: "20px", color: "#81CFEA" }) }) })) })) : (jsxs(Flex, { sx: { color: bonus && 'success', alignItems: 'center' }, children: [bonus || '-', airdropTooltip && (jsx(TooltipBubble, { body: jsx(Fragment, { children: 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' } }) }) }))] })) }));
+};
+
+export { BonusComponent as default };
+//# sourceMappingURL=BonusComponent.js.map

package/dist/views/Bonds/components/BonusComponents/BonusComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BonusComponent.js","sources":["../../../../../src/views/Bonds/components/BonusComponents/BonusComponent.tsx"],"sourcesContent":["import React from 'react'\nimport { TrueBondPrices } from '../../../../types/bonds'\nimport { Flex, Svg, TooltipBubble } from '../../../../components/uikit-sdk'\nimport { BigNumber } from 'bignumber.js'\nimport BonusTable from './BonusTable'\nimport { findHighestTrueBondPrices } from '../../../BuyBond/findHighestTrueBondPrice'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { getDiscountColor } from '../../utils'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\n\nconst BonusComponent = ({\n  trueBondPrices,\n  minTier,\n  bonus,\n  airdropTooltip,\n  tooltipPosition,\n}: {\n  trueBondPrices?: TrueBondPrices[]\n  minTier?: LaunchBondTiers\n  bonus?: string\n  airdropTooltip?: string\n  tooltipPosition: 'bottomRight' | 'bottomLeft'\n}) => {\n  const SDKConfig = useSDKConfig()\n  const isMobile = useIsMobile()\n  const highestPointsElement = trueBondPrices?.reduce((max, current) => {\n    return new BigNumber(current.points).isGreaterThan(new BigNumber(max.points)) ? current : max\n  }, trueBondPrices[0])\n\n  const baseTrueBondPrice = findHighestTrueBondPrices('0', trueBondPrices)\n\n  return (\n    <Flex>\n      {trueBondPrices && trueBondPrices?.length > 1 && SDKConfig.useTiers ? (\n        <Flex sx={{ alignItems: 'center' }}>\n          {highestPointsElement?.bonusWithFee && highestPointsElement?.bonusWithFee > 0 ? (\n            <TooltipBubble\n              width=\"280px\"\n              placement={tooltipPosition}\n              transformTip={tooltipPosition === 'bottomLeft' ? 'translate(0%, 0%)' : 'translate(0%, 0%)'}\n              body={<BonusTable trueBondPrices={trueBondPrices} minTier={minTier} />}\n            >\n              <Flex\n                sx={{\n                  p: '3px 6px',\n                  border: '1px solid var(--theme-ui-colors-primaryButton)',\n                  borderRadius: 'normal',\n                  background: 'transparent',\n                  position: 'relative',\n                  overflow: 'hidden',\n                  cursor: 'pointer',\n                  width: ['130px', '130px', '150px', '150px'],\n                }}\n              >\n                <Flex\n                  sx={{\n                    position: 'absolute',\n                    width: '100%',\n                    height: '100%',\n                    top: 0,\n                    left: 0,\n                    zIndex: 1,\n                    background: 'primaryButton',\n                    opacity: 0.3,\n                  }}\n                />\n                <Flex sx={{ width: '100%', zIndex: 2, alignItems: 'center', justifyContent: 'center' }}>\n                  <img\n                    src={`/images/launch/legend.png`}\n                    alt=\"minTier\"\n                    style={{ width: '21px', height: '21px', marginRight: '3px', zIndex: 1 }}\n                  />\n                  <Flex sx={{ fontSize: ['12px', '12px', '14px', '14px'], mr: '3px' }}>Up to</Flex>\n                  <Flex\n                    sx={{\n                      color:\n                        highestPointsElement?.bonusWithFee && highestPointsElement?.bonusWithFee > 0\n                          ? 'success'\n                          : 'error',\n                      fontSize: ['14px', '14px', '16px', '16px'],\n                    }}\n                  >\n                    {highestPointsElement?.bonusWithFee?.toFixed(2)}%\n                  </Flex>\n                </Flex>\n              </Flex>\n            </TooltipBubble>\n          ) : (\n            <Flex sx={{ height: '20px', width: '20px' }}>\n              <TooltipBubble\n                body={'This bond is currently on cooldown and has no bonus. Please check back soon.'}\n                width=\"205px\"\n                placement=\"bottomRight\"\n                transformTip=\"translate(10%, 0%)\"\n              >\n                <Svg icon=\"Timer\" width=\"20px\" color=\"#81CFEA\" />\n              </TooltipBubble>\n            </Flex>\n          )}\n        </Flex>\n      ) : baseTrueBondPrice ? (\n        <Flex sx={{ alignItems: 'center' }} className={`${getDiscountColor(+baseTrueBondPrice?.bonusWithFee)}`}>\n          {baseTrueBondPrice?.bonusWithFee > 0 ? (\n            `${baseTrueBondPrice?.bonusWithFee?.toFixed(2)}%`\n          ) : (\n            <Flex sx={{ height: '20px', width: '20px' }}>\n              <TooltipBubble\n                body={'This bond is currently on cooldown and has no bonus. Please check back soon.'}\n                width=\"205px\"\n                placement=\"bottomRight\"\n                transformTip=\"translate(10%, 0%)\"\n              >\n                <Svg icon=\"Timer\" width=\"20px\" color=\"#81CFEA\" />\n              </TooltipBubble>\n            </Flex>\n          )}\n        </Flex>\n      ) : (\n        <Flex sx={{ color: bonus && 'success', alignItems: 'center' }}>\n          {bonus || '-'}\n          {airdropTooltip && (\n            <TooltipBubble\n              body={<>{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    </Flex>\n  )\n}\n\nexport default BonusComponent\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/views/Bonds/components/BonusComponents/BonusContainer.js

@@ -0,0 +1,11 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import BonusComponent from './BonusComponent.js';
+import { useIsMobile } from '../../../../hooks/useIsMobile.js';
+
+const BonusContainer = ({ trueBondPrices, minTier, bonus, airdropTooltip, tooltipPosition = 'bottomRight', }) => {
+    const isMobile = useIsMobile();
+    return (jsx("div", { className: `discount-column`, children: jsx(BonusComponent, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus, airdropTooltip: airdropTooltip, tooltipPosition: isMobile ? tooltipPosition : 'bottomLeft' }) }));
+};
+
+export { BonusContainer as default };
+//# sourceMappingURL=BonusContainer.js.map

package/dist/views/Bonds/components/BonusComponents/BonusContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BonusContainer.js","sources":["../../../../../src/views/Bonds/components/BonusComponents/BonusContainer.tsx"],"sourcesContent":["import React from 'react'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport BonusComponent from './BonusComponent'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\nimport { TrueBondPrices } from '../../../../types/bonds'\n\nconst BonusContainer = ({\n  trueBondPrices,\n  minTier,\n  bonus,\n  airdropTooltip,\n  tooltipPosition = 'bottomRight',\n}: {\n  trueBondPrices?: TrueBondPrices[]\n  minTier?: LaunchBondTiers\n  bonus?: string\n  airdropTooltip?: string\n  tooltipPosition?: 'bottomRight' | 'bottomLeft'\n}) => {\n  const isMobile = useIsMobile()\n  return (\n    <div className={`discount-column`}>\n      <BonusComponent\n        trueBondPrices={trueBondPrices}\n        minTier={minTier}\n        bonus={bonus}\n        airdropTooltip={airdropTooltip}\n        tooltipPosition={isMobile ? tooltipPosition : 'bottomLeft'}\n      />\n    </div>\n  )\n}\n\nexport default BonusContainer\n"],"names":["_jsx"],"mappings":";;;;AAMA,MAAM,cAAc,GAAG,CAAC,EACtB,cAAc,EACd,OAAO,EACP,KAAK,EACL,cAAc,EACd,eAAe,GAAG,aAAa,GAOhC,KAAI;AACH,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;AAC9B,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAA,eAAA,CAAiB,YAC/BA,GAAA,CAAC,cAAc,EAAA,EACb,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,QAAQ,GAAG,eAAe,GAAG,YAAY,EAAA,CAC1D,EAAA,CACE;AAEV;;;;"}

package/dist/views/Bonds/components/BonusComponents/BonusTable.js

@@ -0,0 +1,53 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import 'theme-ui';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import 'framer-motion';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import useTierPoints, { getUserTier, TIERS_COLORS, TIERS_NAMES } from '../../../../state/tiers/useTierPoints.js';
+import { BigNumber } from 'bignumber.js';
+import { findHighestTrueBondPrices } from '../../../BuyBond/findHighestTrueBondPrice.js';
+import YouTooltip from '../../../../components/YouTooltip/YouTooltip.js';
+
+const BonusTable = ({ trueBondPrices, minTier, hideTitle, }) => {
+    const { data: userPoints } = useTierPoints();
+    const usersTrueBondPrices = findHighestTrueBondPrices(userPoints, trueBondPrices);
+    return (jsxs(Flex, { sx: { width: '100%', flexDirection: 'column' }, children: [!hideTitle && jsx(Flex, { sx: { width: '100%', justifyContent: 'center', mb: '10px' }, children: "Ape Tier Bonuses" }), trueBondPrices
+                ?.sort((a, b) => new BigNumber(b.points).minus(new BigNumber(a.points)).toNumber())
+                .map((tier) => {
+                const tierToUse = getUserTier(tier.points);
+                const tierName = `${TIERS_NAMES[tierToUse]}`;
+                const you = tier.points === usersTrueBondPrices?.points;
+                // @ts-ignore
+                const isUnavailable = minTier ? minTier > tierToUse || (minTier === 0 && tier.points === '0') : false;
+                return (jsxs(Flex, { sx: {
+                        width: '100%',
+                        justifyContent: 'space-between',
+                        height: '30px',
+                        background: TIERS_COLORS[tierToUse] ?? 'white3',
+                        borderRadius: 'normal',
+                        alignItems: 'center',
+                        px: '8px',
+                        mb: '1px',
+                    }, children: [jsxs(Flex, { sx: { alignItems: 'center' }, children: [tier.points !== '0' && (jsx("img", { src: `/images/launch/${TIERS_NAMES[tierToUse]?.toLowerCase()}.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } })), jsx(Flex, { children: tier.points === '0' ? 'No Tier' : tierName }), you && jsx(YouTooltip, {})] }), isUnavailable ? (jsx(Flex, { sx: { fontWeight: 600, opacity: 0.8 }, children: "UNAVAILABLE" })) : (jsxs(Flex, { sx: { color: tier.bonusWithFee > 0 ? 'success' : 'text', fontWeight: 700, alignItems: 'center' }, children: [tier.bonusWithFee > 0 ? tier.bonusWithFee.toFixed(2) : '0', "%", tier.points !== '0' && (jsx(Flex, { sx: {
+                                        borderRadius: 'normal',
+                                        border: '1px solid var(--theme-ui-colors-success)',
+                                        px: '4px',
+                                        ml: '3px',
+                                        color: 'success',
+                                    }, children: `+${tier?.boost ?? 0}%` }))] }))] }, tier.points));
+            }), !hideTitle && (jsx(Button, { variant: "secondary", sx: { width: '100%', mt: '10px' }, onClick: () => window.open('https://ape.bond/tier-staking', '_blank'), children: "get tier" }))] }));
+};
+
+export { BonusTable as default };
+//# sourceMappingURL=BonusTable.js.map

package/dist/views/Bonds/components/BonusComponents/BonusTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BonusTable.js","sources":["../../../../../src/views/Bonds/components/BonusComponents/BonusTable.tsx"],"sourcesContent":["import React from 'react'\nimport { Button, Flex } from '../../../../components/uikit-sdk'\nimport useTierPoints, { getUserTier, TIERS_COLORS, TIERS_NAMES } from '../../../../state/tiers/useTierPoints'\nimport { BigNumber } from 'bignumber.js'\nimport { TrueBondPrices } from '../../../../types/bonds'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { findHighestTrueBondPrices } from '../../../BuyBond/findHighestTrueBondPrice'\nimport YouTooltip from '../../../../components/YouTooltip/YouTooltip'\n\nconst BonusTable = ({\n  trueBondPrices,\n  minTier,\n  hideTitle,\n}: {\n  trueBondPrices?: TrueBondPrices[]\n  minTier?: LaunchBondTiers\n  hideTitle?: boolean\n}) => {\n  const { data: userPoints } = useTierPoints()\n  const usersTrueBondPrices = findHighestTrueBondPrices(userPoints, trueBondPrices)\n\n  return (\n    <Flex sx={{ width: '100%', flexDirection: 'column' }}>\n      {!hideTitle && <Flex sx={{ width: '100%', justifyContent: 'center', mb: '10px' }}>Ape Tier Bonuses</Flex>}\n      {trueBondPrices\n        ?.sort((a, b) => new BigNumber(b.points).minus(new BigNumber(a.points)).toNumber())\n        .map((tier) => {\n          const tierToUse = getUserTier(tier.points) as LaunchBondTiers\n          const tierName = `${TIERS_NAMES[tierToUse]}`\n          const you = tier.points === usersTrueBondPrices?.points\n          // @ts-ignore\n          const isUnavailable = minTier ? minTier > tierToUse || (minTier === 0 && tier.points === '0') : false\n          return (\n            <Flex\n              sx={{\n                width: '100%',\n                justifyContent: 'space-between',\n                height: '30px',\n                background: TIERS_COLORS[tierToUse] ?? 'white3',\n                borderRadius: 'normal',\n                alignItems: 'center',\n                px: '8px',\n                mb: '1px',\n              }}\n              key={tier.points}\n            >\n              <Flex sx={{ alignItems: 'center' }}>\n                {tier.points !== '0' && (\n                  <img\n                    src={`/images/launch/${TIERS_NAMES[tierToUse]?.toLowerCase()}.png`}\n                    alt=\"minTier\"\n                    style={{ width: '21px', height: '21px', marginRight: '3px', zIndex: 1 }}\n                  />\n                )}\n                <Flex>{tier.points === '0' ? 'No Tier' : tierName}</Flex>\n                {you && <YouTooltip />}\n              </Flex>\n              {isUnavailable ? (\n                <Flex sx={{ fontWeight: 600, opacity: 0.8 }}>UNAVAILABLE</Flex>\n              ) : (\n                <Flex sx={{ color: tier.bonusWithFee > 0 ? 'success' : 'text', fontWeight: 700, alignItems: 'center' }}>\n                  {tier.bonusWithFee > 0 ? tier.bonusWithFee.toFixed(2) : '0'}%\n                  {tier.points !== '0' && (\n                    <Flex\n                      sx={{\n                        borderRadius: 'normal',\n                        border: '1px solid var(--theme-ui-colors-success)',\n                        px: '4px',\n                        ml: '3px',\n                        color: 'success',\n                      }}\n                    >\n                      {`+${tier?.boost ?? 0}%`}\n                    </Flex>\n                  )}\n                </Flex>\n              )}\n            </Flex>\n          )\n        })}\n      {!hideTitle && (\n        <Button\n          variant=\"secondary\"\n          sx={{ width: '100%', mt: '10px' }}\n          onClick={() => window.open('https://ape.bond/tier-staking', '_blank')}\n        >\n          get tier\n        </Button>\n      )}\n    </Flex>\n  )\n}\n\nexport default BonusTable\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/Bonds/components/BuyAgainRow/index.js

@@ -0,0 +1,93 @@
+import { jsx, jsxs } from 'theme-ui/jsx-runtime';
+import { useMemo } from 'react';
+import { isBondSoldOut, remainingPercentage } from '../../utils.js';
+import { AnimatePresence, motion } from 'framer-motion';
+import useBondsData from '../../../../state/bonds/useBondsData.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import 'theme-ui';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import BondRow from '../BondRows/BondRow.js';
+import track from '../../../../utils/track.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+import { formatNumberSI } from '../../../../utils/formatNumber.js';
+import BigNumber from 'bignumber.js';
+import { formatDollar } from '../../../../utils/formatNumbers.js';
+import { getVestingTermsTooltipString, getVestingTermsString } from '../../../../utils/displayHelpers.js';
+import useUserApiStats from '../../../../state/bondApiStats/useUserApiStats.js';
+
+const BuyAgainRow = () => {
+    const { data: userData } = useUserApiStats();
+    const { data: bills } = useBondsData();
+    const SDKConfig = useSDKConfig();
+    const chains = SDKConfig?.chains;
+    const bond = useMemo(() => {
+        if (userData && userData?.Sales.length > 0) {
+            const sortedPurchases = userData?.Sales.sort((a, b) => b.dollarValue - a.dollarValue);
+            const activeBills = bills?.filter((bill) => !isBondSoldOut(bill, SDKConfig.showLowValueBonds) && chains?.includes(bill.chainId));
+            const highestActivePurchase = sortedPurchases?.find((purchase) => activeBills?.find((bill) => {
+                if (purchase.contractAddress.toLowerCase() === bill?.contractAddress?.[bill.chainId]?.toLowerCase())
+                    return true;
+            }));
+            return activeBills?.find((bill) => bill?.contractAddress?.[bill.chainId]?.toLowerCase() ===
+                highestActivePurchase?.contractAddress?.toLowerCase());
+        }
+    }, [SDKConfig.showLowValueBonds, bills, chains, userData]);
+    const bondAddress = bond?.contractAddress?.[bond.chainId];
+    const remainingTokensFormat = (bond) => {
+        const tokensRemaining = 'tokensRemaining' in bond ? bond.tokensRemaining : '0';
+        return formatNumberSI(parseFloat(tokensRemaining ?? '0'), 0);
+    };
+    const remainingTokensUsd = (bond) => {
+        const tokensRemaining = 'tokensRemaining' in bond ? bond.tokensRemaining : '0';
+        const payoutTokenPrice = 'payoutTokenPrice' in bond ? bond.payoutTokenPrice : 0;
+        const tokens = new BigNumber(tokensRemaining ?? '0');
+        return tokens.times(payoutTokenPrice ?? '0');
+    };
+    const remainingTokensString = bond
+        ? `${remainingTokensFormat(bond)} ${bond.earnToken.symbol} (${formatDollar({
+            num: remainingTokensUsd(bond).toNumber(),
+            isPrice: true,
+        })})`
+        : '';
+    return bond ? (jsx(AnimatePresence, { children: jsxs(motion.div, { initial: { height: 0, overflow: 'hidden' }, animate: { height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }, exit: { height: 0, overflow: 'hidden' }, sx: {
+                position: 'relative',
+                overflow: 'hidden',
+                width: '100%',
+            }, children: [jsx(Flex, { sx: {
+                        p: '0 1px',
+                        width: '100%',
+                        mt: '10px',
+                        background: 'primaryButton',
+                        borderRadius: 'normal',
+                        flexDirection: 'column',
+                        opacity: 0.5,
+                    }, children: jsx(Flex, { className: "buy-again-header", sx: {
+                            width: '100%',
+                            fontSize: '12px',
+                            fontWeight: 500,
+                            pl: '26px',
+                            py: '2px',
+                            color: 'primaryBright',
+                            height: '93px',
+                        }, children: "BUY AGAIN" }) }), jsx(Flex, { onClick: () => {
+                        track({
+                            event: 'buyAgainClick',
+                            chain: bond.chainId,
+                            data: {
+                                bond: bond.earnToken.symbol,
+                            },
+                        });
+                    }, sx: { position: 'absolute', top: '32px', left: '1px', width: 'calc(100% - 2px)' }, children: jsx(BondRow, { bondAddress: bond?.contractAddress?.[bond?.chainId], bondChain: bond.chainId, billType: bond.billType, payoutToken: bond.earnToken, tag: bond.tags?.[0], bondSoldOut: isBondSoldOut(bond, SDKConfig.showLowValueBonds), trueBondPrices: bond?.trueBondPrices, minTier: bond?.minTier, vestingTermString: getVestingTermsString(bond), vestingCliffString: getVestingTermsTooltipString(bond), percentageAvailable: remainingPercentage(bond), remainingTokensString: remainingTokensString }, `${bondAddress}-${bond.chainId}`) })] }) })) : null;
+};
+
+export { BuyAgainRow as default };
+//# sourceMappingURL=index.js.map

package/dist/views/Bonds/components/BuyAgainRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/Bonds/components/BuyAgainRow/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { isBondSoldOut, remainingPercentage } from '../../utils'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport { Flex } from '../../../../components/uikit-sdk'\nimport BondRow from '../BondRows/BondRow'\nimport track from '../../../../utils/track'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { BondsData } from '../../../../types/bonds'\nimport { BillsConfig } from '@ape.swap/apeswap-lists'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport BigNumber from 'bignumber.js'\nimport { formatDollar } from '../../../../utils/formatNumbers'\nimport { getVestingTermsString, getVestingTermsTooltipString } from '../../../../utils/displayHelpers'\nimport useUserApiStats from '../../../../state/bondApiStats/useUserApiStats'\n\nconst BuyAgainRow = () => {\n  const { data: userData } = useUserApiStats()\n  const { data: bills } = useBondsData()\n  const SDKConfig = useSDKConfig()\n  const chains = SDKConfig?.chains as number[]\n\n  const bond = useMemo(() => {\n    if (userData && userData?.Sales.length > 0) {\n      const sortedPurchases = userData?.Sales.sort((a, b) => b.dollarValue - a.dollarValue)\n      const activeBills = bills?.filter(\n        (bill) => !isBondSoldOut(bill, SDKConfig.showLowValueBonds) && chains?.includes(bill.chainId),\n      )\n      const highestActivePurchase = sortedPurchases?.find((purchase) =>\n        activeBills?.find((bill) => {\n          if (purchase.contractAddress.toLowerCase() === bill?.contractAddress?.[bill.chainId]?.toLowerCase())\n            return true\n        }),\n      )\n      return activeBills?.find(\n        (bill) =>\n          bill?.contractAddress?.[bill.chainId]?.toLowerCase() ===\n          highestActivePurchase?.contractAddress?.toLowerCase(),\n      )\n    }\n  }, [SDKConfig.showLowValueBonds, bills, chains, userData])\n\n  const bondAddress = bond?.contractAddress?.[bond.chainId]\n\n  const remainingTokensFormat = (bond: BondsData | BillsConfig): string => {\n    const tokensRemaining = 'tokensRemaining' in bond ? bond.tokensRemaining : '0'\n    return formatNumberSI(parseFloat(tokensRemaining ?? '0'), 0)\n  }\n\n  const remainingTokensUsd = (bond: BondsData | BillsConfig): BigNumber => {\n    const tokensRemaining = 'tokensRemaining' in bond ? bond.tokensRemaining : '0'\n    const payoutTokenPrice = 'payoutTokenPrice' in bond ? bond.payoutTokenPrice : 0\n    const tokens = new BigNumber(tokensRemaining ?? '0')\n    return tokens.times(payoutTokenPrice ?? '0')\n  }\n\n  const remainingTokensString = bond\n    ? `${remainingTokensFormat(bond)} ${bond.earnToken.symbol} (${formatDollar({\n        num: remainingTokensUsd(bond).toNumber(),\n        isPrice: true,\n      })})`\n    : ''\n\n  return bond ? (\n    <AnimatePresence>\n      <motion.div\n        initial={{ height: 0, overflow: 'hidden' }}\n        animate={{ height: 'fit-content', overflow: 'hidden', transitionEnd: { overflow: 'visible' } }}\n        exit={{ height: 0, overflow: 'hidden' }}\n        sx={{\n          position: 'relative',\n          overflow: 'hidden',\n          width: '100%',\n        }}\n      >\n        <Flex\n          sx={{\n            p: '0 1px',\n            width: '100%',\n            mt: '10px',\n            background: 'primaryButton',\n            borderRadius: 'normal',\n            flexDirection: 'column',\n            opacity: 0.5,\n          }}\n        >\n          <Flex\n            className=\"buy-again-header\"\n            sx={{\n              width: '100%',\n              fontSize: '12px',\n              fontWeight: 500,\n              pl: '26px',\n              py: '2px',\n              color: 'primaryBright',\n              height: '93px',\n            }}\n          >\n            BUY AGAIN\n          </Flex>\n        </Flex>\n        <Flex\n          onClick={() => {\n            track({\n              event: 'buyAgainClick',\n              chain: bond.chainId,\n              data: {\n                bond: bond.earnToken.symbol,\n              },\n            })\n          }}\n          sx={{ position: 'absolute', top: '32px', left: '1px', width: 'calc(100% - 2px)' }}\n        >\n          <BondRow\n            key={`${bondAddress}-${bond.chainId}`}\n            bondAddress={bond?.contractAddress?.[bond?.chainId] as string}\n            bondChain={bond.chainId}\n            billType={bond.billType}\n            payoutToken={bond.earnToken}\n            tag={bond.tags?.[0]}\n            bondSoldOut={isBondSoldOut(bond, SDKConfig.showLowValueBonds)}\n            trueBondPrices={bond?.trueBondPrices}\n            minTier={bond?.minTier}\n            vestingTermString={getVestingTermsString(bond)}\n            vestingCliffString={getVestingTermsTooltipString(bond)}\n            percentageAvailable={remainingPercentage(bond)}\n            remainingTokensString={remainingTokensString}\n          />\n        </Flex>\n      </motion.div>\n    </AnimatePresence>\n  ) : null\n}\n\nexport default BuyAgainRow\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/views/Bonds/components/CheckURL/index.js

@@ -0,0 +1,43 @@
+import { jsx, Fragment } from 'theme-ui/jsx-runtime';
+import { useEffect } from 'react';
+import useBondsData from '../../../../state/bonds/useBondsData.js';
+import useModal from '../../../../hooks/useModal.js';
+import ModalHandler from '../BondRows/ModalHandler.js';
+import track from '../../../../utils/track.js';
+import PreTGEModalHandler from '../../../PreTGEBonds/components/BuyComponent/PreTGEModalHandler.js';
+
+/** CheckURL purpose is to open the buy bond modal ONLY IF a user has opened the site with a custom URL  */
+const CheckUrl = () => {
+    const { data: bonds } = useBondsData();
+    const asPath = typeof window !== 'undefined' ? window.location.search : '';
+    const urlParams = typeof window !== 'undefined' ? new URLSearchParams(new URL(asPath, window.location.origin).search) : undefined;
+    const bondAddress = urlParams?.get('bondAddress') ?? '';
+    const bondChain = urlParams?.get('bondChain') ?? '';
+    const [onPresentBuyBillsModal] = useModal(jsx(ModalHandler, { bondAddress: bondAddress, bondChain: parseInt(bondChain) }), true, true, `buyBondModal:${bondAddress.toLowerCase()}-${bondChain}}`);
+    const [onPresentPreTGEBondModal] = useModal(jsx(PreTGEModalHandler, { bondAddress: bondAddress, bondChain: parseInt(bondChain) }), true, true, `preTGEBuyBondModal:${bondAddress.toLowerCase()}-${bondChain}}`);
+    useEffect(() => {
+        const bond = bonds?.find((bond) => bond?.contractAddress?.[bond?.chainId]?.toLowerCase() === bondAddress?.toLowerCase());
+        if (bond && bondChain && bondAddress) {
+            if (bond.billType === 'fcfs') {
+                onPresentPreTGEBondModal();
+            }
+            else {
+                onPresentBuyBillsModal();
+            }
+            track({
+                event: 'buyModalOpen',
+                chain: bondChain,
+                data: {
+                    cat: 'customURL',
+                    bond: bond.earnToken.symbol,
+                    bondChain: bondChain,
+                },
+            });
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [bonds?.length]);
+    return jsx(Fragment, {});
+};
+
+export { CheckUrl as default };
+//# sourceMappingURL=index.js.map

package/dist/views/Bonds/components/CheckURL/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/views/Bonds/components/CheckURL/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport useModal from '../../../../hooks/useModal'\nimport ModalHandler from '../BondRows/ModalHandler'\nimport track from '../../../../utils/track'\nimport PreTGEModalHandler from '../../../PreTGEBonds/components/BuyComponent/PreTGEModalHandler'\n\n/** CheckURL purpose is to open the buy bond modal ONLY IF a user has opened the site with a custom URL  */\n\nconst CheckUrl = () => {\n  const { data: bonds } = useBondsData()\n\n  const asPath = typeof window !== 'undefined' ? window.location.search : ''\n  const urlParams =\n    typeof window !== 'undefined' ? new URLSearchParams(new URL(asPath, window.location.origin).search) : undefined\n\n  const bondAddress = urlParams?.get('bondAddress') ?? ''\n  const bondChain = urlParams?.get('bondChain') ?? ''\n\n  const [onPresentBuyBillsModal] = useModal(\n    <ModalHandler bondAddress={bondAddress} bondChain={parseInt(bondChain)} />,\n    true,\n    true,\n    `buyBondModal:${bondAddress.toLowerCase()}-${bondChain}}`,\n  )\n  const [onPresentPreTGEBondModal] = useModal(\n    <PreTGEModalHandler bondAddress={bondAddress} bondChain={parseInt(bondChain)} />,\n    true,\n    true,\n    `preTGEBuyBondModal:${bondAddress.toLowerCase()}-${bondChain}}`,\n  )\n\n  useEffect(() => {\n    const bond = bonds?.find(\n      (bond) => bond?.contractAddress?.[bond?.chainId]?.toLowerCase() === bondAddress?.toLowerCase(),\n    )\n    if (bond && bondChain && bondAddress) {\n      if (bond.billType === 'fcfs') {\n        onPresentPreTGEBondModal()\n      } else {\n        onPresentBuyBillsModal()\n      }\n      track({\n        event: 'buyModalOpen',\n        chain: bondChain,\n        data: {\n          cat: 'customURL',\n          bond: bond.earnToken.symbol,\n          bondChain: bondChain,\n        },\n      })\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [bonds?.length])\n\n  return <></>\n}\n\nexport default CheckUrl\n"],"names":["_jsx"],"mappings":";;;;;;;;AAOA;AAEA,MAAM,QAAQ,GAAG,MAAK;IACpB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE;AAEtC,IAAA,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,EAAE;AAC1E,IAAA,MAAM,SAAS,GACb,OAAO,MAAM,KAAK,WAAW,GAAG,IAAI,eAAe,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,GAAG,SAAS;IAEjH,MAAM,WAAW,GAAG,SAAS,EAAE,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE;IACvD,MAAM,SAAS,GAAG,SAAS,EAAE,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE;AAEnD,IAAA,MAAM,CAAC,sBAAsB,CAAC,GAAG,QAAQ,CACvCA,GAAA,CAAC,YAAY,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAA,CAAI,EAC1E,IAAI,EACJ,IAAI,EACJ,CAAA,aAAA,EAAgB,WAAW,CAAC,WAAW,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,CAAG,CAC1D;AACD,IAAA,MAAM,CAAC,wBAAwB,CAAC,GAAG,QAAQ,CACzCA,GAAA,CAAC,kBAAkB,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAA,CAAI,EAChF,IAAI,EACJ,IAAI,EACJ,CAAA,mBAAA,EAAsB,WAAW,CAAC,WAAW,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,CAAG,CAChE;IAED,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,IAAI,GAAG,KAAK,EAAE,IAAI,CACtB,CAAC,IAAI,KAAK,IAAI,EAAE,eAAe,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,WAAW,EAAE,CAC/F;AACD,QAAA,IAAI,IAAI,IAAI,SAAS,IAAI,WAAW,EAAE;AACpC,YAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,EAAE;AAC5B,gBAAA,wBAAwB,EAAE;YAC5B;iBAAO;AACL,gBAAA,sBAAsB,EAAE;YAC1B;AACA,YAAA,KAAK,CAAC;AACJ,gBAAA,KAAK,EAAE,cAAc;AACrB,gBAAA,KAAK,EAAE,SAAS;AAChB,gBAAA,IAAI,EAAE;AACJ,oBAAA,GAAG,EAAE,WAAW;AAChB,oBAAA,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM;AAC3B,oBAAA,SAAS,EAAE,SAAS;AACrB,iBAAA;AACF,aAAA,CAAC;QACJ;;AAEF,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAEnB,IAAA,OAAOA,iBAAK;AACd;;;;"}

package/dist/views/Bonds/components/HotBondCards/HotBondCard.js

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from 'theme-ui/jsx-runtime';
+import { styles } from './styles.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import 'theme-ui';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import 'framer-motion';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import TokenInfoAndName from '../../../../components/TokenInfoAndName/index.js';
+import BondInfoTooltip from '../../../../components/Tooltip/Tooltip.js';
+import { getDiscountColor, calculateARR, vestingTime } from '../../utils.js';
+import useModal from '../../../../hooks/useModal.js';
+import BuyBondModal from '../../../BuyBond/BuyBondModal.js';
+import track from '../../../../utils/track.js';
+import { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints.js';
+import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
+import { findHighestTrueBondPrice } from '../../../BuyBond/findHighestTrueBondPrice.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+
+const HotBondCard = ({ bond }) => {
+    const bonus = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond)?.bonus;
+    const SDKConfig = useSDKConfig();
+    // Modal
+    const [openBuyModal] = useModal(jsx(BuyBondModal, { bondAddress: bond?.contractAddress?.[bond?.chainId], bondChain: bond.chainId }), true, true, `buyBondModal-${bond?.contractAddress?.[bond?.chainId]}-${bond.chainId}`);
+    const handleOpenModal = () => {
+        openBuyModal();
+        track({
+            event: 'hotClick',
+            chain: bond.chainId,
+            data: {
+                cat: 'hotClick',
+                bond: bond.earnToken.symbol,
+            },
+        });
+    };
+    return (jsx(Flex, { sx: styles.desktopCard, className: "hot-bond-card", onClick: handleOpenModal, children: jsxs(Flex, { sx: { flexDirection: 'column', width: '100%' }, children: [jsxs(Flex, { sx: { width: '100%', height: '75px' }, children: [jsx(Flex, { sx: { width: '66.66%' }, children: jsx(TokenInfoAndName, { tokenSymbol: bond.earnToken.symbol, chain: bond.chainId, tag: bond.tags?.[0], isHotBond: true }) }), jsx(Flex, { className: "column column-tokenicons", sx: { width: '33.33% !important', justifyContent: 'center !important', alignItems: 'center' }, children: jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(BondInfoTooltip, { earnTokenContract: bond?.earnToken?.address?.[bond?.chainId] ?? '', earnTokenSymbol: bond?.earnToken?.symbol ?? '', bondContract: bond?.contractAddress?.[bond?.chainId] ?? '', projectLink: bond?.projectLink, twitter: bond?.twitter, audit: bond?.audit, chain: bond?.chainId }), width: "205px", placement: "bottomRight", transformTip: "translate(11%, 0%)", children: jsx(Svg, { icon: "more", width: "20px" }) }) })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-around' }, children: [jsxs(Flex, { sx: { flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [jsx(Flex, { sx: { opacity: 0.6, fontSize: '12px', fontWeight: 400 }, children: "Bonus" }), jsx(Flex, { className: `${getDiscountColor(bonus)}`, sx: { width: '100%', justifyContent: 'center' }, children: bonus !== undefined ? (bonus < 0 ? '0%' : `${bonus?.toFixed(2)}%`) : '-' })] }), jsxs(Flex, { sx: { flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [jsx(Flex, { sx: { opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }, children: "ARR" }), jsx(Flex, { sx: { width: '100%', justifyContent: 'center' }, children: calculateARR(bond, SDKConfig.useTiers) })] }), jsxs(Flex, { sx: { flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [jsx(Flex, { sx: { opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }, children: "Terms" }), jsx(Flex, { sx: { width: '100%', justifyContent: 'center' }, children: vestingTime(bond?.vestingTerm)?.days ? `${vestingTime(bond?.vestingTerm)?.days} D` : '-' })] })] })] }) }));
+};
+
+export { HotBondCard as default };
+//# sourceMappingURL=HotBondCard.js.map

package/dist/views/Bonds/components/HotBondCards/HotBondCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotBondCard.js","sources":["../../../../../src/views/Bonds/components/HotBondCards/HotBondCard.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { BondsData } from '../../../../types/bonds'\nimport { Flex, Svg, TooltipBubble } from '../../../../components/uikit-sdk'\nimport TokenInfoAndName from '../../../../components/TokenInfoAndName'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport { calculateARR, getDiscountColor, vestingTime } from '../../utils'\nimport useModal from '../../../../hooks/useModal'\nimport BuyBondModal from '../../../BuyBond/BuyBondModal'\nimport track from '../../../../utils/track'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { findHighestTrueBondPrice } from '../../../BuyBond/findHighestTrueBondPrice'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\n\nconst HotBondCard = ({ bond }: { bond: BondsData }) => {\n  const bonus = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond)?.bonus\n  const SDKConfig = useSDKConfig()\n\n  // Modal\n  const [openBuyModal] = useModal(\n    <BuyBondModal bondAddress={bond?.contractAddress?.[bond?.chainId]} bondChain={bond.chainId} />,\n    true,\n    true,\n    `buyBondModal-${bond?.contractAddress?.[bond?.chainId]}-${bond.chainId}`,\n  )\n\n  const handleOpenModal = () => {\n    openBuyModal()\n    track({\n      event: 'hotClick',\n      chain: bond.chainId,\n      data: {\n        cat: 'hotClick',\n        bond: bond.earnToken.symbol,\n      },\n    })\n  }\n\n  return (\n    <Flex sx={styles.desktopCard} className=\"hot-bond-card\" onClick={handleOpenModal}>\n      <Flex sx={{ flexDirection: 'column', width: '100%' }}>\n        <Flex sx={{ width: '100%', height: '75px' }}>\n          <Flex sx={{ width: '66.66%' }}>\n            <TokenInfoAndName tokenSymbol={bond.earnToken.symbol} chain={bond.chainId} tag={bond.tags?.[0]} isHotBond />\n          </Flex>\n          <Flex\n            className=\"column column-tokenicons\"\n            sx={{ width: '33.33% !important', justifyContent: 'center !important', alignItems: 'center' }}\n          >\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={\n                <Tooltip\n                  earnTokenContract={bond?.earnToken?.address?.[bond?.chainId] ?? ''}\n                  earnTokenSymbol={bond?.earnToken?.symbol ?? ''}\n                  bondContract={bond?.contractAddress?.[bond?.chainId] ?? ''}\n                  projectLink={bond?.projectLink}\n                  twitter={bond?.twitter}\n                  audit={bond?.audit}\n                  chain={bond?.chainId}\n                />\n              }\n              width=\"205px\"\n              placement=\"bottomRight\"\n              transformTip=\"translate(11%, 0%)\"\n            >\n              <Svg icon=\"more\" width=\"20px\" />\n            </TooltipBubble>\n          </Flex>\n        </Flex>\n        <Flex sx={{ width: '100%', justifyContent: 'space-around' }}>\n          <Flex sx={{ flexDirection: 'column', alignItems: 'center', width: '100%' }}>\n            <Flex sx={{ opacity: 0.6, fontSize: '12px', fontWeight: 400 }}>Bonus</Flex>\n            <Flex className={`${getDiscountColor(bonus)}`} sx={{ width: '100%', justifyContent: 'center' }}>\n              {bonus !== undefined ? (bonus < 0 ? '0%' : `${bonus?.toFixed(2)}%`) : '-'}\n            </Flex>\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', alignItems: 'center', width: '100%' }}>\n            <Flex sx={{ opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }}>\n              ARR\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'center' }}>{calculateARR(bond, SDKConfig.useTiers)}</Flex>\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', alignItems: 'center', width: '100%' }}>\n            <Flex sx={{ opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }}>\n              Terms\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'center' }}>\n              {vestingTime(bond?.vestingTerm)?.days ? `${vestingTime(bond?.vestingTerm)?.days} D` : '-'}\n            </Flex>\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default HotBondCard\n"],"names":["_jsx","_jsxs","Tooltip"],"mappings":"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"}

package/dist/views/Bonds/components/HotBondCards/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import 'swiper/swiper.min.css';
+import 'swiper/swiper.css';
 declare const HotBondCards: () => React.JSX.Element;
 export default HotBondCards;