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

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

@@ -0,0 +1,80 @@
+import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
+import Svg from '../../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../../components/uikit-sdk/Flex/index.js';
+import 'theme-ui';
+import '../../../components/uikit-sdk/Text/types.js';
+import '../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import 'framer-motion';
+import '../../../components/uikit-sdk/Button/types.js';
+import '../../../components/uikit-sdk/Svg/types.js';
+import '../../../contexts/ModalContext.js';
+import '../../FullBondsView/FullBondsView.js';
+import '../../../components/uikit-sdk/Select/types.js';
+import 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 { findHighestTrueBondPrice } from '../findHighestTrueBondPrice.js';
+import { TIERS_WEIGHT } from '../../../state/tiers/useTierPoints.js';
+import { LaunchBondTiers, BillVersion } from '@ape.swap/apeswap-lists';
+import { useSDKConfig } from '../../../state/useSDKConfig.js';
+
+const BondModalHeader = ({ bondData, onDismiss, showProjectInfoButton, }) => {
+    const SDKConfig = useSDKConfig();
+    const [onOpenSlippageModal] = useModal(jsx(SlippageModal, {}));
+    const minTier = bondData.minTier !== undefined ? bondData.minTier : null;
+    const bonusWithFee = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bondData)?.bonusWithFee;
+    const handleClose = () => {
+        if (typeof window !== 'undefined') {
+            window.history.pushState({}, '', `/bonds`);
+        }
+        onDismiss?.();
+    };
+    const handleProjectViewNavigation = () => {
+        window.open(`${window.location.origin}/bonds/${bondData?.contractAddress?.[bondData?.chainId]}/${bondData?.chainId}`, '_self');
+        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: '10px' }, onClick: onOpenSlippageModal, children: jsx(Svg, { icon: "cog", width: "16px" }) }), jsx(Flex, { onClick: handleClose, children: jsx(Svg, { icon: "close", color: "text" }) })] })) : (jsx(Flex, { sx: { py: '3px', mt: '10px' }, onClick: onOpenSlippageModal, children: jsx(Svg, { icon: "cog", width: "16px" }) })) })] }), jsxs(Flex, { sx: { width: '100%' }, children: [jsx(Flex, { className: "title-container bondicon", children: jsx(TokenImage, { symbol: bondData.showcaseTokenName ?? bondData.earnToken.symbol, size: 50, chain: bondData.chainId }) }), jsxs(Flex, { className: "title-container bondname", children: [bondData?.showcaseTokenName, jsx(ListTag, { text: bondData?.tags?.[0] })] }), jsxs(Flex, { className: "title-container price-container", sx: { flexDirection: 'column', pl: '20px' }, children: [jsxs(Flex, { className: "price-container price", children: ["$", earnTokenPrice(bondData)] }), SDKConfig.useTiers && bondData.billVersion === BillVersion.V4 ? (jsxs(Flex, { sx: {
+                                    p: '3px 6px',
+                                    border: '1px solid var(--theme-ui-colors-primaryButton)',
+                                    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: 'primaryButton',
+                                            opacity: 0.3,
+                                        } }), jsxs(Flex, { sx: { width: '100%', zIndex: 2, alignItems: 'center' }, children: [jsx("img", { src: `/images/launch/legend.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx(Flex, { sx: { fontSize: '14px', mr: '3px' }, children: "Up to" }), jsxs(Flex, { sx: {
+                                                    color: bonusWithFee && bonusWithFee > 0 ? 'success' : 'error',
+                                                }, 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 { findHighestTrueBondPrice } from '../findHighestTrueBondPrice'\nimport { TIERS_WEIGHT } from '../../../state/tiers/useTierPoints'\nimport { BillVersion, LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { useSDKConfig } from '../../../state/useSDKConfig'\n\nconst BondModalHeader = ({\n  bondData,\n  onDismiss,\n  showProjectInfoButton,\n}: {\n  bondData: BondsData\n  onDismiss?: () => void\n  showProjectInfoButton?: boolean\n}) => {\n  const SDKConfig = useSDKConfig()\n  const [onOpenSlippageModal] = useModal(<SlippageModal />)\n  const minTier = bondData.minTier !== undefined ? bondData.minTier : null\n  const bonusWithFee = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bondData)?.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.open(\n      `${window.location.origin}/bonds/${bondData?.contractAddress?.[bondData?.chainId]}/${bondData?.chainId}`,\n      '_self',\n    )\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: '10px' }} onClick={onOpenSlippageModal}>\n                <Svg icon=\"cog\" width=\"16px\" />\n              </Flex>\n              <Flex onClick={handleClose}>\n                <Svg icon=\"close\" color=\"text\" />\n              </Flex>\n            </>\n          ) : (\n            <Flex sx={{ py: '3px', mt: '10px' }} onClick={onOpenSlippageModal}>\n              <Svg icon=\"cog\" width=\"16px\" />\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n      <Flex sx={{ width: '100%' }}>\n        <Flex className=\"title-container bondicon\">\n          <TokenImage\n            symbol={bondData.showcaseTokenName ?? bondData.earnToken.symbol}\n            size={50}\n            chain={bondData.chainId}\n          />\n        </Flex>\n        <Flex className=\"title-container bondname\">\n          {bondData?.showcaseTokenName}\n          <ListTag text={bondData?.tags?.[0]} />\n        </Flex>\n        <Flex className=\"title-container price-container\" sx={{ flexDirection: 'column', pl: '20px' }}>\n          <Flex className=\"price-container price\">${earnTokenPrice(bondData)}</Flex>\n          {SDKConfig.useTiers && bondData.billVersion === BillVersion.V4 ? (\n            <Flex\n              sx={{\n                p: '3px 6px',\n                border: '1px solid var(--theme-ui-colors-primaryButton)',\n                borderRadius: 'normal',\n                background: 'transparent',\n                position: 'relative',\n                overflow: 'hidden',\n              }}\n            >\n              <Flex\n                sx={{\n                  position: 'absolute',\n                  width: '100%',\n                  height: '100%',\n                  top: 0,\n                  left: 0,\n                  zIndex: 1,\n                  background: 'primaryButton',\n                  opacity: 0.3,\n                }}\n              />\n              <Flex sx={{ width: '100%', zIndex: 2, alignItems: 'center' }}>\n                <img\n                  src={`/images/launch/legend.png`}\n                  alt=\"minTier\"\n                  style={{ width: '21px', height: '21px', marginRight: '3px', zIndex: 1 }}\n                />\n                <Flex sx={{ fontSize: '14px', mr: '3px' }}>Up to</Flex>\n                <Flex\n                  sx={{\n                    color: bonusWithFee && bonusWithFee > 0 ? 'success' : 'error',\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","_jsxs","_Fragment"],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+import { jsx, Fragment } from 'theme-ui/jsx-runtime';
+import '../../../components/uikit-sdk/Svg/types.js';
+import 'theme-ui';
+import Flex from '../../../components/uikit-sdk/Flex/index.js';
+import '../../../components/uikit-sdk/Text/types.js';
+import '../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../components/uikit-sdk/Skeleton/styles.js';
+import TooltipBubble from '../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import 'framer-motion';
+import '../../../components/uikit-sdk/Button/types.js';
+import '../../../contexts/ModalContext.js';
+import '../../FullBondsView/FullBondsView.js';
+import '../../../components/uikit-sdk/Select/types.js';
+import { TIERS_NAMES } from '../../../state/tiers/useTierPoints.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).map((tier, index) => {
+                if (index >= 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).map((tier, index) => {\n            if (index >= 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,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC9C,gBAAA,IAAI,KAAK,IAAI,OAAO,EAAE;AACpB,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,CACG,CACR,EAAA,CACA;AAEP;;;;"}

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

@@ -0,0 +1,59 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import Svg from '../../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../../components/uikit-sdk/Flex/index.js';
+import 'theme-ui';
+import '../../../components/uikit-sdk/Text/types.js';
+import '../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../components/uikit-sdk/Skeleton/styles.js';
+import TooltipBubble from '../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import 'framer-motion';
+import '../../../components/uikit-sdk/Button/types.js';
+import '../../../components/uikit-sdk/Svg/types.js';
+import '../../../contexts/ModalContext.js';
+import '../../FullBondsView/FullBondsView.js';
+import Dots from '../../../components/uikit-sdk/LoadingDots/index.js';
+import '../../../components/uikit-sdk/Select/types.js';
+import { getRawBonus, getFeeAmount, getPayoutAmount, formatUSDNumber, getBonusColor, formatNumber } from '../../../utils/displayHelpers.js';
+import { TooltipText } from '../../../config/constants/tooltips.js';
+import { vestingTime } from '../../Bonds/utils.js';
+import useTierPoints, { getUserTier, TIERS_NAMES } from '../../../state/tiers/useTierPoints.js';
+import { findHighestTrueBondPrice } from '../findHighestTrueBondPrice.js';
+import { useSDKConfig } from '../../../state/useSDKConfig.js';
+
+const Estimations = ({ depositAmount, bondData, youSpendString, isZap, fetchingZapQuote, zapError, }) => {
+    const { data: userPoints } = useTierPoints();
+    const trueBondPrice = findHighestTrueBondPrice(userPoints, bondData);
+    const SDKConfig = useSDKConfig();
+    const userTier = getUserTier(userPoints);
+    const tierName = userTier ? TIERS_NAMES[userTier] : '';
+    // Estimations
+    const bonusString = getRawBonus(bondData, depositAmount, userPoints ?? '0');
+    const fee = getFeeAmount(bondData, depositAmount, userPoints ?? '0');
+    const feeUSD = fee * parseFloat(bondData?.payoutTokenPrice ?? '0');
+    const estimatedOutputAmount = getPayoutAmount(bondData, depositAmount, userPoints ?? '0');
+    const estimatedOutputUSD = estimatedOutputAmount * parseFloat(bondData?.payoutTokenPrice ?? '0');
+    const noTierAmount = getRawBonus(bondData, depositAmount, '0');
+    const boostAmount = parseFloat(bonusString) - 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: ["Bonus:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Premium }), 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: ["$ ", formatUSDNumber(bonusString)] }))] }), trueBondPrice?.points !== '0' && userTier !== undefined && userPoints && SDKConfig.useTiers && (jsxs(Flex, { className: "text-container row", sx: {
+                    border: '1px solid var(--theme-ui-colors-primaryButton)',
+                    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: 'primaryButton',
+                            opacity: 0.3,
+                            borderRadius: 'normal',
+                        } }), jsxs(Flex, { className: "row-container premium", sx: { zIndex: 1 }, children: [jsx("img", { src: `/images/launch/${tierName?.toLowerCase()}.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), jsx(Flex, { sx: { color: 'success', mr: '3px', fontWeight: 700 }, children: `${trueBondPrice?.boost ?? 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: ["$ ", formatUSDNumber(boostAmount.toString())] }))] })), !!bondData.feeInPayout && (jsxs(Flex, { className: "text-container row", children: [jsxs(Flex, { className: "row-container premium", children: ["Fee:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["This is the protocol fee (", bondData.feeInPayout, "%)."] }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", 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`, children: ["$ ", formatUSDNumber(feeUSD.toString())] }))] })), jsxs(Flex, { className: "text-container row", children: [jsxs(Flex, { className: "row-container get", children: ["You Get (over ", vestingTime((bondData?.vestingTerm ?? 0) - (bondData.vestingCliff ?? 0)).days, " days):"] }), isZap && fetchingZapQuote ? (jsx(Dots, {})) : isZap && zapError ? ('-') : (jsxs(Flex, { className: "row-container get-val", children: [formatNumber(estimatedOutputAmount.toString()), " ", bondData?.showcaseTokenName, " = $", ' ', formatUSDNumber(estimatedOutputUSD.toString())] }))] })] }));
+};
+
+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 {\n  formatNumber,\n  formatUSDNumber,\n  getBonusColor,\n  getFeeAmount,\n  getPayoutAmount,\n  getRawBonus,\n} from '../../../utils/displayHelpers'\nimport { TooltipText } from '../../../config/constants/tooltips'\nimport { vestingTime } from '../../Bonds/utils'\nimport { BondsData } from '../../../types/bonds'\nimport useTierPoints, { getUserTier, TIERS_NAMES } from '../../../state/tiers/useTierPoints'\nimport { findHighestTrueBondPrice } from '../findHighestTrueBondPrice'\nimport { useSDKConfig } from '../../../state/useSDKConfig'\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)\n  const SDKConfig = useSDKConfig()\n\n  const userTier = getUserTier(userPoints)\n  const tierName = userTier ? TIERS_NAMES[userTier] : ''\n\n  // Estimations\n  const bonusString = getRawBonus(bondData, depositAmount, userPoints ?? '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 ?? '0')\n  const estimatedOutputUSD = estimatedOutputAmount * parseFloat(bondData?.payoutTokenPrice ?? '0')\n\n  const noTierAmount = getRawBonus(bondData, depositAmount, '0')\n  const boostAmount = parseFloat(bonusString) - 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          Bonus:\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={<Flex>{TooltipText.Premium}</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 ${getBonusColor(bonusString)}`}>\n            $ {formatUSDNumber(bonusString)}\n          </Flex>\n        )}\n      </Flex>\n      {trueBondPrice?.points !== '0' && userTier !== undefined && userPoints && SDKConfig.useTiers && (\n        <Flex\n          className=\"text-container row\"\n          sx={{\n            border: '1px solid var(--theme-ui-colors-primaryButton)',\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: 'primaryButton',\n              opacity: 0.3,\n              borderRadius: 'normal',\n            }}\n          />\n          <Flex className=\"row-container premium\" sx={{ zIndex: 1 }}>\n            <img\n              src={`/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`}>\n              $ {formatUSDNumber(boostAmount.toString())}\n            </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`}>$ {formatUSDNumber(feeUSD.toString())}</Flex>\n          )}\n        </Flex>\n      )}\n      <Flex className=\"text-container row\">\n        <Flex className=\"row-container get\">\n          You Get (over {vestingTime((bondData?.vestingTerm ?? 0) - (bondData.vestingCliff ?? 0)).days} days):\n        </Flex>\n        {isZap && fetchingZapQuote ? (\n          <LoadingDots />\n        ) : isZap && zapError ? (\n          '-'\n        ) : (\n          <Flex className=\"row-container get-val\">\n            {formatNumber(estimatedOutputAmount.toString())} {bondData?.showcaseTokenName} = ${' '}\n            {formatUSDNumber(estimatedOutputUSD.toString())}\n          </Flex>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default Estimations\n"],"names":["_jsxs","_jsx","LoadingDots"],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from 'theme-ui/jsx-runtime';
+import Svg from '../../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../../components/uikit-sdk/Flex/index.js';
+import 'theme-ui';
+import '../../../components/uikit-sdk/Text/types.js';
+import '../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import 'framer-motion';
+import '../../../components/uikit-sdk/Button/types.js';
+import '../../../components/uikit-sdk/Svg/types.js';
+import '../../../contexts/ModalContext.js';
+import '../../FullBondsView/FullBondsView.js';
+import '../../../components/uikit-sdk/Select/types.js';
+
+const ExpandedViewButton = ({ handleNavigation, rightPos }) => {
+    return (jsx(Flex, { sx: { justifyContent: 'flex-end', position: 'absolute', top: '6px', right: rightPos ?? '35px', 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: '6px', right: rightPos ?? '35px', 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,IAAI,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,QAAA,EAE/GC,IAAA,CAAC,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,63 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { useState } from 'react';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import 'theme-ui';
+import '../../../../components/uikit-sdk/Text/types.js';
+import '../../../../components/uikit-sdk/Checkbox/types.js';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import { AnimatePresence, motion } from 'framer-motion';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import useTierPoints, { getUserTier, TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints.js';
+import { LaunchBondTiers, BillVersion } from '@ape.swap/apeswap-lists';
+import BonusTable from '../../../Bonds/components/BonusComponents/BonusTable.js';
+import { getRawBonus, formatUSDNumber } from '../../../../utils/displayHelpers.js';
+import { findHighestTrueBondPriceUserAgnostic } from '../../findHighestTrueBondPrice.js';
+
+const GetUpToComponent = ({ bond, depositAmount }) => {
+    // Hooks & Data
+    const { data: userPoints } = useTierPoints();
+    const userTier = getUserTier(userPoints);
+    const bonusString = getRawBonus(bond, depositAmount, TIERS_WEIGHT[LaunchBondTiers.Legend]);
+    const noTierAmount = getRawBonus(bond, depositAmount, '0');
+    const boostAmount = parseFloat(bonusString) - parseFloat(noTierAmount);
+    const trueBondPrice = findHighestTrueBondPriceUserAgnostic(bond);
+    //State
+    const [isOpen, setIsOpen] = useState(false);
+    return (userTier !== LaunchBondTiers.Legend &&
+        bond.billVersion === BillVersion.V4 && (jsxs(Flex, { sx: {
+            width: '100%',
+            mt: '10px',
+            fontSize: '12px',
+            fontWeight: 400,
+            flexDirection: 'column',
+        }, children: [jsxs(Flex, { onClick: () => setIsOpen(!isOpen), sx: {
+                    border: '1px solid var(--theme-ui-colors-primaryButton)',
+                    borderRadius: 'normal',
+                    position: 'relative',
+                    overflow: 'hidden',
+                    px: '10px',
+                    py: '2px',
+                    alignItems: 'center',
+                    cursor: 'pointer',
+                    justifyContent: 'space-between',
+                }, children: [jsx(Flex, { sx: {
+                            position: 'absolute',
+                            width: '100%',
+                            height: '100%',
+                            top: 0,
+                            left: 0,
+                            zIndex: 0,
+                            background: 'primaryButton',
+                            opacity: 0.3,
+                        } }), jsxs(Flex, { sx: { alignItems: 'center', display: ['ruby', 'ruby', 'ruby', 'flex'] }, children: [jsx("img", { src: `/images/launch/legend.png`, alt: "minTier", style: { width: '21px', height: '21px', marginRight: '3px', zIndex: 1 } }), "Get up to", jsx(Flex, { sx: { color: 'success', mx: '3px', fontWeight: 700 }, children: `+${trueBondPrice?.boost ?? 0}%` }), "Boost 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?.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 '../../findHighestTrueBondPrice'\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.Legend])\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        }}\n      >\n        <Flex\n          onClick={() => setIsOpen(!isOpen)}\n          sx={{\n            border: '1px solid var(--theme-ui-colors-primaryButton)',\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          }}\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: 'primaryButton',\n              opacity: 0.3,\n            }}\n          />\n          <Flex sx={{ alignItems: 'center', display: ['ruby', 'ruby', 'ruby', 'flex'] }}>\n            <img\n              src={`/images/launch/legend.png`}\n              alt=\"minTier\"\n              style={{ width: '21px', height: '21px', marginRight: '3px', zIndex: 1 }}\n            />\n            Get up to\n            <Flex sx={{ color: 'success', mx: '3px', fontWeight: 700 }}>{`+${trueBondPrice?.boost ?? 0}%`}</Flex>\n            Boost By locking ABOND\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 sx={{ ml: '4px' }}>\n                <Svg icon=\"caret\" direction={isOpen ? 'up' : 'down'} />\n              </Flex>\n            </Flex>\n          )}\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":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from 'theme-ui/jsx-runtime';
+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 '../../../../components/uikit-sdk/Checkbox/types.js';
+import 'theme-ui';
+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 'framer-motion';
+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 'react';
+import '../../../../components/uikit-sdk/Select/types.js';
+import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
+import Estimations from '../Estimations.js';
+import BigNumber from 'bignumber.js';
+import { getBalanceNumber } from '../../../../utils/getBalanceNumber.js';
+import { findHighestTrueBondPrice } from '../../findHighestTrueBondPrice.js';
+import useTierPoints from '../../../../state/tiers/useTierPoints.js';
+
+const NewRateModal = ({ bond, zapTrueBondPrice, depositAmount, youSpendString, fetchingZapQuote, zapError, onDismiss, }) => {
+    const { data: userPoints } = useTierPoints();
+    const trueBondPrice = findHighestTrueBondPrice(userPoints, bond);
+    const tokenSymbol = bond?.earnToken?.symbol;
+    const oldBonus = trueBondPrice?.bonusWithFee ?? 0;
+    const fee = bond?.feeInPayout ?? 0;
+    const earnTokenPrice = parseFloat(bond?.payoutTokenPrice ?? '0');
+    const lpPrice = parseFloat(bond?.principalTokenPrice ?? '0');
+    const trueBillPriceMinusFee = new BigNumber(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?.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: { ...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 { findHighestTrueBondPrice } from '../../findHighestTrueBondPrice'\nimport useTierPoints from '../../../../state/tiers/useTierPoints'\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)\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,35 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { useState } from 'react';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import 'theme-ui';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import '../../../../components/uikit-sdk/Text/types.js';
+import 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 'framer-motion';
+import '../../../FullBondsView/FullBondsView.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Select/types.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;;;;"}

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

@@ -0,0 +1,37 @@
+import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
+import { useState } from 'react';
+import SafeHTMLComponent from '../../../components/SafeHTMLComponent/index.js';
+import '../../../components/uikit-sdk/Svg/types.js';
+import 'theme-ui';
+import Flex from '../../../components/uikit-sdk/Flex/index.js';
+import Text from '../../../components/uikit-sdk/Text/index.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 'framer-motion';
+import '../../../components/uikit-sdk/Button/types.js';
+import '../../../contexts/ModalContext.js';
+import '../../FullBondsView/FullBondsView.js';
+import '../../../components/uikit-sdk/Select/types.js';
+
+const ProjectDescription = ({ description, isProjectView }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    return (jsx(Flex, { className: "description-container", children: isProjectView && (jsxs(Fragment, { children: [jsxs(Flex, { sx: { display: ['flex', 'flex', 'flex', 'none'], flexDirection: 'column' }, children: [jsx(Text, { sx: {
+                                fontSize: ['12px', '12px', '12px', '14px'],
+                                mt: '10px',
+                                lineHeight: ['18px', '18px', '18px', '21px'],
+                                fontWeight: 400,
+                                overflow: 'hidden',
+                                maxHeight: isOpen ? 'unset' : '54px',
+                            }, children: description && jsx(SafeHTMLComponent, { html: description }) }), !isOpen && (jsxs(Text, { sx: {
+                                color: 'primaryButton',
+                                fontSize: '12px',
+                                lineHeight: '18px',
+                                fontWeight: 400,
+                                cursor: 'pointer',
+                            }, onClick: () => setIsOpen(true), children: ["View More ", '>'] }))] }), jsx(Flex, { sx: { display: ['none', 'none', 'none', 'flex'] }, children: jsx(SafeHTMLComponent, { html: description ?? '' }) })] })) }));
+};
+
+export { ProjectDescription as default };
+//# sourceMappingURL=ProjectDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDescription.js","sources":["../../../../src/views/BuyBond/components/ProjectDescription.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport SafeHTMLComponent from '../../../components/SafeHTMLComponent'\nimport { Flex, Text } from '../../../components/uikit-sdk'\n\nconst ProjectDescription = ({ description, isProjectView }: { description?: string; isProjectView?: boolean }) => {\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n\n  return (\n    <Flex className=\"description-container\">\n      {isProjectView && (\n        <>\n          <Flex sx={{ display: ['flex', 'flex', 'flex', 'none'], flexDirection: 'column' }}>\n            <Text\n              sx={{\n                fontSize: ['12px', '12px', '12px', '14px'],\n                mt: '10px',\n                lineHeight: ['18px', '18px', '18px', '21px'],\n                fontWeight: 400,\n                overflow: 'hidden',\n                maxHeight: isOpen ? 'unset' : '54px',\n              }}\n            >\n              {description && <SafeHTMLComponent html={description} />}\n            </Text>\n            {!isOpen && (\n              <Text\n                sx={{\n                  color: 'primaryButton',\n                  fontSize: '12px',\n                  lineHeight: '18px',\n                  fontWeight: 400,\n                  cursor: 'pointer',\n                }}\n                onClick={() => setIsOpen(true)}\n              >\n                View More {'>'}\n              </Text>\n            )}\n          </Flex>\n          <Flex sx={{ display: ['none', 'none', 'none', 'flex'] }}>\n            <SafeHTMLComponent html={description ?? ''} />\n          </Flex>\n        </>\n      )}\n    </Flex>\n  )\n}\n\nexport default ProjectDescription\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;AAIA,MAAM,kBAAkB,GAAG,CAAC,EAAE,WAAW,EAAE,aAAa,EAAqD,KAAI;IAC/G,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;AAEpD,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,QAAA,EACpC,aAAa,KACZC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAC9ED,IAAC,IAAI,EAAA,EACH,EAAE,EAAE;gCACF,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAC1C,gCAAA,EAAE,EAAE,MAAM;gCACV,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAC5C,gCAAA,UAAU,EAAE,GAAG;AACf,gCAAA,QAAQ,EAAE,QAAQ;gCAClB,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AACrC,6BAAA,EAAA,QAAA,EAEA,WAAW,IAAIA,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,WAAW,EAAA,CAAI,GACnD,EACN,CAAC,MAAM,KACNC,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gCAAA,KAAK,EAAE,eAAe;AACtB,gCAAA,QAAQ,EAAE,MAAM;AAChB,gCAAA,UAAU,EAAE,MAAM;AAClB,gCAAA,UAAU,EAAE,GAAG;AACf,gCAAA,MAAM,EAAE,SAAS;6BAClB,EACD,OAAO,EAAE,MAAM,SAAS,CAAC,IAAI,CAAC,EAAA,QAAA,EAAA,CAAA,YAAA,EAEnB,GAAG,IACT,CACR,CAAA,EAAA,CACI,EACPD,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EACrDA,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,WAAW,IAAI,EAAE,EAAA,CAAI,GACzC,CAAA,EAAA,CACN,CACJ,EAAA,CACI;AAEX;;;;"}