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

package/dist/views/Bonds/Bonds.js

@@ -0,0 +1,196 @@
+import { useState, useMemo, useCallback, useEffect } from 'react';
+import { useTopTags } from '../../hooks/useTopTags.js';
+import { sortBonds, isBondSupported, isBondSoldOut } from './utils.js';
+import useBondsData from '../../state/bonds/useBondsData.js';
+import CheckUrl from './components/CheckURL/index.js';
+import PlaceholderMonkey from '../../components/PlaceholderMonkey/index.js';
+import useFavoriteTokens from '../../state/favoriteTokens/useFavoriteTokens.js';
+import useChainFilterOption from '../../state/chainFilterOption/useChainFilterOption.js';
+import useBondsList from '../../state/bonds/useBondsList.js';
+import RecommendationCards from './components/RecommendationCards/index.js';
+import BondsMenu from './components/BondsMenu/BondsMenu.js';
+import Svg from '../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../components/uikit-sdk/Flex/index.js';
+import '../../node_modules/tslib/tslib.es6.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 '../../components/uikit-sdk/Svg/types.js';
+import '../../components/uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../FullBondsView/FullBondsView.js';
+import '../../components/uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import useTokenPrices from '../../state/tokenPrices/useTokenPrices.js';
+import { useSDKConfig } from '../../state/useSDKConfig.js';
+import BuyAgainRow from './components/BuyAgainRow/index.js';
+import LoadingSkeleton from './components/LoadingSkeleton/LoadingSkeleton.js';
+import useHotBonds from '../../state/hotBonds/useHotBonds.js';
+import useBondsListPreTGE from '../../state/bonds/useBondsListPreTGE.js';
+import { MAINNET_CHAINS } from '../../config/constants/chains.js';
+import ActiveBondRows from './components/BondRows/ActiveBondRows.js';
+import SoldOutRows from './components/BondRows/SoldOutRows.js';
+import { jsxs, jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const Bonds = () => {
+    var _a, _b, _c;
+    // Fetch data
+    useHotBonds();
+    const SDKConfig = useSDKConfig();
+    const { favTokens } = useFavoriteTokens();
+    const { data: bondData, refetch } = useBondsData();
+    const { data: allBonds } = useBondsList();
+    const { data: allPreBonds } = useBondsListPreTGE();
+    const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption();
+    const { data: tokenPrices } = useTokenPrices();
+    const topTags = useTopTags();
+    // State
+    const [sortConfig, setSortConfig] = useState({ key: 'bonus', direction: 'desc' });
+    const [searchQuery, setSearchQuery] = useState('');
+    const [filterOption, setFilterOption] = useState('ALL');
+    // Static data
+    const filterOptions = ['ALL', 'FAVORITES', ...topTags, 'SOLD OUT'];
+    const validatedChains = (_a = SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.chains) === null || _a === void 0 ? void 0 : _a.filter((chain) => MAINNET_CHAINS.includes(chain));
+    const billsToRender = useMemo(() => {
+        if (!allBonds || !allPreBonds)
+            return {};
+        const sortedBonds = sortBonds(sortConfig, bondData);
+        const bondsToUse = filterOption === 'SOLD OUT' ? [...allPreBonds, ...allBonds] : sortedBonds;
+        const filteredBonds = bondsToUse === null || bondsToUse === void 0 ? void 0 : bondsToUse.filter((bill) => {
+            var _a, _b, _c, _d, _e, _f;
+            // filter incompatible bonds
+            if (!isBondSupported(SDKConfig.highestCompatibleVersion, bill.version))
+                return false;
+            // filter onlyPartner Bonds
+            if (bill.onlyPartner && SDKConfig.bondPartner !== bill.bondPartner)
+                return false;
+            // filter searchQuery
+            if (searchQuery) {
+                const matchesSearch = [
+                    `${(_a = bill === null || bill === void 0 ? void 0 : bill.earnToken) === null || _a === void 0 ? void 0 : _a.symbol.toUpperCase()}`,
+                    `${(_b = bill === null || bill === void 0 ? void 0 : bill.lpToken) === null || _b === void 0 ? void 0 : _b.symbol.toUpperCase()}`,
+                ].some((property) => property === null || property === void 0 ? void 0 : property.includes(searchQuery.toUpperCase()));
+                if (!matchesSearch)
+                    return false;
+            }
+            // filter tiers
+            if (!(SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.useTiers) && 'minTier' in bill) {
+                if (bill.minTier !== null && bill.minTier !== undefined)
+                    return false;
+            }
+            // filter bondPartner
+            if ((SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.bondPartner) && bill.bondPartner !== SDKConfig.bondPartner)
+                return false;
+            // filter topTags
+            if (topTags.includes(filterOption) && !((_c = bill === null || bill === void 0 ? void 0 : bill.tags) === null || _c === void 0 ? void 0 : _c.includes(filterOption)))
+                return false;
+            // filter chainFilterOption
+            if (chainFilterOption && !(chainFilterOption === null || chainFilterOption === void 0 ? void 0 : chainFilterOption.includes('All Chains'))) {
+                if (!(chainFilterOption === null || chainFilterOption === void 0 ? void 0 : chainFilterOption.includes((_d = bill === null || bill === void 0 ? void 0 : bill.chainId) === null || _d === void 0 ? void 0 : _d.toString())))
+                    return false;
+            }
+            // filter SOLD OUT
+            if (filterOption === 'SOLD OUT' && !isBondSoldOut(bill, SDKConfig.showLowValueBonds))
+                return false;
+            // filter not SOLD OUT
+            if (filterOption !== 'SOLD OUT' && isBondSoldOut(bill, SDKConfig.showLowValueBonds))
+                return false;
+            // filter FAVORITES
+            if (filterOption === 'FAVORITES' && !favTokens.includes((_f = (_e = bill === null || bill === void 0 ? void 0 : bill.earnToken) === null || _e === void 0 ? void 0 : _e.symbol) === null || _f === void 0 ? void 0 : _f.toLowerCase()))
+                return false;
+            return true;
+        });
+        if (filterOption === 'SOLD OUT') {
+            return filteredBonds === null || filteredBonds === void 0 ? void 0 : filteredBonds.reduce((acc, bond) => {
+                var _a;
+                const symbol = (_a = bond === null || bond === void 0 ? void 0 : bond.earnToken) === null || _a === void 0 ? void 0 : _a.symbol;
+                const chainId = bond.chainId;
+                if (!acc[chainId])
+                    acc[chainId] = {};
+                if (!acc[chainId][symbol])
+                    acc[chainId][symbol] = [];
+                acc[chainId][symbol].push(bond);
+                return acc;
+            }, {});
+        }
+        else {
+            return filteredBonds === null || filteredBonds === void 0 ? void 0 : filteredBonds.reduce((acc, bond) => {
+                const { chainId } = bond;
+                if (!acc[chainId])
+                    acc[chainId] = [];
+                acc[chainId].push(bond);
+                return acc;
+            }, {});
+        }
+    }, [
+        allBonds,
+        allPreBonds,
+        sortConfig,
+        bondData,
+        filterOption,
+        SDKConfig.highestCompatibleVersion,
+        SDKConfig.bondPartner,
+        SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.useTiers,
+        SDKConfig.showLowValueBonds,
+        searchQuery,
+        topTags,
+        chainFilterOption,
+        favTokens,
+    ]);
+    // Handlers
+    const handleSortOptions = useCallback((key) => {
+        let direction = 'desc';
+        if ((sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.key) === key && (sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.direction) === 'desc') {
+            direction = 'asc';
+        }
+        setSortConfig({ key, direction });
+    }, [sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.key, sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.direction]);
+    const handleChangeFilterOption = useCallback((newOption) => {
+        setFilterOption(newOption);
+    }, []);
+    useEffect(() => {
+        const hash = window.location.hash;
+        //@ts-ignore
+        if ((bondData === null || bondData === void 0 ? void 0 : bondData.length) > 0 && hash) {
+            const tryScroll = () => {
+                const normalizedHash = decodeURIComponent(hash).replace(/\s+/g, '');
+                const element = document.querySelector(normalizedHash);
+                if (element) {
+                    const y = element.getBoundingClientRect().top + window.scrollY - 70;
+                    window.scrollTo({ top: y, behavior: 'smooth' });
+                }
+                else {
+                    setTimeout(tryScroll, 50);
+                }
+            };
+            tryScroll();
+        }
+    }, [bondData === null || bondData === void 0 ? void 0 : bondData.length]);
+    useEffect(() => {
+        var _a;
+        if (((_a = Object.keys(tokenPrices !== null && tokenPrices !== void 0 ? tokenPrices : {})) === null || _a === void 0 ? void 0 : _a.length) > 0 && (bondData === null || bondData === void 0 ? void 0 : bondData.length) === 0) {
+            console.log('Found prices and no bonds, realtimeapi failed. Refetching bonds');
+            refetch();
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [(_b = Object.keys(tokenPrices !== null && tokenPrices !== void 0 ? tokenPrices : {})) === null || _b === void 0 ? void 0 : _b.length, bondData === null || bondData === void 0 ? void 0 : bondData.length, refetch]);
+    return (jsxs(Flex, { className: "bonds-container", children: [jsx(CheckUrl, {}), jsx(BondsMenu, { searchQuery: searchQuery, setSearchQuery: setSearchQuery, setChainFilterOption: setChainFilterOption, chainFilterOption: chainFilterOption !== null && chainFilterOption !== void 0 ? chainFilterOption : ['All Chains'], filterOptions: filterOptions, filterOption: filterOption, setFilterOption: handleChangeFilterOption, onSort: handleSortOptions }), SDKConfig.useHotBonds && !SDKConfig.bondPartner && filterOption !== 'SOLD OUT' && jsx(BuyAgainRow, {}), ((_c = Object.keys(billsToRender)) === null || _c === void 0 ? void 0 : _c.length) > 0 ? (jsx(Flex, { className: "bondrowsbychain", children: validatedChains === null || validatedChains === void 0 ? void 0 : validatedChains.map((chain) => {
+                    var _a, _b, _c;
+                    return filterOption === 'SOLD OUT' ? (Object.entries((_a = billsToRender[chain]) !== null && _a !== void 0 ? _a : {}).map((groupedBonds) => (jsx(SoldOutRows, { bonds: groupedBonds[1] }, groupedBonds[0])))) : (jsx(ActiveBondRows, { chain: chain, bonds: ((_b = billsToRender[chain]) !== null && _b !== void 0 ? _b : []), hideTitles: searchQuery !== '', showHotBonds: !searchQuery && SDKConfig.useHotBonds && ((_c = SDKConfig === null || SDKConfig === void 0 ? void 0 : SDKConfig.hotBondChains) === null || _c === void 0 ? void 0 : _c.includes(chain)) }, chain));
+                }) })) : searchQuery || !chainFilterOption.includes('All Chains') ? (jsx(Flex, { className: "placeholder-monkey-wrapper", children: jsx(PlaceholderMonkey, { text: 'No results, change filters.' }) })) : filterOption === 'FAVORITES' ? (jsxs(Flex, { sx: {
+                    width: '100%',
+                    height: '300px',
+                    background: 'white2',
+                    borderRadius: 'normal',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    flexDirection: 'column',
+                    mt: '10px',
+                }, children: [jsx(Svg, { icon: "StarFilled", width: 75, height: 75 }), jsx(Flex, { sx: { mt: '10px' }, children: `You don't have any Favorite Bonds yet!` }), jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400, color: 'textDisabledButton', mt: '10px' }, children: `Click on the 'star' or 'fire' icon to add Bonds to the list.` })] })) : (jsx(LoadingSkeleton, {})), SDKConfig.useHotBonds && jsx(RecommendationCards, {}), jsx(Flex, { sx: { width: '100%', justifyContent: 'center', my: '15px' }, children: jsx("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1741643990/poweredbyapebondsdk_cxiouj.png", alt: "powered-by-apebond", style: { width: '200px', height: 'auto' } }) })] }));
+};
+
+export { Bonds as default };
+//# sourceMappingURL=Bonds.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Bonds.js","sources":["../../../src/views/Bonds/Bonds.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { BondsData } from '../../types/bonds'\nimport { useTopTags } from '../../hooks/useTopTags'\nimport { isBondSoldOut, isBondSupported, sortBonds } from './utils'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport CheckURL from './components/CheckURL'\nimport PlaceholderMonkey from '../../components/PlaceholderMonkey'\nimport useFavoriteTokens from '../../state/favoriteTokens/useFavoriteTokens'\nimport useChainFilterOption from '../../state/chainFilterOption/useChainFilterOption'\nimport useBondsList from '../../state/bonds/useBondsList'\nimport { BaseBondConfig } from '@ape.swap/apeswap-lists'\nimport RecommendationCards from './components/RecommendationCards'\nimport BondsMenu from './components/BondsMenu/BondsMenu'\nimport { Svg, Flex } from '../../components/uikit-sdk'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport BuyAgainRow from './components/BuyAgainRow'\nimport LoadingSkeleton from './components/LoadingSkeleton/LoadingSkeleton'\nimport useHotBonds from '../../state/hotBonds/useHotBonds'\nimport useBondsListPreTGE from '../../state/bonds/useBondsListPreTGE'\nimport { MAINNET_CHAINS } from '../../config/constants/chains'\nimport ActiveBondRows from './components/BondRows/ActiveBondRows'\nimport SoldOutRows from './components/BondRows/SoldOutRows'\n\ntype SortableKeys = 'bonus' | 'arr' | 'terms' | 'tokensRemaining'\ntype SortDirection = 'asc' | 'desc'\n\nexport interface SortOptions {\n  key: SortableKeys\n  direction: SortDirection\n}\n\nexport type GroupedByChain = Record<number, (BondsData | BaseBondConfig)[]>\nexport type GroupedBySymbol = Record<number, Record<string, (BondsData | BaseBondConfig)[]>>\n\nconst Bonds = () => {\n  // Fetch data\n  useHotBonds()\n  const SDKConfig = useSDKConfig()\n  const { favTokens } = useFavoriteTokens()\n  const { data: bondData, refetch } = useBondsData()\n  const { data: allBonds } = useBondsList()\n  const { data: allPreBonds } = useBondsListPreTGE()\n  const { data: chainFilterOption, setChainFilterOption } = useChainFilterOption()\n  const { data: tokenPrices } = useTokenPrices()\n  const topTags = useTopTags()\n\n  // State\n  const [sortConfig, setSortConfig] = useState<SortOptions | undefined>({ key: 'bonus', direction: 'desc' })\n  const [searchQuery, setSearchQuery] = useState('')\n  const [filterOption, setFilterOption] = useState('ALL')\n\n  // Static data\n  const filterOptions = ['ALL', 'FAVORITES', ...topTags, 'SOLD OUT']\n  const validatedChains = SDKConfig?.chains?.filter((chain) => MAINNET_CHAINS.includes(chain))\n\n  const billsToRender: GroupedByChain | GroupedBySymbol = useMemo(() => {\n    if (!allBonds || !allPreBonds) return {}\n    const sortedBonds = sortBonds(sortConfig, bondData)\n    const bondsToUse = filterOption === 'SOLD OUT' ? [...allPreBonds, ...allBonds] : sortedBonds\n\n    const filteredBonds = bondsToUse?.filter((bill) => {\n      // filter incompatible bonds\n      if (!isBondSupported(SDKConfig.highestCompatibleVersion!, bill.version)) return false\n\n      // filter onlyPartner Bonds\n      if (bill.onlyPartner && SDKConfig.bondPartner !== bill.bondPartner) return false\n\n      // filter searchQuery\n      if (searchQuery) {\n        const matchesSearch = [\n          `${bill?.earnToken?.symbol.toUpperCase()}`,\n          `${bill?.lpToken?.symbol.toUpperCase()}`,\n        ].some((property) => property?.includes(searchQuery.toUpperCase()))\n        if (!matchesSearch) return false\n      }\n\n      // filter tiers\n      if (!SDKConfig?.useTiers && 'minTier' in bill) {\n        if (bill.minTier !== null && bill.minTier !== undefined) return false\n      }\n\n      // filter bondPartner\n      if (SDKConfig?.bondPartner && bill.bondPartner !== SDKConfig.bondPartner) return false\n\n      // filter topTags\n      if (topTags.includes(filterOption) && !bill?.tags?.includes(filterOption)) return false\n\n      // filter chainFilterOption\n      if (chainFilterOption && !chainFilterOption?.includes('All Chains')) {\n        if (!chainFilterOption?.includes(bill?.chainId?.toString())) return false\n      }\n\n      // filter SOLD OUT\n      if (filterOption === 'SOLD OUT' && !isBondSoldOut(bill as BondsData, SDKConfig.showLowValueBonds)) return false\n\n      // filter not SOLD OUT\n      if (filterOption !== 'SOLD OUT' && isBondSoldOut(bill as BondsData, SDKConfig.showLowValueBonds)) return false\n\n      // filter FAVORITES\n      if (filterOption === 'FAVORITES' && !favTokens.includes(bill?.earnToken?.symbol?.toLowerCase())) return false\n\n      return true\n    })\n\n    if (filterOption === 'SOLD OUT') {\n      return filteredBonds?.reduce<GroupedBySymbol>((acc, bond) => {\n        const symbol = bond?.earnToken?.symbol\n        const chainId = bond.chainId\n\n        if (!acc[chainId]) acc[chainId] = {}\n\n        if (!acc[chainId][symbol]) acc[chainId][symbol] = []\n\n        acc[chainId][symbol].push(bond)\n        return acc\n      }, {})\n    } else {\n      return filteredBonds?.reduce<GroupedByChain>((acc, bond) => {\n        const { chainId } = bond\n        if (!acc[chainId]) acc[chainId] = []\n        acc[chainId].push(bond)\n        return acc\n      }, {})\n    }\n  }, [\n    allBonds,\n    allPreBonds,\n    sortConfig,\n    bondData,\n    filterOption,\n    SDKConfig.highestCompatibleVersion,\n    SDKConfig.bondPartner,\n    SDKConfig?.useTiers,\n    SDKConfig.showLowValueBonds,\n    searchQuery,\n    topTags,\n    chainFilterOption,\n    favTokens,\n  ])\n\n  // Handlers\n  const handleSortOptions = useCallback(\n    (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    [sortConfig?.key, sortConfig?.direction],\n  )\n\n  const handleChangeFilterOption = useCallback((newOption: string) => {\n    setFilterOption(newOption)\n  }, [])\n\n  useEffect(() => {\n    const hash = window.location.hash\n    //@ts-ignore\n    if (bondData?.length > 0 && hash) {\n      const tryScroll = () => {\n        const normalizedHash = decodeURIComponent(hash).replace(/\\s+/g, '')\n        const element = document.querySelector(normalizedHash)\n        if (element) {\n          const y = element.getBoundingClientRect().top + window.scrollY - 70\n          window.scrollTo({ top: y, behavior: 'smooth' })\n        } else {\n          setTimeout(tryScroll, 50)\n        }\n      }\n      tryScroll()\n    }\n  }, [bondData?.length])\n\n  useEffect(() => {\n    if (Object.keys(tokenPrices ?? {})?.length > 0 && bondData?.length === 0) {\n      console.log('Found prices and no bonds, realtimeapi failed. Refetching bonds')\n      refetch()\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [Object.keys(tokenPrices ?? {})?.length, bondData?.length, refetch])\n\n  return (\n    <Flex className=\"bonds-container\">\n      <CheckURL />\n      <BondsMenu\n        searchQuery={searchQuery}\n        setSearchQuery={setSearchQuery}\n        setChainFilterOption={setChainFilterOption}\n        chainFilterOption={chainFilterOption ?? ['All Chains']}\n        filterOptions={filterOptions}\n        filterOption={filterOption}\n        setFilterOption={handleChangeFilterOption}\n        onSort={handleSortOptions}\n      />\n      {SDKConfig.useHotBonds && !SDKConfig.bondPartner && filterOption !== 'SOLD OUT' && <BuyAgainRow />}\n      {Object.keys(billsToRender)?.length > 0 ? (\n        <Flex className=\"bondrowsbychain\">\n          {validatedChains?.map((chain) =>\n            filterOption === 'SOLD OUT' ? (\n              Object.entries(billsToRender[chain] ?? {}).map((groupedBonds) => (\n                <SoldOutRows bonds={groupedBonds[1]} key={groupedBonds[0]} />\n              ))\n            ) : (\n              <ActiveBondRows\n                chain={chain}\n                bonds={(billsToRender[chain] ?? []) as (BondsData | BaseBondConfig)[]}\n                key={chain}\n                hideTitles={searchQuery !== ''}\n                showHotBonds={!searchQuery && SDKConfig.useHotBonds && SDKConfig?.hotBondChains?.includes(chain)}\n              />\n            ),\n          )}\n        </Flex>\n      ) : searchQuery || !chainFilterOption.includes('All Chains') ? (\n        <Flex className=\"placeholder-monkey-wrapper\">\n          <PlaceholderMonkey text={'No results, change filters.'} />\n        </Flex>\n      ) : filterOption === 'FAVORITES' ? (\n        <Flex\n          sx={{\n            width: '100%',\n            height: '300px',\n            background: 'white2',\n            borderRadius: 'normal',\n            justifyContent: 'center',\n            alignItems: 'center',\n            flexDirection: 'column',\n            mt: '10px',\n          }}\n        >\n          <Svg icon=\"StarFilled\" width={75} height={75} />\n          <Flex sx={{ mt: '10px' }}>{`You don't have any Favorite Bonds yet!`}</Flex>\n          <Flex sx={{ fontSize: '12px', fontWeight: 400, color: 'textDisabledButton', mt: '10px' }}>\n            {`Click on the 'star' or 'fire' icon to add Bonds to the list.`}\n          </Flex>\n        </Flex>\n      ) : (\n        <LoadingSkeleton />\n      )}\n      {SDKConfig.useHotBonds && <RecommendationCards />}\n      <Flex sx={{ width: '100%', justifyContent: 'center', my: '15px' }}>\n        <img\n          src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1741643990/poweredbyapebondsdk_cxiouj.png\"\n          alt=\"powered-by-apebond\"\n          style={{ width: '200px', height: 'auto' }}\n        />\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default Bonds\n"],"names":["_jsxs","_jsx","CheckURL"],"mappings":"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"}

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

