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

package/dist/views/BuyBond/components/BondModalHeader.js

@@ -0,0 +1,95 @@
+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 { Fragment } from '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 ListTag from '../../../components/uikit-sdk/Tag/ListTag.js';
+import TokenImage from '../../../components/uikit-sdk/TokenImage/index.js';
+import { earnTokenPrice, discountEarnTokenPrice } from '../../../utils/displayHelpers.js';
+import useModal from '../../../hooks/useModal.js';
+import SlippageModal from '../../../components/SlippageModal/index.js';
+import ExpandedViewButton from './ExpandedViewButton.js';
+import track from '../../../utils/track.js';
+import BondModalMinTierHeader from './BondModalMinTierHeader.js';
+import { TIERS_WEIGHT } from '../../../state/tiers/useTierPoints.js';
+import '../../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import { useSDKConfig } from '../../../state/useSDKConfig.js';
+import { findHighestTrueBondPrice } from '../../Bonds/utils.js';
+import { MCTokenIconStyles } from '../../../utils/campaignStyles.js';
+import { useIsMobile } from '../../../hooks/useIsMobile.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';
+
+const BondModalHeader = ({ bondData, onDismiss, showProjectInfoButton, }) => {
+    var _a, _b, _c, _d, _e;
+    const isMobile = useIsMobile();
+    const SDKConfig = useSDKConfig();
+    const [onOpenSlippageModal] = useModal(jsx(SlippageModal, { chainId: bondData.chainId }));
+    const minTier = bondData.minTier !== undefined ? bondData.minTier : null;
+    const bonusWithFee = (_a = findHighestTrueBondPrice(TIERS_WEIGHT[main.LaunchBondTiers.Legend], bondData === null || bondData === void 0 ? void 0 : bondData.trueBondPrices)) === null || _a === void 0 ? void 0 : _a.bonusWithFee;
+    const handleClose = () => {
+        if (typeof window !== 'undefined') {
+            window.history.pushState({}, '', `/bonds`);
+        }
+        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+    };
+    const handleProjectViewNavigation = () => {
+        var _a;
+        window.location.href = `/bonds/${(_a = bondData === null || bondData === void 0 ? void 0 : bondData.contractAddress) === null || _a === void 0 ? void 0 : _a[bondData === null || bondData === void 0 ? void 0 : bondData.chainId]}/${bondData === null || bondData === void 0 ? void 0 : bondData.chainId}`;
+        track({
+            event: 'projectInfoClick',
+            chain: bondData.chainId,
+            data: {
+                cat: 'Modal',
+                bond: bondData.earnToken.symbol,
+                bondChain: bondData.chainId,
+            },
+        });
+    };
+    return (jsxs(Flex, { className: "modaltable-container title-container", sx: { flexDirection: 'column', justifyContent: 'center', alignItems: 'start' }, children: [jsxs(Flex, { sx: {
+                    width: '100%',
+                    height: '30px',
+                    mb: ['10px', '10px', '10px', '0px'],
+                    justifyContent: ['space-between', 'space-between', 'space-between', 'flex-end'],
+                }, children: [jsx(Flex, { sx: { display: ['flex', 'flex', 'flex', 'none'] }, children: jsx(BondModalMinTierHeader, { minTier: minTier }) }), jsx(Flex, { sx: { cursor: 'pointer' }, children: onDismiss ? (jsxs(Fragment, { children: [showProjectInfoButton && jsx(ExpandedViewButton, { handleNavigation: handleProjectViewNavigation }), jsx(Flex, { sx: { mx: '25px' }, onClick: onOpenSlippageModal, children: jsx(Svg, { icon: "cog", width: isMobile ? '16px' : '20px' }) }), jsx(Flex, { onClick: handleClose, children: jsx(Svg, { icon: "close", color: "text", width: isMobile ? '12px' : '18px' }) })] })) : (jsx(Flex, { sx: { py: '3px', mt: '10px' }, onClick: onOpenSlippageModal, children: jsx(Svg, { icon: "cog", width: isMobile ? '16px' : '20px' }) })) })] }), jsxs(Flex, { sx: { width: '100%' }, children: [jsxs(Flex, { className: "title-container bondicon", children: [jsx(Flex, { sx: MCTokenIconStyles[bondData.marketingCampaign] }), jsx(TokenImage, { symbol: (_b = bondData.showcaseTokenName) !== null && _b !== void 0 ? _b : bondData.earnToken.symbol, size: 50, chain: bondData.chainId })] }), jsxs(Flex, { sx: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            pl: ['10px', '10px', '10px', '20px'],
+                            fontSize: '24px',
+                            fontWeight: 700,
+                        }, children: [bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, jsx(ListTag, { text: (_c = bondData === null || bondData === void 0 ? void 0 : bondData.tags) === null || _c === void 0 ? void 0 : _c[0] })] }), jsxs(Flex, { className: "title-container price-container", sx: { flexDirection: 'column', pl: ['10px', '10px', '10px', '20px'] }, children: [jsxs(Flex, { className: "price-container price", sx: { fontSize: ['12px', '12px', '12px', '14px'] }, children: ["$", earnTokenPrice(bondData)] }), SDKConfig.useTiers &&
+                                bondData.billVersion === main.BillVersion.V4 &&
+                                ((_e = (_d = bondData === null || bondData === void 0 ? void 0 : bondData.trueBondPrices) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0) > 1 ? (jsxs(Flex, { sx: {
+                                    p: '3px 6px',
+                                    border: '1px solid #9960C5',
+                                    borderRadius: 'normal',
+                                    background: 'transparent',
+                                    position: 'relative',
+                                    overflow: 'hidden',
+                                }, children: [jsx(Flex, { sx: {
+                                            position: 'absolute',
+                                            width: '100%',
+                                            height: '100%',
+                                            top: 0,
+                                            left: 0,
+                                            zIndex: 1,
+                                            background: '#9960C5',
+                                            opacity: 0.2,
+                                        } }), jsxs(Flex, { sx: { width: '100%', zIndex: 2, alignItems: 'center' }, children: [jsx("img", { src: `https://ape.bond/images/launch/mythical.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx(Flex, { sx: { fontSize: ['12px', '12px', '12px', '14px'], mr: '3px' }, children: "Up to" }), jsxs(Flex, { sx: {
+                                                    color: bonusWithFee && bonusWithFee > 0 ? 'success' : 'error',
+                                                    fontSize: ['12px', '12px', '12px', '14px'],
+                                                }, children: ["$", discountEarnTokenPrice(bondData, true)] })] })] })) : (jsxs(Flex, { sx: { fontSize: '24px', fontWeight: 700 }, children: ["$", discountEarnTokenPrice(bondData)] }))] }), jsx(Flex, { sx: { display: ['none', 'none', 'none', 'flex'], ml: '10px' }, children: jsx(BondModalMinTierHeader, { minTier: minTier }) })] })] }));
+};
+
+export { BondModalHeader as default };
+//# sourceMappingURL=BondModalHeader.js.map

package/dist/views/BuyBond/components/BondModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BondModalHeader.js","sources":["../../../../src/views/BuyBond/components/BondModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, ListTag, Svg } from '../../../components/uikit-sdk'\nimport TokenImage from '../../../components/uikit-sdk/TokenImage'\nimport { discountEarnTokenPrice, earnTokenPrice } from '../../../utils/displayHelpers'\nimport useModal from '../../../hooks/useModal'\nimport SlippageModal from '../../../components/SlippageModal'\nimport { BondsData } from '../../../types/bonds'\nimport ExpandedViewButton from './ExpandedViewButton'\nimport track from '../../../utils/track'\nimport BondModalMinTierHeader from './BondModalMinTierHeader'\nimport { TIERS_WEIGHT } from '../../../state/tiers/useTierPoints'\nimport { BillVersion, LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { useSDKConfig } from '../../../state/useSDKConfig'\nimport { findHighestTrueBondPrice } from '../../Bonds/utils'\nimport { MCTokenIconStyles } from '../../../utils/campaignStyles'\nimport { useIsMobile } from '../../../hooks/useIsMobile'\n\nconst BondModalHeader = ({\n  bondData,\n  onDismiss,\n  showProjectInfoButton,\n}: {\n  bondData: BondsData\n  onDismiss?: () => void\n  showProjectInfoButton?: boolean\n}) => {\n  const isMobile = useIsMobile()\n  const SDKConfig = useSDKConfig()\n  const [onOpenSlippageModal] = useModal(<SlippageModal chainId={bondData.chainId} />)\n  const minTier = bondData.minTier !== undefined ? bondData.minTier : null\n  const bonusWithFee = findHighestTrueBondPrice(\n    TIERS_WEIGHT[LaunchBondTiers.Legend],\n    bondData?.trueBondPrices,\n  )?.bonusWithFee\n\n  const handleClose = () => {\n    if (typeof window !== 'undefined') {\n      window.history.pushState({}, '', `/bonds`)\n    }\n    onDismiss?.()\n  }\n\n  const handleProjectViewNavigation = () => {\n    window.location.href = `/bonds/${bondData?.contractAddress?.[bondData?.chainId]}/${bondData?.chainId}`\n    track({\n      event: 'projectInfoClick',\n      chain: bondData.chainId,\n      data: {\n        cat: 'Modal',\n        bond: bondData.earnToken.symbol,\n        bondChain: bondData.chainId,\n      },\n    })\n  }\n\n  return (\n    <Flex\n      className=\"modaltable-container title-container\"\n      sx={{ flexDirection: 'column', justifyContent: 'center', alignItems: 'start' }}\n    >\n      <Flex\n        sx={{\n          width: '100%',\n          height: '30px',\n          mb: ['10px', '10px', '10px', '0px'],\n          justifyContent: ['space-between', 'space-between', 'space-between', 'flex-end'],\n        }}\n      >\n        <Flex sx={{ display: ['flex', 'flex', 'flex', 'none'] }}>\n          <BondModalMinTierHeader minTier={minTier} />\n        </Flex>\n        <Flex sx={{ cursor: 'pointer' }}>\n          {onDismiss ? (\n            <>\n              {showProjectInfoButton && <ExpandedViewButton handleNavigation={handleProjectViewNavigation} />}\n              <Flex sx={{ mx: '25px' }} onClick={onOpenSlippageModal}>\n                <Svg icon=\"cog\" width={isMobile ? '16px' : '20px'} />\n              </Flex>\n              <Flex onClick={handleClose}>\n                <Svg icon=\"close\" color=\"text\" width={isMobile ? '12px' : '18px'} />\n              </Flex>\n            </>\n          ) : (\n            <Flex sx={{ py: '3px', mt: '10px' }} onClick={onOpenSlippageModal}>\n              <Svg icon=\"cog\" width={isMobile ? '16px' : '20px'} />\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n      <Flex sx={{ width: '100%' }}>\n        <Flex className=\"title-container bondicon\">\n          <Flex sx={MCTokenIconStyles[bondData.marketingCampaign!]} />\n          <TokenImage\n            symbol={bondData.showcaseTokenName ?? bondData.earnToken.symbol}\n            size={50}\n            chain={bondData.chainId}\n          />\n        </Flex>\n        <Flex\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            pl: ['10px', '10px', '10px', '20px'],\n            fontSize: '24px',\n            fontWeight: 700,\n          }}\n        >\n          {bondData?.showcaseTokenName}\n          <ListTag text={bondData?.tags?.[0]} />\n        </Flex>\n        <Flex\n          className=\"title-container price-container\"\n          sx={{ flexDirection: 'column', pl: ['10px', '10px', '10px', '20px'] }}\n        >\n          <Flex className=\"price-container price\" sx={{ fontSize: ['12px', '12px', '12px', '14px'] }}>\n            ${earnTokenPrice(bondData)}\n          </Flex>\n          {SDKConfig.useTiers &&\n          bondData.billVersion === BillVersion.V4 &&\n          (bondData?.trueBondPrices?.length ?? 0) > 1 ? (\n            <Flex\n              sx={{\n                p: '3px 6px',\n                border: '1px solid #9960C5',\n                borderRadius: 'normal',\n                background: 'transparent',\n                position: 'relative',\n                overflow: 'hidden',\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: '#9960C5',\n                  opacity: 0.2,\n                }}\n              />\n              <Flex sx={{ width: '100%', zIndex: 2, alignItems: 'center' }}>\n                <img\n                  src={`https://ape.bond/images/launch/mythical.png`}\n                  alt=\"minTier\"\n                  style={{ width: '21px', height: '21px', marginRight: '3px', zIndex: 1 }}\n                />\n                <Flex sx={{ fontSize: ['12px', '12px', '12px', '14px'], mr: '3px' }}>Up to</Flex>\n                <Flex\n                  sx={{\n                    color: bonusWithFee && bonusWithFee > 0 ? 'success' : 'error',\n                    fontSize: ['12px', '12px', '12px', '14px'],\n                  }}\n                >\n                  ${discountEarnTokenPrice(bondData, true)}\n                </Flex>\n              </Flex>\n            </Flex>\n          ) : (\n            <Flex sx={{ fontSize: '24px', fontWeight: 700 }}>${discountEarnTokenPrice(bondData)}</Flex>\n          )}\n        </Flex>\n        <Flex sx={{ display: ['none', 'none', 'none', 'flex'], ml: '10px' }}>\n          <BondModalMinTierHeader minTier={minTier} />\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default BondModalHeader\n"],"names":["_jsx","LaunchBondTiers","_jsxs","_Fragment","BillVersion"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,eAAe,GAAG,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,qBAAqB,GAKtB,KAAI;;AACH,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;AAC9B,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,MAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ,CAACA,GAAA,CAAC,aAAa,EAAA,EAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,EAAA,CAAI,CAAC;AACpF,IAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,GAAG,IAAI;IACxE,MAAM,YAAY,GAAG,CAAA,EAAA,GAAA,wBAAwB,CAC3C,YAAY,CAACC,oBAAe,CAAC,MAAM,CAAC,EACpC,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,cAAc,CACzB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY;IAEf,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,CAAA,MAAA,CAAQ,CAAC;QAC5C;AACA,QAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,EAAI;AACf,IAAA,CAAC;IAED,MAAM,2BAA2B,GAAG,MAAK;;AACvC,QAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAA,OAAA,EAAU,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,OAAO,CAAC,CAAA,CAAA,EAAI,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAE,OAAO,EAAE;AACtG,QAAA,KAAK,CAAC;AACJ,YAAA,KAAK,EAAE,kBAAkB;YACzB,KAAK,EAAE,QAAQ,CAAC,OAAO;AACvB,YAAA,IAAI,EAAE;AACJ,gBAAA,GAAG,EAAE,OAAO;AACZ,gBAAA,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,MAAM;gBAC/B,SAAS,EAAE,QAAQ,CAAC,OAAO;AAC5B,aAAA;AACF,SAAA,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,QACEC,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,sCAAsC,EAChD,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,EAAA,QAAA,EAAA,CAE9EA,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,MAAM,EAAE,MAAM;oBACd,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;oBACnC,cAAc,EAAE,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,UAAU,CAAC;iBAChF,EAAA,QAAA,EAAA,CAEDF,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EACrDA,GAAA,CAAC,sBAAsB,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,CAAI,EAAA,CACvC,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAA,QAAA,EAC5B,SAAS,IACRE,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,qBAAqB,IAAIH,GAAA,CAAC,kBAAkB,EAAA,EAAC,gBAAgB,EAAE,2BAA2B,EAAA,CAAI,EAC/FA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAA,QAAA,EACpDA,GAAA,CAAC,GAAG,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAA,CAAI,EAAA,CAChD,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,WAAW,EAAA,QAAA,EACxBA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAA,CAAI,EAAA,CAC/D,CAAA,EAAA,CACN,KAEHA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,mBAAmB,YAC/DA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,EAAA,CAAI,EAAA,CAChD,CACR,EAAA,CACI,CAAA,EAAA,CACF,EACPE,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CACzBA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CACxCF,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,iBAAiB,CAAC,QAAQ,CAAC,iBAAkB,CAAC,EAAA,CAAI,EAC5DA,GAAA,CAAC,UAAU,EAAA,EACT,MAAM,EAAE,CAAA,EAAA,GAAA,QAAQ,CAAC,iBAAiB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,QAAQ,CAAC,SAAS,CAAC,MAAM,EAC/D,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,QAAQ,CAAC,OAAO,EAAA,CACvB,CAAA,EAAA,CACG,EACPE,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,aAAa,EAAE,QAAQ;4BACvB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AACpC,4BAAA,QAAQ,EAAE,MAAM;AAChB,4BAAA,UAAU,EAAE,GAAG;AAChB,yBAAA,EAAA,QAAA,EAAA,CAEA,QAAQ,KAAA,IAAA,IAAR,QAAQ,uBAAR,QAAQ,CAAE,iBAAiB,EAC5BF,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAG,CAAC,CAAC,EAAA,CAAI,IACjC,EACPE,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,iCAAiC,EAC3C,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAA,CAErEA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAA,CAAA,GAAA,EACtF,cAAc,CAAC,QAAQ,CAAC,IACrB,EACN,SAAS,CAAC,QAAQ;AACnB,gCAAA,QAAQ,CAAC,WAAW,KAAKE,gBAAW,CAAC,EAAE;gCACvC,CAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC,IAAI,CAAC,IACzCF,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oCAAA,CAAC,EAAE,SAAS;AACZ,oCAAA,MAAM,EAAE,mBAAmB;AAC3B,oCAAA,YAAY,EAAE,QAAQ;AACtB,oCAAA,UAAU,EAAE,aAAa;AACzB,oCAAA,QAAQ,EAAE,UAAU;AACpB,oCAAA,QAAQ,EAAE,QAAQ;AACnB,iCAAA,EAAA,QAAA,EAAA,CAEDF,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,4CAAA,QAAQ,EAAE,UAAU;AACpB,4CAAA,KAAK,EAAE,MAAM;AACb,4CAAA,MAAM,EAAE,MAAM;AACd,4CAAA,GAAG,EAAE,CAAC;AACN,4CAAA,IAAI,EAAE,CAAC;AACP,4CAAA,MAAM,EAAE,CAAC;AACT,4CAAA,UAAU,EAAE,SAAS;AACrB,4CAAA,OAAO,EAAE,GAAG;AACb,yCAAA,EAAA,CACD,EACFE,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAC1DF,aACE,GAAG,EAAE,CAAA,2CAAA,CAA6C,EAClD,GAAG,EAAC,SAAS,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,EAAA,CACvE,EACFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,OAAA,EAAA,CAAc,EACjFE,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oDAAA,KAAK,EAAE,YAAY,IAAI,YAAY,GAAG,CAAC,GAAG,SAAS,GAAG,OAAO;oDAC7D,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAC3C,iDAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAEC,sBAAsB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA,EAAA,CACnC,CAAA,EAAA,CACF,CAAA,EAAA,CACF,KAEPA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,CAAA,GAAA,EAAI,sBAAsB,CAAC,QAAQ,CAAC,CAAA,EAAA,CAAQ,CAC5F,CAAA,EAAA,CACI,EACPF,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACjEA,IAAC,sBAAsB,EAAA,EAAC,OAAO,EAAE,OAAO,EAAA,CAAI,EAAA,CACvC,CAAA,EAAA,CACF,CAAA,EAAA,CACF;AAEX;;;;"}

package/dist/views/BuyBond/components/BondModalMinTierHeader.js

@@ -0,0 +1,35 @@
+import '../../../node_modules/tslib/tslib.es6.js';
+import '../../../components/uikit-sdk/Svg/types.js';
+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 TooltipBubble from '../../../components/uikit-sdk/TooltipBubble/index.js';
+import { Fragment } from 'react';
+import '../../../components/uikit-sdk/Button/types.js';
+import '../../../components/uikit-sdk/Button/styles.js';
+import '../../../contexts/ModalContext.js';
+import '../../FullBondsView/FullBondsView.js';
+import '../../../components/uikit-sdk/Select/types.js';
+import '../../../utils/campaignStyles.js';
+import { TIERS_NAMES } from '../../../state/tiers/useTierPoints.js';
+import { jsx } from '../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const BondModalMinTierHeader = ({ minTier }) => {
+    return (jsx(Fragment, { children: minTier !== null && minTier !== undefined && (jsx(Flex, { sx: {
+                justifyContent: 'start',
+                alignItems: 'center',
+                flexDirection: 'row-reverse',
+                width: ['100%', '100%', '100%', 'auto', 'auto'],
+            }, children: Object.values(TIERS_NAMES)
+                .filter((tier) => tier !== 'No Tier')
+                .map((tier, index) => {
+                if (index + 1 >= minTier) {
+                    return (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { sx: { justifyContent: 'center' }, children: tier }), width: "100px", placement: "bottomLeft", transformTip: "translate(1%, -5%)", children: jsx("img", { src: `https://ape.bond/images/launch/${tier.toLowerCase()}.png`, alt: "minTier", style: { width: '25px', height: '25px', marginLeft: '3px', zIndex: 1 } }, `tier-logo-${index}`) }, tier));
+                }
+            }) })) }));
+};
+
+export { BondModalMinTierHeader as default };
+//# sourceMappingURL=BondModalMinTierHeader.js.map

package/dist/views/BuyBond/components/BondModalMinTierHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BondModalMinTierHeader.js","sources":["../../../../src/views/BuyBond/components/BondModalMinTierHeader.tsx"],"sourcesContent":["import { Flex, TooltipBubble } from '../../../components/uikit-sdk'\nimport { TIERS_NAMES } from '../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\n\nconst BondModalMinTierHeader = ({ minTier }: { minTier: LaunchBondTiers | null }) => {\n  return (\n    <>\n      {minTier !== null && minTier !== undefined && (\n        <Flex\n          sx={{\n            justifyContent: 'start',\n            alignItems: 'center',\n            flexDirection: 'row-reverse',\n            width: ['100%', '100%', '100%', 'auto', 'auto'],\n          }}\n        >\n          {Object.values(TIERS_NAMES)\n            .filter((tier) => tier !== 'No Tier')\n            .map((tier, index) => {\n              if (index + 1 >= minTier) {\n                return (\n                  <TooltipBubble\n                    className=\"tooltip-bubble\"\n                    body={<Flex sx={{ justifyContent: 'center' }}>{tier}</Flex>}\n                    width=\"100px\"\n                    placement=\"bottomLeft\"\n                    transformTip=\"translate(1%, -5%)\"\n                    key={tier}\n                  >\n                    <img\n                      key={`tier-logo-${index}`}\n                      src={`https://ape.bond/images/launch/${tier.toLowerCase()}.png`}\n                      alt=\"minTier\"\n                      style={{ width: '25px', height: '25px', marginLeft: '3px', zIndex: 1 }}\n                    />\n                  </TooltipBubble>\n                )\n              }\n            })}\n        </Flex>\n      )}\n    </>\n  )\n}\n\nexport default BondModalMinTierHeader\n"],"names":["_jsx","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;AAIA,MAAM,sBAAsB,GAAG,CAAC,EAAE,OAAO,EAAuC,KAAI;AAClF,IAAA,QACEA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACG,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS,KACxCD,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gBAAA,cAAc,EAAE,OAAO;AACvB,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,aAAa,EAAE,aAAa;gBAC5B,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAChD,aAAA,EAAA,QAAA,EAEA,MAAM,CAAC,MAAM,CAAC,WAAW;iBACvB,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,SAAS;AACnC,iBAAA,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACnB,gBAAA,IAAI,KAAK,GAAG,CAAC,IAAI,OAAO,EAAE;AACxB,oBAAA,QACEA,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAEA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAG,IAAI,EAAA,CAAQ,EAC3D,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,YAAY,EACtB,YAAY,EAAC,oBAAoB,EAAA,QAAA,EAGjCA,aAEE,GAAG,EAAE,CAAA,+BAAA,EAAkC,IAAI,CAAC,WAAW,EAAE,CAAA,IAAA,CAAM,EAC/D,GAAG,EAAC,SAAS,EACb,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,EAAA,EAHjE,CAAA,UAAA,EAAa,KAAK,CAAA,CAAE,CAIzB,IAPG,IAAI,CAQK;gBAEpB;AACF,YAAA,CAAC,CAAC,EAAA,CACC,CACR,EAAA,CACA;AAEP;;;;"}

package/dist/views/BuyBond/components/Estimations.js

@@ -0,0 +1,68 @@
+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 Dots from '../../../components/uikit-sdk/LoadingDots/index.js';
+import '../../../components/uikit-sdk/Select/types.js';
+import '../../../utils/campaignStyles.js';
+import { getRawBonus, getPayoutAmount, getBonusColor } from '../../../utils/displayHelpers.js';
+import { TooltipText } from '../../../config/constants/tooltips.js';
+import { findHighestTrueBondPrice } from '../../Bonds/utils.js';
+import useTierPoints, { getUserTier, TIERS_NAMES } from '../../../state/tiers/useTierPoints.js';
+import { useSDKConfig } from '../../../state/useSDKConfig.js';
+import { formatNumberSI } from '../../../utils/formatNumber.js';
+import '../../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import { getTimePeriods } from '../../../utils/getTimePeriods.js';
+import { jsxs, jsx } from '../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { __exports as main } from '../../../_virtual/main.js';
+
+const Estimations = ({ depositAmount, bondData, youSpendString, isZap, fetchingZapQuote, zapError, }) => {
+    var _a, _b;
+    const { data: userPoints } = useTierPoints();
+    const trueBondPrice = findHighestTrueBondPrice(userPoints, bondData === null || bondData === void 0 ? void 0 : bondData.trueBondPrices);
+    const SDKConfig = useSDKConfig();
+    const userTier = getUserTier(userPoints);
+    const tierName = userTier ? TIERS_NAMES[userTier] : '';
+    // Estimations
+    const bonusString = getRawBonus(bondData, depositAmount, '0');
+    // const fee = getFeeAmount(bondData, depositAmount, userPoints ?? '0')
+    // const feeUSD = fee * parseFloat(bondData?.payoutTokenPrice ?? '0')
+    const estimatedOutputAmount = getPayoutAmount(bondData, depositAmount, userPoints);
+    const estimatedOutputUSD = estimatedOutputAmount * parseFloat((_a = bondData === null || bondData === void 0 ? void 0 : bondData.payoutTokenPrice) !== null && _a !== void 0 ? _a : '0');
+    const noTierAmount = getRawBonus(bondData, depositAmount, '0');
+    const boostAmount = parseFloat(getRawBonus(bondData, depositAmount, userPoints !== null && userPoints !== void 0 ? userPoints : '0')) - parseFloat(noTierAmount);
+    return (jsxs(Flex, { className: "modaltable-container text-container", children: [jsxs(Flex, { className: "text-container row", children: [jsx(Flex, { className: "row-container spend", children: "You Spend:" }), jsx(Flex, { className: "row-container spend-val", children: youSpendString })] }), jsxs(Flex, { className: "text-container row", children: [jsxs(Flex, { className: "row-container premium", children: [!!userTier && !!userPoints && SDKConfig.useTiers && bondData.billVersion === main.BillVersion.V4
+                                ? 'Base Bonus:'
+                                : 'Bonus:', jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: ((bondData === null || bondData === void 0 ? void 0 : bondData.feeInPayout) || 0) > 0
+                                        ? `This is the dollar value of the bonus tokens you’ll receive at current market price, already accounting for the protocol fee (${bondData.feeInPayout}%)`
+                                        : 'This is the dollar value of the bonus tokens you’ll receive at current market price.' }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "row-container premium-icon", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), isZap && fetchingZapQuote ? (jsx(Dots, {})) : isZap && zapError ? ('-') : (jsxs(Flex, { className: `row-container premium-val ${getBonusColor(bonusString)}`, children: ["$ ", formatNumberSI(bonusString)] }))] }), (trueBondPrice === null || trueBondPrice === void 0 ? void 0 : trueBondPrice.points) !== '0' && userTier && userPoints && SDKConfig.useTiers && (jsxs(Flex, { className: "text-container row", sx: {
+                    border: '1px solid #9960C5',
+                    borderRadius: 'normal',
+                    mx: '-8px',
+                    px: '8px',
+                    position: 'relative',
+                }, children: [jsx(Flex, { sx: {
+                            position: 'absolute',
+                            width: '100%',
+                            height: '100%',
+                            top: 0,
+                            left: 0,
+                            zIndex: 0,
+                            background: '#9960C5',
+                            opacity: 0.2,
+                            borderRadius: 'normal',
+                        } }), jsxs(Flex, { className: "row-container premium", sx: { zIndex: 1 }, children: [jsx("img", { src: `https://ape.bond/images/launch/${tierName === null || tierName === void 0 ? void 0 : tierName.toLowerCase()}.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx(Flex, { sx: { color: 'success', mr: '3px', fontWeight: 700 }, children: `+${(_b = trueBondPrice === null || trueBondPrice === void 0 ? void 0 : trueBondPrice.boost) !== null && _b !== void 0 ? _b : 0}%` }), "Boost:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Boost }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "row-container premium-icon", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), isZap && fetchingZapQuote ? (jsx(Dots, {})) : isZap && zapError ? ('-') : (jsxs(Flex, { className: `row-container premium-val premium-positive`, children: ["$ ", formatNumberSI(boostAmount)] }))] })), jsxs(Flex, { className: "text-container row", children: [jsxs(Flex, { className: "row-container get", children: ["You Get (over ", getTimePeriods(bondData === null || bondData === void 0 ? void 0 : bondData.vestingTerm, true).days, " days):"] }), isZap && fetchingZapQuote ? (jsx(Dots, {})) : isZap && zapError ? ('-') : (jsxs(Flex, { className: "row-container get-val", children: [formatNumberSI(estimatedOutputAmount, 4), " ", bondData === null || bondData === void 0 ? void 0 : bondData.showcaseTokenName, " = $", ' ', formatNumberSI(estimatedOutputUSD, 2)] }))] })] }));
+};
+
+export { Estimations as default };
+//# sourceMappingURL=Estimations.js.map

package/dist/views/BuyBond/components/Estimations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Estimations.js","sources":["../../../../src/views/BuyBond/components/Estimations.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, LoadingDots, Svg, TooltipBubble } from '../../../components/uikit-sdk'\nimport { getBonusColor, getPayoutAmount, getRawBonus } from '../../../utils/displayHelpers'\nimport { TooltipText } from '../../../config/constants/tooltips'\nimport { findHighestTrueBondPrice } from '../../Bonds/utils'\nimport { BondsData } from '../../../types/bonds'\nimport useTierPoints, { getUserTier, TIERS_NAMES } from '../../../state/tiers/useTierPoints'\nimport { useSDKConfig } from '../../../state/useSDKConfig'\nimport { formatNumberSI } from '../../../utils/formatNumber'\nimport { BillVersion } from '@ape.swap/apeswap-lists'\nimport { getTimePeriods } from '../../../utils/getTimePeriods'\n\nconst Estimations = ({\n  depositAmount,\n  bondData,\n  youSpendString,\n  isZap,\n  fetchingZapQuote,\n  zapError,\n}: {\n  depositAmount: string\n  bondData: BondsData\n  youSpendString?: string\n  isZap?: boolean\n  fetchingZapQuote?: boolean\n  zapError?: boolean\n}) => {\n  const { data: userPoints } = useTierPoints()\n  const trueBondPrice = findHighestTrueBondPrice(userPoints, bondData?.trueBondPrices)\n  const SDKConfig = useSDKConfig()\n  const userTier = getUserTier(userPoints)\n  const tierName = userTier ? TIERS_NAMES[userTier] : ''\n\n  // Estimations\n  const bonusString = getRawBonus(bondData, depositAmount, '0')\n  // const fee = getFeeAmount(bondData, depositAmount, userPoints ?? '0')\n  // const feeUSD = fee * parseFloat(bondData?.payoutTokenPrice ?? '0')\n\n  const estimatedOutputAmount = getPayoutAmount(bondData, depositAmount, userPoints)\n  const estimatedOutputUSD = estimatedOutputAmount * parseFloat(bondData?.payoutTokenPrice ?? '0')\n\n  const noTierAmount = getRawBonus(bondData, depositAmount, '0')\n  const boostAmount = parseFloat(getRawBonus(bondData, depositAmount, userPoints ?? '0')) - parseFloat(noTierAmount)\n\n  return (\n    <Flex className=\"modaltable-container text-container\">\n      <Flex className=\"text-container row\">\n        <Flex className=\"row-container spend\">You Spend:</Flex>\n        <Flex className=\"row-container spend-val\">{youSpendString}</Flex>\n      </Flex>\n      <Flex className=\"text-container row\">\n        <Flex className=\"row-container premium\">\n          {!!userTier && !!userPoints && SDKConfig.useTiers && bondData.billVersion === BillVersion.V4\n            ? 'Base Bonus:'\n            : 'Bonus:'}\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Flex>\n                {(bondData?.feeInPayout || 0) > 0\n                  ? `This is the dollar value of the bonus tokens you’ll receive at current market price, already accounting for the protocol fee (${bondData.feeInPayout}%)`\n                  : 'This is the dollar value of the bonus tokens you’ll receive at current market price.'}\n              </Flex>\n            }\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, 0%)\"\n          >\n            <Flex className=\"row-container premium-icon\">\n              <Svg icon=\"questionCircle\" width=\"12px\" />\n            </Flex>\n          </TooltipBubble>\n        </Flex>\n        {isZap && fetchingZapQuote ? (\n          <LoadingDots />\n        ) : isZap && zapError ? (\n          '-'\n        ) : (\n          <Flex className={`row-container premium-val ${getBonusColor(bonusString)}`}>\n            $ {formatNumberSI(bonusString)}\n          </Flex>\n        )}\n      </Flex>\n      {trueBondPrice?.points !== '0' && userTier && userPoints && SDKConfig.useTiers && (\n        <Flex\n          className=\"text-container row\"\n          sx={{\n            border: '1px solid #9960C5',\n            borderRadius: 'normal',\n            mx: '-8px',\n            px: '8px',\n            position: 'relative',\n          }}\n        >\n          <Flex\n            sx={{\n              position: 'absolute',\n              width: '100%',\n              height: '100%',\n              top: 0,\n              left: 0,\n              zIndex: 0,\n              background: '#9960C5',\n              opacity: 0.2,\n              borderRadius: 'normal',\n            }}\n          />\n          <Flex className=\"row-container premium\" sx={{ zIndex: 1 }}>\n            <img\n              src={`https://ape.bond/images/launch/${tierName?.toLowerCase()}.png`}\n              alt=\"minTier\"\n              style={{ width: '21px', height: '21px', marginRight: '3px', zIndex: 1 }}\n            />\n            <Flex sx={{ color: 'success', mr: '3px', fontWeight: 700 }}>{`+${trueBondPrice?.boost ?? 0}%`}</Flex>\n            Boost:\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={<Flex>{TooltipText.Boost}</Flex>}\n              width=\"230px\"\n              placement=\"bottomLeft\"\n              transformTip=\"translate(-5%, 0%)\"\n            >\n              <Flex className=\"row-container premium-icon\">\n                <Svg icon=\"questionCircle\" width=\"12px\" />\n              </Flex>\n            </TooltipBubble>\n          </Flex>\n          {isZap && fetchingZapQuote ? (\n            <LoadingDots />\n          ) : isZap && zapError ? (\n            '-'\n          ) : (\n            <Flex className={`row-container premium-val premium-positive`}>$ {formatNumberSI(boostAmount)}</Flex>\n          )}\n        </Flex>\n      )}\n      {/*{!!bondData.feeInPayout && (*/}\n      {/*  <Flex className=\"text-container row\">*/}\n      {/*    <Flex className=\"row-container premium\">*/}\n      {/*      Fee:*/}\n      {/*      <TooltipBubble*/}\n      {/*        className=\"tooltip-bubble\"*/}\n      {/*        body={<Flex>This is the protocol fee ({bondData.feeInPayout}%).</Flex>}*/}\n      {/*        width=\"230px\"*/}\n      {/*        placement=\"bottomLeft\"*/}\n      {/*        transformTip=\"translate(-5%, -5%)\"*/}\n      {/*      >*/}\n      {/*        <Flex className=\"row-container premium-icon\">*/}\n      {/*          <Svg icon=\"questionCircle\" width=\"12px\" />*/}\n      {/*        </Flex>*/}\n      {/*      </TooltipBubble>*/}\n      {/*    </Flex>*/}\n      {/*    {isZap && fetchingZapQuote ? (*/}\n      {/*      <LoadingDots />*/}\n      {/*    ) : isZap && zapError ? (*/}\n      {/*      '-'*/}\n      {/*    ) : (*/}\n      {/*      <Flex className={`row-container premium-val`}>$ {formatNumberSI(feeUSD)}</Flex>*/}\n      {/*    )}*/}\n      {/*  </Flex>*/}\n      {/*)}*/}\n      <Flex className=\"text-container row\">\n        <Flex className=\"row-container get\">\n          You Get (over {getTimePeriods(bondData?.vestingTerm, true).days} days):\n        </Flex>\n        {isZap && fetchingZapQuote ? (\n          <LoadingDots />\n        ) : isZap && zapError ? (\n          '-'\n        ) : (\n          <Flex className=\"row-container get-val\">\n            {formatNumberSI(estimatedOutputAmount, 4)} {bondData?.showcaseTokenName} = ${' '}\n            {formatNumberSI(estimatedOutputUSD, 2)}\n          </Flex>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default Estimations\n"],"names":["_jsxs","_jsx","BillVersion","LoadingDots"],"mappings":"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"}

package/dist/views/BuyBond/components/ExpandedViewButton.js

@@ -0,0 +1,37 @@
+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 '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 { jsx, jsxs } from '../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const ExpandedViewButton = ({ handleNavigation, rightPos }) => {
+    return (jsx(Flex, { sx: { justifyContent: 'flex-end', position: 'absolute', top: '5px', right: rightPos !== null && rightPos !== void 0 ? rightPos : '65px', width: '122px' }, children: jsxs(Flex, { sx: {
+                fontSize: '12px',
+                fontWeight: 500,
+                mr: '15px',
+                background: 'primaryButton',
+                pl: '10px',
+                pr: '4px',
+                borderRadius: 'normal',
+                alignItems: 'center',
+                position: 'relative',
+                cursor: 'pointer',
+                width: '100%',
+                display: 'flex',
+            }, onClick: handleNavigation, children: ["Project Info", jsx(Flex, { sx: { ml: '4px' }, children: jsx(Svg, { icon: "expand", width: 20, color: "white" }) })] }) }));
+};
+
+export { ExpandedViewButton as default };
+//# sourceMappingURL=ExpandedViewButton.js.map

package/dist/views/BuyBond/components/ExpandedViewButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedViewButton.js","sources":["../../../../src/views/BuyBond/components/ExpandedViewButton.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Svg } from '../../../components/uikit-sdk'\n\nconst ExpandedViewButton = ({ handleNavigation, rightPos }: { handleNavigation: () => void; rightPos?: string }) => {\n  return (\n    <Flex\n      sx={{ justifyContent: 'flex-end', position: 'absolute', top: '5px', right: rightPos ?? '65px', width: '122px' }}\n    >\n      <Flex\n        sx={{\n          fontSize: '12px',\n          fontWeight: 500,\n          mr: '15px',\n          background: 'primaryButton',\n          pl: '10px',\n          pr: '4px',\n          borderRadius: 'normal',\n          alignItems: 'center',\n          position: 'relative',\n          cursor: 'pointer',\n          width: '100%',\n          display: 'flex',\n        }}\n        onClick={handleNavigation}\n      >\n        Project Info\n        <Flex sx={{ ml: '4px' }}>\n          <Svg icon=\"expand\" width={20} color=\"white\" />\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default ExpandedViewButton\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;AAGA,MAAM,kBAAkB,GAAG,CAAC,EAAE,gBAAgB,EAAE,QAAQ,EAAuD,KAAI;AACjH,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAR,QAAQ,GAAI,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,QAAA,EAE/GC,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gBAAA,QAAQ,EAAE,MAAM;AAChB,gBAAA,UAAU,EAAE,GAAG;AACf,gBAAA,EAAE,EAAE,MAAM;AACV,gBAAA,UAAU,EAAE,eAAe;AAC3B,gBAAA,EAAE,EAAE,MAAM;AACV,gBAAA,EAAE,EAAE,KAAK;AACT,gBAAA,YAAY,EAAE,QAAQ;AACtB,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,OAAO,EAAE,MAAM;AAChB,aAAA,EACD,OAAO,EAAE,gBAAgB,EAAA,QAAA,EAAA,CAAA,cAAA,EAGzBD,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,YACrBA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,EAAA,CAAG,EAAA,CACzC,CAAA,EAAA,CACF,EAAA,CACF;AAEX;;;;"}

package/dist/views/BuyBond/components/GetUpToComponent/GetUpToComponent.js

@@ -0,0 +1,71 @@
+import { useState } from 'react';
+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 useTierPoints, { getUserTier, TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints.js';
+import '../../../../node_modules/@ape.swap/apeswap-lists/lib/main.js';
+import BonusTable from '../../../Bonds/components/BonusComponents/BonusTable.js';
+import { getRawBonus, formatUSDNumber } from '../../../../utils/displayHelpers.js';
+import { findHighestTrueBondPriceUserAgnostic } from '../../../Bonds/utils.js';
+import { __exports as main } from '../../../../_virtual/main.js';
+import { jsxs, jsx } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+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 { Box as Box$1 } from '../../../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const GetUpToComponent = ({ bond, depositAmount }) => {
+    var _a;
+    // Hooks & Data
+    const { data: userPoints } = useTierPoints();
+    const userTier = getUserTier(userPoints);
+    const bonusString = getRawBonus(bond, depositAmount, TIERS_WEIGHT[main.LaunchBondTiers.Mythical]);
+    const noTierAmount = getRawBonus(bond, depositAmount, '0');
+    const boostAmount = parseFloat(bonusString) - parseFloat(noTierAmount);
+    const trueBondPrice = findHighestTrueBondPriceUserAgnostic(bond);
+    //State
+    const [isOpen, setIsOpen] = useState(false);
+    return (userTier !== main.LaunchBondTiers.Legend &&
+        bond.billVersion === main.BillVersion.V4 && (jsxs(Flex, { sx: {
+            width: '100%',
+            mt: '10px',
+            fontSize: '12px',
+            fontWeight: 400,
+            flexDirection: 'column',
+            position: 'relative',
+        }, children: [jsxs(Flex, { onClick: () => setIsOpen(!isOpen), sx: {
+                    border: '1px solid #9960C5',
+                    borderRadius: 'normal',
+                    position: 'relative',
+                    overflow: 'hidden',
+                    px: '10px',
+                    py: '2px',
+                    alignItems: 'center',
+                    cursor: 'pointer',
+                    justifyContent: 'space-between',
+                    background: '#312341',
+                }, children: [jsxs(Flex, { sx: { alignItems: 'center', display: 'flex' }, children: [jsx("img", { src: `https://ape.bond/images/launch/mythical.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsxs(Box$1, { children: ["Get up to", jsx("span", { sx: { color: 'success', mx: '3px', fontWeight: 700 }, children: `+${(_a = trueBondPrice === null || trueBondPrice === void 0 ? void 0 : trueBondPrice.boost) !== null && _a !== void 0 ? _a : 0}%` }), "Boost.", userTier !== main.LaunchBondTiers.Mythical && (jsx("span", { sx: {
+                                            ml: '5px',
+                                            color: 'primaryButton',
+                                            fontWeight: 500,
+                                            cursor: 'pointer',
+                                            ':hover': { textDecoration: 'underline' },
+                                        }, onClick: (e) => {
+                                            e.stopPropagation();
+                                            window.open('https://www.ape.bond/true-yield?createPosition', '_blank');
+                                        }, children: 'By locking ABOND >' }))] })] }), !!depositAmount && parseFloat(depositAmount) !== 0 && (jsxs(Flex, { sx: { color: 'success', fontWeight: 700, minWidth: '65px', justifyContent: 'flex-end' }, children: ["$ ", formatUSDNumber(boostAmount.toString())] })), jsx(Flex, { sx: { ml: '4px' }, children: jsx(Svg, { icon: "caret", direction: isOpen ? 'up' : 'down' }) })] }), jsx(AnimatePresence, { children: isOpen && (jsx(motion.div, { initial: { height: 0 }, animate: { height: 'fit-content' }, transition: { opacity: { duration: 0.2 } }, exit: { height: 0 }, sx: { overflow: 'hidden', width: '100%', marginTop: '5px' }, children: jsx(BonusTable, { trueBondPrices: bond === null || bond === void 0 ? void 0 : bond.trueBondPrices, minTier: bond.minTier, hideTitle: true }) })) })] })));
+};
+
+export { GetUpToComponent as default };
+//# sourceMappingURL=GetUpToComponent.js.map

package/dist/views/BuyBond/components/GetUpToComponent/GetUpToComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetUpToComponent.js","sources":["../../../../../src/views/BuyBond/components/GetUpToComponent/GetUpToComponent.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Flex, Svg } from '../../../../components/uikit-sdk'\nimport { BondsData } from '../../../../types/bonds'\nimport useTierPoints, { getUserTier, TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { BillVersion, LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport BonusTable from '../../../Bonds/components/BonusComponents/BonusTable'\nimport { formatUSDNumber, getRawBonus } from '../../../../utils/displayHelpers'\nimport { findHighestTrueBondPriceUserAgnostic } from '../../../Bonds/utils'\nimport { Box } from 'theme-ui'\n\ninterface GetUpToComponentProps {\n  bond: BondsData\n  depositAmount: string\n}\n\nconst GetUpToComponent: React.FC<GetUpToComponentProps> = ({ bond, depositAmount }) => {\n  // Hooks & Data\n  const { data: userPoints } = useTierPoints()\n  const userTier = getUserTier(userPoints)\n  const bonusString = getRawBonus(bond, depositAmount, TIERS_WEIGHT[LaunchBondTiers.Mythical])\n  const noTierAmount = getRawBonus(bond, depositAmount, '0')\n  const boostAmount = parseFloat(bonusString) - parseFloat(noTierAmount)\n  const trueBondPrice = findHighestTrueBondPriceUserAgnostic(bond)\n\n  //State\n  const [isOpen, setIsOpen] = useState(false)\n  return (\n    userTier !== LaunchBondTiers.Legend &&\n    bond.billVersion === BillVersion.V4 && (\n      <Flex\n        sx={{\n          width: '100%',\n          mt: '10px',\n          fontSize: '12px',\n          fontWeight: 400,\n          flexDirection: 'column',\n          position: 'relative',\n        }}\n      >\n        <Flex\n          onClick={() => setIsOpen(!isOpen)}\n          sx={{\n            border: '1px solid #9960C5',\n            borderRadius: 'normal',\n            position: 'relative',\n            overflow: 'hidden',\n            px: '10px',\n            py: '2px',\n            alignItems: 'center',\n            cursor: 'pointer',\n            justifyContent: 'space-between',\n            background: '#312341',\n          }}\n        >\n          <Flex sx={{ alignItems: 'center', display: 'flex' }}>\n            <img\n              src={`https://ape.bond/images/launch/mythical.png`}\n              alt=\"minTier\"\n              style={{ width: '21px', height: '21px', marginRight: '3px', zIndex: 1 }}\n            />\n            <Box>\n              Get up to\n              <span sx={{ color: 'success', mx: '3px', fontWeight: 700 }}>{`+${trueBondPrice?.boost ?? 0}%`}</span>\n              Boost.\n              {userTier !== LaunchBondTiers.Mythical && (\n                <span\n                  sx={{\n                    ml: '5px',\n                    color: 'primaryButton',\n                    fontWeight: 500,\n                    cursor: 'pointer',\n                    ':hover': { textDecoration: 'underline' },\n                  }}\n                  onClick={(e) => {\n                    e.stopPropagation()\n                    window.open('https://www.ape.bond/true-yield?createPosition', '_blank')\n                  }}\n                >\n                  {'By locking ABOND >'}\n                </span>\n              )}\n            </Box>\n          </Flex>\n          {!!depositAmount && parseFloat(depositAmount) !== 0 && (\n            <Flex sx={{ color: 'success', fontWeight: 700, minWidth: '65px', justifyContent: 'flex-end' }}>\n              $ {formatUSDNumber(boostAmount.toString())}\n            </Flex>\n          )}\n          <Flex sx={{ ml: '4px' }}>\n            <Svg icon=\"caret\" direction={isOpen ? 'up' : 'down'} />\n          </Flex>\n        </Flex>\n        <AnimatePresence>\n          {isOpen && (\n            <motion.div\n              initial={{ height: 0 }}\n              animate={{ height: 'fit-content' }}\n              transition={{ opacity: { duration: 0.2 } }}\n              exit={{ height: 0 }}\n              sx={{ overflow: 'hidden', width: '100%', marginTop: '5px' }}\n            >\n              <BonusTable trueBondPrices={bond?.trueBondPrices} minTier={bond.minTier} hideTitle />\n            </motion.div>\n          )}\n        </AnimatePresence>\n      </Flex>\n    )\n  )\n}\n\nexport default GetUpToComponent\n"],"names":["LaunchBondTiers","BillVersion","_jsxs","_jsx","Box"],"mappings":"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"}

package/dist/views/BuyBond/components/NewRateModal/NewRateModal.js

@@ -0,0 +1,55 @@
+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 '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import Modal from '../../../../components/uikit-sdk/Modal/index.js';
+import '../../../FullBondsView/FullBondsView.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import 'react';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
+import Estimations from '../Estimations.js';
+import { BigNumber } from '../../../../node_modules/bignumber.js/bignumber.js';
+import { getBalanceNumber } from '../../../../utils/getBalanceNumber.js';
+import useTierPoints from '../../../../state/tiers/useTierPoints.js';
+import { findHighestTrueBondPrice } from '../../../Bonds/utils.js';
+import { jsx, jsxs } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const NewRateModal = ({ bond, zapTrueBondPrice, depositAmount, youSpendString, fetchingZapQuote, zapError, onDismiss, }) => {
+    var _a, _b, _c, _d, _e;
+    const { data: userPoints } = useTierPoints();
+    const trueBondPrice = findHighestTrueBondPrice(userPoints, bond === null || bond === void 0 ? void 0 : bond.trueBondPrices);
+    const tokenSymbol = (_a = bond === null || bond === void 0 ? void 0 : bond.earnToken) === null || _a === void 0 ? void 0 : _a.symbol;
+    const oldBonus = (_b = trueBondPrice === null || trueBondPrice === void 0 ? void 0 : trueBondPrice.bonusWithFee) !== null && _b !== void 0 ? _b : 0;
+    const fee = (_c = bond === null || bond === void 0 ? void 0 : bond.feeInPayout) !== null && _c !== void 0 ? _c : 0;
+    const earnTokenPrice = parseFloat((_d = bond === null || bond === void 0 ? void 0 : bond.payoutTokenPrice) !== null && _d !== void 0 ? _d : '0');
+    const lpPrice = parseFloat((_e = bond === null || bond === void 0 ? void 0 : bond.principalTokenPrice) !== null && _e !== void 0 ? _e : '0');
+    const trueBillPriceMinusFee = new BigNumber(zapTrueBondPrice !== null && zapTrueBondPrice !== void 0 ? zapTrueBondPrice : '0').times((100 + fee) / 100);
+    const priceUSDMinusFee = getBalanceNumber(trueBillPriceMinusFee) * lpPrice;
+    const discountWithoutFee = ((earnTokenPrice - priceUSDMinusFee) / earnTokenPrice) * 100;
+    const zapBonusWithFee = discountWithoutFee > 0 ? (discountWithoutFee / (100 - discountWithoutFee)) * 100 : 0;
+    return (jsx(Modal, { title: "Bonus update", sx: { width: '380px' }, children: jsxs(Flex, { sx: { width: '100%', alignItems: 'center', flexDirection: 'column', mt: '10px' }, children: [jsxs(Flex, { sx: { display: 'block', fontSize: '14px', fontWeight: 500, color: 'textDisabledButton' }, children: ["The bonus for the bond you are purchasing has been adjusted by", ' ', jsxs(Text, { sx: { color: 'error' }, children: [(zapBonusWithFee - oldBonus).toFixed(2), "%"] }), "."] }), jsxs(Flex, { sx: {
+                        p: '8px 4px 4px 4px',
+                        borderRadius: '8px',
+                        width: '100%',
+                        alignItems: 'center',
+                    }, children: [jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx(TokenImage, { size: 30, symbol: tokenSymbol }), jsxs(Flex, { sx: { flexDirection: 'column', ml: '10px' }, children: [jsx(Text, { sx: { fontSize: '12px', fontWeight: '300', lineHeight: '14px' }, children: "Old Bonus:" }), jsxs(Text, { sx: { fontSize: '12px', fontWeight: 400 }, children: [oldBonus === null || oldBonus === void 0 ? void 0 : oldBonus.toFixed(2), "% ", tokenSymbol] })] })] }), jsx(Flex, { sx: { width: '15px', height: '15px', ml: '20px', mr: '10px', alignItems: 'center' }, children: jsx(Svg, { icon: "arrow", direction: "right" }) }), jsxs(Flex, { sx: { alignItems: 'center' }, children: [jsx(TokenImage, { size: 30, symbol: tokenSymbol }), jsxs(Flex, { sx: { flexDirection: 'column', ml: '10px' }, children: [jsx(Text, { sx: { fontSize: '12px', fontWeight: '300', lineHeight: '14px' }, children: "New Bonus:" }), jsxs(Text, { sx: { fontSize: '12px', fontWeight: 400 }, children: [zapBonusWithFee.toFixed(2), "% ", tokenSymbol] })] })] })] }), jsx(Estimations, { depositAmount: depositAmount, bondData: Object.assign(Object.assign({}, bond), { trueBillPrice: zapTrueBondPrice }), youSpendString: youSpendString, fetchingZapQuote: fetchingZapQuote, zapError: zapError, isZap: true }), jsx(Flex, { sx: {
+                        width: '100%',
+                        fontSize: '14px',
+                        fontWeight: 500,
+                        color: 'textDisabledButton',
+                        justifyContent: 'flex-start',
+                        mb: '10px',
+                    }, children: "Would you like to confirm the new rate?" }), jsx(Button, { fullWidth: true, onClick: onDismiss, disabled: fetchingZapQuote, load: fetchingZapQuote, children: fetchingZapQuote ? 'Loading' : 'Confirm' })] }) }));
+};
+
+export { NewRateModal as default };
+//# sourceMappingURL=NewRateModal.js.map

package/dist/views/BuyBond/components/NewRateModal/NewRateModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewRateModal.js","sources":["../../../../../src/views/BuyBond/components/NewRateModal/NewRateModal.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Text, Svg, Modal, Button } from '../../../../components/uikit-sdk'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { BondsData } from '../../../../types/bonds'\nimport Estimations from '../Estimations'\nimport BigNumber from 'bignumber.js'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport useTierPoints from '../../../../state/tiers/useTierPoints'\nimport { findHighestTrueBondPrice } from '../../../Bonds/utils'\n\nconst NewRateModal = ({\n  bond,\n  zapTrueBondPrice,\n  depositAmount,\n  youSpendString,\n  fetchingZapQuote,\n  zapError,\n  onDismiss,\n}: {\n  bond?: BondsData\n  zapTrueBondPrice?: string\n  depositAmount: string\n  youSpendString?: string\n  fetchingZapQuote?: boolean\n  zapError?: boolean\n  onDismiss?: () => void\n}) => {\n  const { data: userPoints } = useTierPoints()\n  const trueBondPrice = findHighestTrueBondPrice(userPoints, bond?.trueBondPrices)\n\n  const tokenSymbol = bond?.earnToken?.symbol\n  const oldBonus = trueBondPrice?.bonusWithFee ?? 0\n  const fee = bond?.feeInPayout ?? 0\n  const earnTokenPrice = parseFloat(bond?.payoutTokenPrice ?? '0')\n  const lpPrice = parseFloat(bond?.principalTokenPrice ?? '0')\n  const trueBillPriceMinusFee = new BigNumber(zapTrueBondPrice ?? '0').times((100 + fee) / 100)\n  const priceUSDMinusFee = getBalanceNumber(trueBillPriceMinusFee) * lpPrice\n  const discountWithoutFee = ((earnTokenPrice - priceUSDMinusFee) / earnTokenPrice) * 100\n  const zapBonusWithFee = discountWithoutFee > 0 ? (discountWithoutFee / (100 - discountWithoutFee)) * 100 : 0\n\n  return (\n    <Modal title=\"Bonus update\" sx={{ width: '380px' }}>\n      <Flex sx={{ width: '100%', alignItems: 'center', flexDirection: 'column', mt: '10px' }}>\n        <Flex sx={{ display: 'block', fontSize: '14px', fontWeight: 500, color: 'textDisabledButton' }}>\n          The bonus for the bond you are purchasing has been adjusted by{' '}\n          <Text sx={{ color: 'error' }}>{(zapBonusWithFee - oldBonus).toFixed(2)}%</Text>.\n        </Flex>\n        <Flex\n          sx={{\n            p: '8px 4px 4px 4px',\n            borderRadius: '8px',\n            width: '100%',\n            alignItems: 'center',\n          }}\n        >\n          <Flex sx={{ alignItems: 'center' }}>\n            <TokenImage size={30} symbol={tokenSymbol} />\n            <Flex sx={{ flexDirection: 'column', ml: '10px' }}>\n              <Text sx={{ fontSize: '12px', fontWeight: '300', lineHeight: '14px' }}>Old Bonus:</Text>\n              <Text sx={{ fontSize: '12px', fontWeight: 400 }}>\n                {oldBonus?.toFixed(2)}% {tokenSymbol}\n              </Text>\n            </Flex>\n          </Flex>\n          <Flex sx={{ width: '15px', height: '15px', ml: '20px', mr: '10px', alignItems: 'center' }}>\n            <Svg icon=\"arrow\" direction=\"right\" />\n          </Flex>\n          <Flex sx={{ alignItems: 'center' }}>\n            <TokenImage size={30} symbol={tokenSymbol} />\n            <Flex sx={{ flexDirection: 'column', ml: '10px' }}>\n              <Text sx={{ fontSize: '12px', fontWeight: '300', lineHeight: '14px' }}>New Bonus:</Text>\n              <Text sx={{ fontSize: '12px', fontWeight: 400 }}>\n                {zapBonusWithFee.toFixed(2)}% {tokenSymbol}\n              </Text>\n            </Flex>\n          </Flex>\n        </Flex>\n        <Estimations\n          depositAmount={depositAmount}\n          bondData={{ ...bond, trueBillPrice: zapTrueBondPrice } as BondsData}\n          youSpendString={youSpendString}\n          fetchingZapQuote={fetchingZapQuote}\n          zapError={zapError}\n          isZap\n        />\n        <Flex\n          sx={{\n            width: '100%',\n            fontSize: '14px',\n            fontWeight: 500,\n            color: 'textDisabledButton',\n            justifyContent: 'flex-start',\n            mb: '10px',\n          }}\n        >\n          Would you like to confirm the new rate?\n        </Flex>\n        <Button fullWidth onClick={onDismiss} disabled={fetchingZapQuote} load={fetchingZapQuote}>\n          {fetchingZapQuote ? 'Loading' : 'Confirm'}\n        </Button>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default NewRateModal\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/views/BuyBond/components/NoBonusModal/NoBonusModal.js

@@ -0,0 +1,36 @@
+import { useState } from 'react';
+import '../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import Checkbox from '../../../../components/uikit-sdk/Checkbox/index.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import Modal from '../../../../components/uikit-sdk/Modal/index.js';
+import '../../../FullBondsView/FullBondsView.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import '../../../../utils/campaignStyles.js';
+import { jsxs, jsx } from '../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const NoBonusModal = ({ onAcknowledge, showcaseTokenName }) => {
+    const [isOpen, setIsOpen] = useState(true);
+    const [isChecked, setIsChecked] = useState(false);
+    const handleAcknowledge = () => {
+        onAcknowledge();
+        setIsOpen(false);
+    };
+    const handleCancel = () => {
+        setIsOpen(false);
+    };
+    const handleCheckboxChange = () => {
+        setIsChecked(!isChecked);
+    };
+    return (isOpen && (jsxs(Modal, { className: "nobonus-modal", title: "Warning", onClose: handleAcknowledge, children: [jsxs("p", { children: ["You're buying ", showcaseTokenName, " at a higher price than the market, which will result in receiving fewer tokens compared to swapping via an exchange."] }), jsx("p", { children: "You will not receive any bonus tokens when buying this bond." }), jsxs(Flex, { className: "nobonus-checkbox-row", sx: { flexDirection: 'row', gap: '8px', pb: '20px', cursor: 'pointer' }, onClick: handleCheckboxChange, children: [jsx(Flex, { className: "nobonus-checkbox", children: jsx(Checkbox, { checked: isChecked, onChange: handleCheckboxChange }) }), jsx(Flex, { className: "nobonus-checkbox-text", children: "I understand and want to proceed." })] }), jsxs(Flex, { className: "nobonus-actions", sx: { flexDirection: 'row', gap: '8px' }, children: [jsx(Button, { className: "nobonus-cancel", onClick: handleCancel, sx: { width: '100%', justifyContent: 'center' }, variant: "secondary", children: "Cancel" }), jsx(Button, { className: "nobonus-buy", onClick: handleAcknowledge, disabled: !isChecked, sx: { width: '100%', justifyContent: 'center' }, children: "Buy" })] })] })));
+};
+
+export { NoBonusModal as default };
+//# sourceMappingURL=NoBonusModal.js.map

package/dist/views/BuyBond/components/NoBonusModal/NoBonusModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoBonusModal.js","sources":["../../../../../src/views/BuyBond/components/NoBonusModal/NoBonusModal.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Flex, Modal, Checkbox, Button } from '../../../../components/uikit-sdk'\n\ninterface NoBonusModalProps {\n  showcaseTokenName?: string\n  onAcknowledge: () => void\n}\n\nconst NoBonusModal: React.FC<NoBonusModalProps> = ({ onAcknowledge, showcaseTokenName }) => {\n  const [isOpen, setIsOpen] = useState(true)\n  const [isChecked, setIsChecked] = useState(false)\n\n  const handleAcknowledge = () => {\n    onAcknowledge()\n    setIsOpen(false)\n  }\n\n  const handleCancel = () => {\n    setIsOpen(false)\n  }\n\n  const handleCheckboxChange = () => {\n    setIsChecked(!isChecked)\n  }\n\n  return (\n    isOpen && (\n      <Modal className=\"nobonus-modal\" title=\"Warning\" onClose={handleAcknowledge}>\n        <p>\n          You&#39;re buying {showcaseTokenName} at a higher price than the market, which will result in receiving fewer\n          tokens compared to swapping via an exchange.\n        </p>\n        <p>You will not receive any bonus tokens when buying this bond.</p>\n        <Flex\n          className=\"nobonus-checkbox-row\"\n          sx={{ flexDirection: 'row', gap: '8px', pb: '20px', cursor: 'pointer' }}\n          onClick={handleCheckboxChange}\n        >\n          <Flex className=\"nobonus-checkbox\">\n            <Checkbox checked={isChecked} onChange={handleCheckboxChange} />\n          </Flex>\n          <Flex className=\"nobonus-checkbox-text\">I understand and want to proceed.</Flex>\n        </Flex>\n        <Flex className=\"nobonus-actions\" sx={{ flexDirection: 'row', gap: '8px' }}>\n          <Button\n            className=\"nobonus-cancel\"\n            onClick={handleCancel}\n            sx={{ width: '100%', justifyContent: 'center' }}\n            variant=\"secondary\"\n          >\n            Cancel\n          </Button>\n          <Button\n            className=\"nobonus-buy\"\n            onClick={handleAcknowledge}\n            disabled={!isChecked}\n            sx={{ width: '100%', justifyContent: 'center' }}\n          >\n            Buy\n          </Button>\n        </Flex>\n      </Modal>\n    )\n  )\n}\n\nexport default NoBonusModal\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,MAAM,YAAY,GAAgC,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,KAAI;IACzF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC1C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAEjD,MAAM,iBAAiB,GAAG,MAAK;AAC7B,QAAA,aAAa,EAAE;QACf,SAAS,CAAC,KAAK,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,YAAY,GAAG,MAAK;QACxB,SAAS,CAAC,KAAK,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,oBAAoB,GAAG,MAAK;AAChC,QAAA,YAAY,CAAC,CAAC,SAAS,CAAC;AAC1B,IAAA,CAAC;AAED,IAAA,QACE,MAAM,KACJA,IAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,eAAe,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,iBAAiB,EAAA,QAAA,EAAA,CACzEA,IAAA,CAAA,GAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,EACqB,iBAAiB,6HAElC,EACJC,GAAA,CAAA,GAAA,EAAA,EAAA,QAAA,EAAA,8DAAA,EAAA,CAAmE,EACnED,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,sBAAsB,EAChC,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EACvE,OAAO,EAAE,oBAAoB,aAE7BC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAChCA,IAAC,QAAQ,EAAA,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,oBAAoB,GAAI,EAAA,CAC3D,EACPA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,mCAAA,EAAA,CAAyC,CAAA,EAAA,CAC3E,EACPD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iBAAiB,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,CACxEC,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,YAAY,EACrB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,EAC/C,OAAO,EAAC,WAAW,EAAA,QAAA,EAAA,QAAA,EAAA,CAGZ,EACTA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,CAAC,SAAS,EACpB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,KAAA,EAAA,CAGxC,IACJ,CAAA,EAAA,CACD,CACT;AAEL;;;;"}