@@ -0,0 +1,66 @@
+import { useState } from 'react';
+import ChainTitle from './ChainTitle.js';
+import BondRow from './BondRow.js';
+import '../../../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import SwiperProvider from '../../../../contexts/SwiperProvider.js';
+import HotBondCards from '../HotBondCards/index.js';
+import ChainBanner from '../ChainBanner/ChainBanner.js';
+import { getRemainingTokensString, remainingPercentage, getVestingTermsTooltipString, getVestingTermsString } from '../../../../utils/displayHelpers.js';
+import { getBalanceNumber } from '../../../../utils/getBalanceNumber.js';
+import { BigNumber } from '../../../../node_modules/bignumber.js/bignumber.js';
+import { formatNumberSI } from '../../../../utils/formatNumber.js';
+import { getTimePeriods } from '../../../../utils/getTimePeriods.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+import { jsx, jsxs } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { __exports as main } from '../../../../_virtual/main.js';
+import { motion } from '../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js';
+import { AnimatePresence } from '../../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
+import { Flex } from '../../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const ActiveBondRows = ({ chain, bonds, hideTitles, showHotBonds }) => {
+    const { namingPreference } = useSDKConfig();
+    const [isOpen, setIsOpen] = useState(true);
+    const key = chain;
+    return (jsx(Flex, { className: "bondrowswithtitle", children: jsxs(AnimatePresence, { initial: false, children: [jsx(Flex, { onClick: () => setIsOpen(!isOpen), sx: { cursor: 'pointer' }, children: jsx(ChainTitle, { chain: chain, pt: '5px', hideTitles: (bonds.length <= 0 && chain !== main.ChainId.SOL && chain !== main.ChainId.MONAD) || hideTitles, isOpen: isOpen }) }), isOpen && (bonds.length > 0 || chain === main.ChainId.SOL || chain === main.ChainId.MONAD) && (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%',
+                        marginTop: '0px',
+                    }, className: "bonds-card-container", children: [[main.ChainId.SOL, main.ChainId.MONAD].includes(chain) && !hideTitles && jsx(ChainBanner, { chainId: chain }), bonds === null || bonds === void 0 ? void 0 : bonds.map((bondFromMap, index) => {
+                            // PRE TGE ROWS
+                            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+                            if (bondFromMap.billType === 'fcfs') {
+                                const bond = bondFromMap;
+                                const totalPrincipalBilled = Math.round(getBalanceNumber(new BigNumber((_a = bond === null || bond === void 0 ? void 0 : bond.totalPrincipalBilled) !== null && _a !== void 0 ? _a : '0'), (_c = (_b = bond === null || bond === void 0 ? void 0 : bond.lpToken) === null || _b === void 0 ? void 0 : _b.decimals) === null || _c === void 0 ? void 0 : _c[bond === null || bond === void 0 ? void 0 : bond.chainId])) / ((_d = bond.initPrice) !== null && _d !== void 0 ? _d : 0);
+                                const raiseGoal = Math.round(getBalanceNumber(new BigNumber((_e = bond === null || bond === void 0 ? void 0 : bond.totalRaise) !== null && _e !== void 0 ? _e : '0'), (_g = (_f = bond === null || bond === void 0 ? void 0 : bond.lpToken) === null || _f === void 0 ? void 0 : _f.decimals) === null || _g === void 0 ? void 0 : _g[bond === null || bond === void 0 ? void 0 : bond.chainId])) / ((_h = bond.initPrice) !== null && _h !== void 0 ? _h : 0);
+                                const tokensRemaining = raiseGoal - totalPrincipalBilled;
+                                const tokensRemainingUSD = tokensRemaining * ((_j = bond === null || bond === void 0 ? void 0 : bond.initPrice) !== null && _j !== void 0 ? _j : 0);
+                                const percentageAvailable = 100 - Math.floor((totalPrincipalBilled * 100) / raiseGoal);
+                                const earnToken = (_k = bond === null || bond === void 0 ? void 0 : bond.earnToken) === null || _k === void 0 ? void 0 : _k.symbol;
+                                const baseBonus = (_o = (_m = (_l = bond === null || bond === void 0 ? void 0 : bond.trueBondPrices) === null || _l === void 0 ? void 0 : _l[0]) === null || _m === void 0 ? void 0 : _m.bonus) !== null && _o !== void 0 ? _o : 0;
+                                const airdropBonus = (_p = bond === null || bond === void 0 ? void 0 : bond.airdropBonus) !== null && _p !== void 0 ? _p : 0;
+                                const bonus = baseBonus + airdropBonus;
+                                const initialRelease = ((_q = bond === null || bond === void 0 ? void 0 : bond.initialRelease) !== null && _q !== void 0 ? _q : 0) * 100;
+                                const now = new Date().getTime();
+                                const saleFinishTime = ((_r = bond === null || bond === void 0 ? void 0 : bond.finishTime) !== null && _r !== void 0 ? _r : 0) * 1000;
+                                const saleHasFinished = now > saleFinishTime || bond.finalized;
+                                return (jsx(BondRow, { bondAddress: (_s = bond.contractAddress) === null || _s === void 0 ? void 0 : _s[bond.chainId], bondChain: bond.chainId, marketingCampaign: bond.marketingCampaign, payoutToken: bond.earnToken, billType: bond.billType, tag: (_t = bond.tags) === null || _t === void 0 ? void 0 : _t[0], bonus: saleHasFinished ? undefined : `${bonus}%`, airdropTooltip: bond.airdropTooltip, percentageAvailable: percentageAvailable, remainingTokensString: saleHasFinished
+                                        ? `0 ${earnToken} ($0) `
+                                        : `${formatNumberSI(tokensRemaining, 0)} ${earnToken} ($${formatNumberSI(tokensRemainingUSD, 2)})`, vestingTermString: saleHasFinished
+                                        ? '-'
+                                        : initialRelease === 100
+                                            ? `0 D`
+                                            : `${getTimePeriods(bond.vestingTerm).months} Mo`, projectURL: bond.projectLink, twitterURL: bond.twitter, bondSoldOut: saleHasFinished, shortDescription: bond.shortDescription }, `${bond.contractAddress}-${bond.chainId}-${index}`));
+                            }
+                            else {
+                                // POST TGE BONDS AKA NORMAL BONDS
+                                const bond = bondFromMap;
+                                const bondAddress = (_u = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _u === void 0 ? void 0 : _u[bond === null || bond === void 0 ? void 0 : bond.chainId];
+                                const remainingTokensString = getRemainingTokensString(bond);
+                                return (jsx(BondRow, { bondAddress: bondAddress, bondChain: bond.chainId, marketingCampaign: bond.marketingCampaign, payoutToken: bond.earnToken, billType: bond.billType, tag: (_v = bond.tags) === null || _v === void 0 ? void 0 : _v[0], trueBondPrices: namingPreference === 'Bonus' ? bond.trueBondPrices : undefined, minTier: bond === null || bond === void 0 ? void 0 : bond.minTier, vestingTermString: getVestingTermsString(bond), vestingCliffString: getVestingTermsTooltipString(bond), percentageAvailable: remainingPercentage(bond), remainingTokensString: remainingTokensString, projectURL: bond.projectLink, twitterURL: bond.twitter, bonus: namingPreference === 'Discount' ? `${(_w = bond === null || bond === void 0 ? void 0 : bond.discountWithFee) === null || _w === void 0 ? void 0 : _w.toFixed(2)}%` : undefined, shortDescription: bond.shortDescription, cgId: bond.cgId, dexscreener: bond === null || bond === void 0 ? void 0 : bond.dexscreener }, `${bondAddress}-${bond.chainId}-${index}`));
+                            }
+                        }), showHotBonds && (jsx(SwiperProvider, { children: jsx(HotBondCards, {}) }))] }, key))] }) }, key));
+};
+
+export { ActiveBondRows as default };
+//# sourceMappingURL=ActiveBondRows.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveBondRows.js","sources":["../../../../../src/views/Bonds/components/BondRows/ActiveBondRows.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport ChainTitle from './ChainTitle'\nimport BondRow from './BondRow'\nimport { Flex } from 'theme-ui'\nimport { BondsData } from '../../../../types/bonds'\nimport { BaseBondConfig, ChainId, MarketingCampaign } from '@ape.swap/apeswap-lists'\nimport SwiperProvider from '../../../../contexts/SwiperProvider'\nimport HotBondCards from '../HotBondCards'\nimport ChainBanner from '../ChainBanner/ChainBanner'\nimport {\n  getRemainingTokensString,\n  getVestingTermsString,\n  getVestingTermsTooltipString,\n  remainingPercentage,\n} from '../../../../utils/displayHelpers'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport BigNumber from 'bignumber.js'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { getTimePeriods } from '../../../../utils/getTimePeriods'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\n\n// Record<string, (BondsData | BaseBondConfig)[]>\n\nexport interface ActiveBondRowsProps {\n  chain: number\n  bonds: (BondsData | BaseBondConfig)[]\n  hideTitles: boolean\n  showHotBonds: boolean\n}\n\nconst ActiveBondRows: React.FC<ActiveBondRowsProps> = ({ chain, bonds, hideTitles, showHotBonds }) => {\n  const { namingPreference } = useSDKConfig()\n  const [isOpen, setIsOpen] = useState<boolean>(true)\n  const key = chain\n\n  return (\n    <Flex className=\"bondrowswithtitle\" key={key}>\n      <AnimatePresence initial={false}>\n        <Flex onClick={() => setIsOpen(!isOpen)} sx={{ cursor: 'pointer' }}>\n          <ChainTitle\n            chain={chain}\n            pt={'5px'}\n            hideTitles={(bonds.length <= 0 && chain !== ChainId.SOL && chain !== ChainId.MONAD) || hideTitles}\n            isOpen={isOpen}\n          />\n        </Flex>\n        {isOpen && (bonds.length > 0 || chain === ChainId.SOL || chain === ChainId.MONAD) && (\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              marginTop: '0px',\n            }}\n            key={key}\n            className=\"bonds-card-container\"\n          >\n            {[ChainId.SOL, ChainId.MONAD].includes(chain) && !hideTitles && <ChainBanner chainId={chain} />}\n            {bonds?.map((bondFromMap, index) => {\n              // PRE TGE ROWS\n\n              if (bondFromMap.billType === 'fcfs') {\n                const bond = bondFromMap as BondsData\n                const totalPrincipalBilled =\n                  Math.round(\n                    getBalanceNumber(\n                      new BigNumber(bond?.totalPrincipalBilled ?? '0'),\n                      bond?.lpToken?.decimals?.[bond?.chainId] as number,\n                    ),\n                  ) / (bond.initPrice ?? 0)\n                const raiseGoal =\n                  Math.round(\n                    getBalanceNumber(\n                      new BigNumber(bond?.totalRaise ?? '0'),\n                      bond?.lpToken?.decimals?.[bond?.chainId] as number,\n                    ),\n                  ) / (bond.initPrice ?? 0)\n\n                const tokensRemaining = raiseGoal - totalPrincipalBilled\n                const tokensRemainingUSD = tokensRemaining * (bond?.initPrice ?? 0)\n                const percentageAvailable = 100 - Math.floor((totalPrincipalBilled * 100) / raiseGoal)\n                const earnToken = bond?.earnToken?.symbol\n\n                const baseBonus = bond?.trueBondPrices?.[0]?.bonus ?? 0\n                const airdropBonus = bond?.airdropBonus ?? 0\n                const bonus = baseBonus + airdropBonus\n                const initialRelease = (bond?.initialRelease ?? 0) * 100\n\n                const now = new Date().getTime()\n                const saleFinishTime = (bond?.finishTime ?? 0) * 1000\n                const saleHasFinished = now > saleFinishTime || bond.finalized\n\n                return (\n                  <BondRow\n                    key={`${bond.contractAddress}-${bond.chainId}-${index}`}\n                    bondAddress={bond.contractAddress?.[bond.chainId] as string}\n                    bondChain={bond.chainId}\n                    marketingCampaign={bond.marketingCampaign as MarketingCampaign}\n                    payoutToken={bond.earnToken}\n                    billType={bond.billType}\n                    tag={bond.tags?.[0]}\n                    bonus={saleHasFinished ? undefined : `${bonus}%`}\n                    airdropTooltip={bond.airdropTooltip}\n                    percentageAvailable={percentageAvailable}\n                    remainingTokensString={\n                      saleHasFinished\n                        ? `0 ${earnToken} ($0) `\n                        : `${formatNumberSI(tokensRemaining, 0)} ${earnToken} ($${formatNumberSI(tokensRemainingUSD, 2)})`\n                    }\n                    vestingTermString={\n                      saleHasFinished\n                        ? '-'\n                        : initialRelease === 100\n                          ? `0 D`\n                          : `${getTimePeriods(bond.vestingTerm).months} Mo`\n                    }\n                    projectURL={bond.projectLink}\n                    twitterURL={bond.twitter}\n                    bondSoldOut={saleHasFinished}\n                    shortDescription={bond.shortDescription}\n                  />\n                )\n              } else {\n                // POST TGE BONDS AKA NORMAL BONDS\n\n                const bond = bondFromMap as BondsData\n                const bondAddress = bond?.contractAddress?.[bond?.chainId] as string\n                const remainingTokensString = getRemainingTokensString(bond)\n                return (\n                  <BondRow\n                    key={`${bondAddress}-${bond.chainId}-${index}`}\n                    bondAddress={bondAddress}\n                    bondChain={bond.chainId}\n                    marketingCampaign={bond.marketingCampaign as MarketingCampaign}\n                    payoutToken={bond.earnToken}\n                    billType={bond.billType}\n                    tag={bond.tags?.[0]}\n                    trueBondPrices={namingPreference === 'Bonus' ? bond.trueBondPrices : undefined}\n                    minTier={bond?.minTier}\n                    vestingTermString={getVestingTermsString(bond)}\n                    vestingCliffString={getVestingTermsTooltipString(bond)}\n                    percentageAvailable={remainingPercentage(bond)}\n                    remainingTokensString={remainingTokensString}\n                    projectURL={bond.projectLink}\n                    twitterURL={bond.twitter}\n                    bonus={namingPreference === 'Discount' ? `${bond?.discountWithFee?.toFixed(2)}%` : undefined}\n                    shortDescription={bond.shortDescription}\n                    cgId={bond.cgId}\n                    dexscreener={bond?.dexscreener}\n                  />\n                )\n              }\n            })}\n            {showHotBonds && (\n              <SwiperProvider>\n                <HotBondCards />\n              </SwiperProvider>\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </Flex>\n  )\n}\n\nexport default ActiveBondRows\n"],"names":["_jsx","_jsxs","ChainId"],"mappings":"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"}

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

@@ -0,0 +1,70 @@
+import ProgressBar from '../../../../components/ProgressBar/ProgressBar.js';
+import ProgressBarWrapper from '../../../../components/ProgressBar/ProgressBarWrapper.js';
+import TokenInfoAndName from '../../../../components/TokenInfoAndName/index.js';
+import BondInfoTooltip from '../../../../components/Tooltip/Tooltip.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import '../../../../node_modules/tslib/tslib.es6.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 TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import { MCBondRowStyles } from '../../../../utils/campaignStyles.js';
+import useModal from '../../../../hooks/useModal.js';
+import ModalHandler from './ModalHandler.js';
+import track from '../../../../utils/track.js';
+import BonusContainer from '../BonusComponents/BonusContainer.js';
+import ModalHandlerPreTGE from './ModalHandlerPreTGE.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+import SafeHTMLComponent from '../../../../components/SafeHTMLComponent/index.js';
+import { jsx, jsxs } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const BondRow = ({ bondAddress, bondChain, marketingCampaign, payoutToken, billType, tag, bondSoldOut, trueBondPrices, minTier, bonus, airdropTooltip, vestingTermString, vestingCliffString, percentageAvailable, remainingTokensString, projectURL, twitterURL, shortDescription, soldoutBondsCount, isOpen, cgId, dexscreener, }) => {
+    var _a, _b, _c;
+    const SDKConfig = useSDKConfig();
+    const locationPath = window.location.pathname.replace('/', '');
+    // Modal
+    const [openBuyModal] = useModal(jsx(ModalHandler, { bondAddress: bondAddress, bondChain: bondChain }), true, true, `buyBondModal-${bondAddress.toLowerCase()}-${bondChain}`);
+    const [openPreTGEBondModal] = useModal(jsx(ModalHandlerPreTGE, { bondAddress: bondAddress, bondChain: bondChain }), true, true, `preTGEBuyBondModal:${bondAddress.toLowerCase()}-${bondChain}}`);
+    const handleOpenModal = () => {
+        if (bondSoldOut)
+            return;
+        if (billType === 'fcfs') {
+            openPreTGEBondModal();
+        }
+        else {
+            openBuyModal();
+        }
+        if (typeof window !== 'undefined') {
+            window.history.pushState({}, '', `${locationPath}?bondAddress=${bondAddress}&bondChain=${bondChain}`);
+        }
+        track({
+            event: 'buyModalOpen',
+            chain: bondChain,
+            data: {
+                cat: 'Row',
+                bond: payoutToken.symbol,
+                bondChain: bondChain,
+            },
+        });
+    };
+    return (jsxs("div", { className: "bond-row" // Insert special campaign styles here
+        , onClick: handleOpenModal, sx: Object.assign(Object.assign({ borderRadius: 'normal' }, MCBondRowStyles[marketingCampaign]), { cursor: !bondSoldOut || (soldoutBondsCount && !isOpen) ? 'pointer' : 'default' }), children: [jsx("div", { className: "token-info-container", sx: { width: ['40%', '40%', '40%', '30%'] }, children: jsx(TokenInfoAndName, { tokenSymbol: payoutToken === null || payoutToken === void 0 ? void 0 : payoutToken.symbol, chain: bondChain, tag: tag, marketingCampaign: marketingCampaign }) }), SDKConfig.useCardsView && shortDescription && (jsx("div", { className: "short-description", children: jsx(SafeHTMLComponent, { html: shortDescription }) })), jsxs("div", { className: "bond-info-columns", sx: { width: ['60%', '60%', '60%', '70%'] }, children: [!SDKConfig.useCardsView && jsx(Flex, { sx: { display: ['none', 'none', 'none', 'flex'], width: '125px' } }), jsx(BonusContainer, { trueBondPrices: trueBondPrices, minTier: minTier, bonus: bonus, airdropTooltip: airdropTooltip }), jsxs("div", { className: "terms-column", children: [vestingTermString, vestingCliffString && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: vestingCliffString }), width: "180px", placement: "bottomRight", transformTip: "translate(13%, 0%)", children: jsx(Flex, { sx: { opacity: 0.6, ml: '6px' }, children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) }))] }), jsx("div", { className: "tokens-remaining-column", children: bondSoldOut ? ('-') : (jsx(ProgressBarWrapper, { title: '', value: jsx(ProgressBar, { value: percentageAvailable }), style: {
+                                width: '127px',
+                                height: '25px',
+                                flexDirection: 'column',
+                                justifyContent: 'center',
+                                display: ['none', 'none', 'none', 'flex'],
+                            }, showTooltip: true, toolTip: remainingTokensString })) }), jsx("div", { className: "tooltip-column", children: soldoutBondsCount ? (jsxs(Flex, { sx: { gap: '5px', fontSize: '13px', fontWeight: 500, opacity: 0.5 }, children: ["(", soldoutBondsCount, ")", jsx(Svg, { icon: "caret", direction: isOpen ? 'up' : 'down', width: "8px" })] })) : (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(BondInfoTooltip, { earnTokenContract: (_b = (_a = payoutToken === null || payoutToken === void 0 ? void 0 : payoutToken.address) === null || _a === void 0 ? void 0 : _a[bondChain]) !== null && _b !== void 0 ? _b : '', earnTokenSymbol: (_c = payoutToken === null || payoutToken === void 0 ? void 0 : payoutToken.symbol) !== null && _c !== void 0 ? _c : '', bondContract: bondAddress !== null && bondAddress !== void 0 ? bondAddress : '', projectLink: projectURL, twitter: twitterURL, chain: bondChain, isSoldOut: bondSoldOut, billType: billType, cgId: cgId, dexscreener: dexscreener }), width: "205px", placement: "bottomRight", transformTip: "translate(7%, -2%)", children: jsx(Flex, { className: "more-icon", sx: { opacity: 0.8 }, children: jsx(Svg, { icon: "more", width: "25px" }) }) })) })] })] }, `${bondAddress}-${bondChain}`));
+};
+
+export { BondRow as default };
+//# sourceMappingURL=BondRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BondRow.js","sources":["../../../../../src/views/Bonds/components/BondRows/BondRow.tsx"],"sourcesContent":["import React from 'react'\nimport { TrueBondPrices } from '../../../../types/bonds'\nimport ProgressBar from '../../../../components/ProgressBar/ProgressBar'\nimport ProgressBarWrapper from '../../../../components/ProgressBar/ProgressBarWrapper'\nimport TokenInfoAndName from '../../../../components/TokenInfoAndName'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport { Flex, Svg, TooltipBubble } from '../../../../components/uikit-sdk'\nimport { ChainId, LaunchBondTiers, MarketingCampaign, Token } from '@ape.swap/apeswap-lists'\nimport useModal from '../../../../hooks/useModal'\nimport ModalHandler from './ModalHandler'\nimport track from '../../../../utils/track'\nimport BonusContainer from '../BonusComponents/BonusContainer'\nimport ModalHandlerPreTGE from './ModalHandlerPreTGE'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport SafeHTMLComponent from '../../../../components/SafeHTMLComponent'\nimport { MCBondRowStyles } from '../../../../utils/campaignStyles'\n\ninterface BondRowProps {\n  bondAddress: string\n  bondChain: ChainId\n  marketingCampaign?: MarketingCampaign\n  payoutToken: Token\n  billType: string\n  tag?: string\n  bondSoldOut?: boolean\n  trueBondPrices?: TrueBondPrices[]\n  minTier?: LaunchBondTiers\n  bonus?: string\n  airdropTooltip?: string\n  vestingTermString: string\n  vestingCliffString?: string\n  percentageAvailable: number\n  remainingTokensString: string\n  projectURL?: string\n  twitterURL?: string\n  shortDescription?: string\n  soldoutBondsCount?: number\n  isOpen?: boolean\n  cgId?: string\n  dexscreener?: string\n}\n\nconst BondRow: React.FC<BondRowProps> = ({\n  bondAddress,\n  bondChain,\n  marketingCampaign,\n  payoutToken,\n  billType,\n  tag,\n  bondSoldOut,\n  trueBondPrices,\n  minTier,\n  bonus,\n  airdropTooltip,\n  vestingTermString,\n  vestingCliffString,\n  percentageAvailable,\n  remainingTokensString,\n  projectURL,\n  twitterURL,\n  shortDescription,\n  soldoutBondsCount,\n  isOpen,\n  cgId,\n  dexscreener,\n}) => {\n  const SDKConfig = useSDKConfig()\n  const locationPath = window.location.pathname.replace('/', '')\n  // Modal\n  const [openBuyModal] = useModal(\n    <ModalHandler bondAddress={bondAddress} bondChain={bondChain} />,\n    true,\n    true,\n    `buyBondModal-${bondAddress.toLowerCase()}-${bondChain}`,\n  )\n\n  const [openPreTGEBondModal] = useModal(\n    <ModalHandlerPreTGE bondAddress={bondAddress} bondChain={bondChain} />,\n    true,\n    true,\n    `preTGEBuyBondModal:${bondAddress.toLowerCase()}-${bondChain}}`,\n  )\n\n  const handleOpenModal = () => {\n    if (bondSoldOut) return\n    if (billType === 'fcfs') {\n      openPreTGEBondModal()\n    } else {\n      openBuyModal()\n    }\n    if (typeof window !== 'undefined') {\n      window.history.pushState({}, '', `${locationPath}?bondAddress=${bondAddress}&bondChain=${bondChain}`)\n    }\n    track({\n      event: 'buyModalOpen',\n      chain: bondChain,\n      data: {\n        cat: 'Row',\n        bond: payoutToken.symbol,\n        bondChain: bondChain,\n      },\n    })\n  }\n\n  return (\n    <div\n      className=\"bond-row\" // Insert special campaign styles here\n      onClick={handleOpenModal}\n      key={`${bondAddress}-${bondChain}`}\n      sx={{\n        borderRadius: 'normal',\n        ...MCBondRowStyles[marketingCampaign!],\n        cursor: !bondSoldOut || (soldoutBondsCount && !isOpen) ? 'pointer' : 'default',\n      }}\n    >\n      <div className=\"token-info-container\" sx={{ width: ['40%', '40%', '40%', '30%'] }}>\n        <TokenInfoAndName\n          tokenSymbol={payoutToken?.symbol}\n          chain={bondChain}\n          tag={tag}\n          marketingCampaign={marketingCampaign}\n        />\n      </div>\n      {SDKConfig.useCardsView && shortDescription && (\n        <div className=\"short-description\">\n          <SafeHTMLComponent html={shortDescription} />\n        </div>\n      )}\n      <div className=\"bond-info-columns\" sx={{ width: ['60%', '60%', '60%', '70%'] }}>\n        {!SDKConfig.useCardsView && <Flex sx={{ display: ['none', 'none', 'none', 'flex'], width: '125px' }} />}\n        <BonusContainer\n          trueBondPrices={trueBondPrices}\n          minTier={minTier}\n          bonus={bonus}\n          airdropTooltip={airdropTooltip}\n        />\n        <div className=\"terms-column\">\n          {vestingTermString}\n          {vestingCliffString && (\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={<Flex>{vestingCliffString}</Flex>}\n              width=\"180px\"\n              placement=\"bottomRight\"\n              transformTip=\"translate(13%, 0%)\"\n            >\n              <Flex sx={{ opacity: 0.6, ml: '6px' }}>\n                <Svg icon=\"questionCircle\" width=\"12px\" />\n              </Flex>\n            </TooltipBubble>\n          )}\n        </div>\n        <div className=\"tokens-remaining-column\">\n          {bondSoldOut ? (\n            '-'\n          ) : (\n            <ProgressBarWrapper\n              title={''}\n              value={<ProgressBar value={percentageAvailable} />}\n              style={{\n                width: '127px',\n                height: '25px',\n                flexDirection: 'column',\n                justifyContent: 'center',\n                display: ['none', 'none', 'none', 'flex'],\n              }}\n              showTooltip={true}\n              toolTip={remainingTokensString}\n            />\n          )}\n        </div>\n        <div className=\"tooltip-column\">\n          {soldoutBondsCount ? (\n            <Flex sx={{ gap: '5px', fontSize: '13px', fontWeight: 500, opacity: 0.5 }}>\n              ({soldoutBondsCount})\n              <Svg icon=\"caret\" direction={isOpen ? 'up' : 'down'} width=\"8px\" />\n            </Flex>\n          ) : (\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={\n                <Tooltip\n                  earnTokenContract={payoutToken?.address?.[bondChain] ?? ''}\n                  earnTokenSymbol={payoutToken?.symbol ?? ''}\n                  bondContract={bondAddress ?? ''}\n                  projectLink={projectURL}\n                  twitter={twitterURL}\n                  chain={bondChain}\n                  isSoldOut={bondSoldOut}\n                  billType={billType}\n                  cgId={cgId}\n                  dexscreener={dexscreener}\n                />\n              }\n              width=\"205px\"\n              placement=\"bottomRight\"\n              transformTip=\"translate(7%, -2%)\"\n            >\n              <Flex className=\"more-icon\" sx={{ opacity: 0.8 }}>\n                <Svg icon=\"more\" width=\"25px\" />\n              </Flex>\n            </TooltipBubble>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default BondRow\n"],"names":["_jsx","_jsxs","Tooltip"],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import Text from '../../../../components/uikit-sdk/Text/index.js';
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import { NETWORK_LABEL } from '../../../../config/constants/chains.js';
+import { useIsMobile } from '../../../../hooks/useIsMobile.js';
+import { jsxs, jsx } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const ChainTitle = ({ chain, pt, hideTitles, isOpen, }) => {
+    var _a;
+    const isMobile = useIsMobile();
+    return (jsxs(Flex, { id: `${NETWORK_LABEL[chain].toLowerCase().replace(/\s+/g, '')}`, className: "chaintitle", sx: {
+            pt,
+            pb: '10px',
+            color: 'textDisabledButton',
+            fontSize: '13px',
+            fontWeight: 500,
+            cursor: 'pointer',
+            textTransform: 'uppercase',
+            display: hideTitles ? 'none' : 'flex',
+            width: '300px',
+            alignItems: 'center',
+        }, children: [NETWORK_LABEL[chain], " Bonds", jsx(Flex, { sx: { ml: '7px' }, children: jsx(Svg, { icon: "caret", direction: isOpen ? 'down' : 'up', width: 8, color: "textDisabledButton" }) }), ((_a = NETWORK_LABEL[chain]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes('testnet')) && (jsxs(Flex, { sx: { ml: '15px' }, children: [jsx(Text, { sx: { fontSize: '12px', color: '#DE62F3', fontWeight: 700, mr: '7px' }, children: "TESTNET" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Text, { sx: { textTransform: 'none' }, children: "Testnet Bonds let you experiment with fake tokens for free on upcoming chains still in development." }), width: isMobile ? '272px' : '280px', placement: isMobile ? 'bottomRight' : 'bottomLeft', transformTip: isMobile ? 'translate(10%, -5%)' : 'translate(-5%, -5%)', children: jsx(Svg, { icon: "questionCircle", width: 14, color: "textDisabledButton" }) })] }))] }));
+};
+
+export { ChainTitle as default };
+//# sourceMappingURL=ChainTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChainTitle.js","sources":["../../../../../src/views/Bonds/components/BondRows/ChainTitle.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Svg, Text, TooltipBubble } from '../../../../components/uikit-sdk'\nimport { NETWORK_LABEL } from '../../../../config/constants/chains'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\n\nconst ChainTitle = ({\n  chain,\n  pt,\n  hideTitles,\n  isOpen,\n}: {\n  chain: number\n  pt: string\n  hideTitles?: boolean\n  isOpen: boolean\n}) => {\n  const isMobile = useIsMobile()\n  return (\n    <Flex\n      id={`${NETWORK_LABEL[chain].toLowerCase().replace(/\\s+/g, '')}`}\n      className=\"chaintitle\"\n      sx={{\n        pt,\n        pb: '10px',\n        color: 'textDisabledButton',\n        fontSize: '13px',\n        fontWeight: 500,\n        cursor: 'pointer',\n        textTransform: 'uppercase',\n        display: hideTitles ? 'none' : 'flex',\n        width: '300px',\n        alignItems: 'center',\n      }}\n    >\n      {NETWORK_LABEL[chain]} Bonds\n      <Flex sx={{ ml: '7px' }}>\n        <Svg icon=\"caret\" direction={isOpen ? 'down' : 'up'} width={8} color=\"textDisabledButton\" />\n      </Flex>\n      {NETWORK_LABEL[chain]?.toLowerCase().includes('testnet') && (\n        <Flex sx={{ ml: '15px' }}>\n          <Text sx={{ fontSize: '12px', color: '#DE62F3', fontWeight: 700, mr: '7px' }}>TESTNET</Text>\n\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Text sx={{ textTransform: 'none' }}>\n                Testnet Bonds let you experiment with fake tokens for free on upcoming chains still in development.\n              </Text>\n            }\n            width={isMobile ? '272px' : '280px'}\n            placement={isMobile ? 'bottomRight' : 'bottomLeft'}\n            transformTip={isMobile ? 'translate(10%, -5%)' : 'translate(-5%, -5%)'}\n          >\n            <Svg icon=\"questionCircle\" width={14} color=\"textDisabledButton\" />\n          </TooltipBubble>\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default ChainTitle\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,EAAE,EACF,UAAU,EACV,MAAM,GAMP,KAAI;;AACH,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;AAC9B,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE,CAAA,EAAG,aAAa,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAA,CAAE,EAC/D,SAAS,EAAC,YAAY,EACtB,EAAE,EAAE;YACF,EAAE;AACF,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,KAAK,EAAE,oBAAoB;AAC3B,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,aAAa,EAAE,WAAW;YAC1B,OAAO,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM;AACrC,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA,EAAA,QAAA,EAAA,CAEA,aAAa,CAAC,KAAK,CAAC,EAAA,QAAA,EACrBC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EACrBA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,oBAAoB,EAAA,CAAG,EAAA,CACvF,EACN,CAAA,CAAA,EAAA,GAAA,aAAa,CAAC,KAAK,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,EAAA,CAAG,QAAQ,CAAC,SAAS,CAAC,MACtDD,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CACtBC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,SAAA,EAAA,CAAgB,EAE5FA,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EACFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,qGAAA,EAAA,CAE5B,EAET,KAAK,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,EACnC,SAAS,EAAE,QAAQ,GAAG,aAAa,GAAG,YAAY,EAClD,YAAY,EAAE,QAAQ,GAAG,qBAAqB,GAAG,qBAAqB,EAAA,QAAA,EAEtEA,GAAA,CAAC,GAAG,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,oBAAoB,EAAA,CAAG,EAAA,CACrD,IACX,CACR,CAAA,EAAA,CACI;AAEX;;;;"}