npm - @ape.swap/bonds-sdk - Versions diffs - 5.1.6 → 5.1.7-test.0 - Mend

@ape.swap/bonds-sdk 5.1.6 → 5.1.7-test.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (221) hide show

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

	@@ -1 +1 @@
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":"~~;;;;;;;;;;;;;;;;;;;;;;;;;AAUA~~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"}
1	+ {"version":3,"file":"NewRateModal.js","sources":["../../../../../src/views/BuyBond/components/NewRateModal/NewRateModal.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Text from '../../../../components/uikit-sdk/Text'\nimport Svg from '../../../../components/uikit-sdk/Svg'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\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 '../../../../utils/bondPriceHelpers'\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 CHANGED Viewed

@@ -1,20 +1,9 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import { useState } from 'react';
-import '../../../../components/uikit-sdk/Svg/types.js';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import 'theme-ui';
-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 Checkbox from '../../../../components/uikit-sdk/Checkbox/index.js';
 import Button from '../../../../components/uikit-sdk/Button/Button.js';
-import '../../../../components/uikit-sdk/Button/types.js';
-import '../../../../components/uikit-sdk/Select/types.js';
-import '../../../../utils/campaignStyles.js';
 const NoBonusModal = ({ onAcknowledge, showcaseTokenName }) => {
     const [isOpen, setIsOpen] = useState(true);

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

	@@ -1 +1 @@
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'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;;;;"}
1	+ {"version":3,"file":"NoBonusModal.js","sources":["../../../../../src/views/BuyBond/components/NoBonusModal/NoBonusModal.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport Checkbox from '../../../../components/uikit-sdk/Checkbox'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\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'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":";;;;;;;AAWA,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 CHANGED Viewed

@@ -1,20 +1,8 @@
 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 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 '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 '../../../utils/campaignStyles.js';
 const ProjectDescription = ({ description, isProjectView }) => {
     const [isOpen, setIsOpen] = useState(false);

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

	@@ -1 +1 @@
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;;;;"}
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 from '../../../components/uikit-sdk/Flex'\nimport Text from '../../../components/uikit-sdk/Text'\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":";;;;;;AAKA,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;;;;"}

package/dist/views/FullBondsView/FullBondsView.d.ts CHANGED Viewed

@@ -1,7 +1,3 @@
 import React from 'react';
-export declare enum BondsViewOptions {
-    BONDSMARKET = "Bonds Market",
-    YOURBONDS = "Your Bonds"
-}
 declare const FullBondsView: () => React.JSX.Element;
 export default FullBondsView;

package/dist/views/FullBondsView/FullBondsView.js CHANGED Viewed

@@ -1,34 +1,16 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
-import '../../components/uikit-sdk/Svg/types.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 '../../contexts/ModalContext.js';
-import Toggle from '../../components/uikit-sdk/Toggle/index.js';
-import '../../components/uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 import YourBonds from '../YourBonds/YourBonds.js';
 import Bonds from '../Bonds/Bonds.js';
-import useActiveView from '../../state/activeView/index.js';
+import useActiveView, { BondsViewOptions } from '../../state/activeView/index.js';
 import { useSDKConfig } from '../../state/useSDKConfig.js';
+import Toggle from '../../components/uikit-sdk/Toggle/index.js';
-var BondsViewOptions;
-(function (BondsViewOptions) {
-    BondsViewOptions["BONDSMARKET"] = "Bonds Market";
-    BondsViewOptions["YOURBONDS"] = "Your Bonds";
-})(BondsViewOptions || (BondsViewOptions = {}));
 const FullBondsView = () => {
     const { activeView, handleToogle } = useActiveView();
     const SDKConfig = useSDKConfig();
     return (jsxs("div", { className: "full-bonds-view-container", children: [(SDKConfig.solAddress || SDKConfig.evmAddress) && (jsxs(Flex, { sx: { justifyContent: 'center', my: '20px' }, children: ["Debugger mode for address: ", SDKConfig.solAddress || SDKConfig.evmAddress] })), jsx("div", { className: "toggle-container", children: jsx(Toggle, { options: [BondsViewOptions.BONDSMARKET, BondsViewOptions.YOURBONDS], activeOption: activeView, handleToggle: handleToogle }) }), jsx(Flex, { sx: { width: '100%' }, children: activeView === BondsViewOptions.BONDSMARKET ? jsx(Bonds, {}) : jsx(YourBonds, {}) })] }));
 };
-export { BondsViewOptions, FullBondsView as default };
+export { FullBondsView as default };
 //# sourceMappingURL=FullBondsView.js.map

package/dist/views/FullBondsView/FullBondsView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FullBondsView.js","sources":["../../../src/views/FullBondsView/FullBondsView.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, ~~Toggle }~~ from '../../components/uikit-sdk'\nimport YourBonds from '../YourBonds/YourBonds'\nimport Bonds from '../Bonds/Bonds'\nimport useActiveView from '../../state/activeView'\nimport { useSDKConfig } from '../../state/useSDKConfig'\~~n\nexport~~ ~~enum~~ ~~BondsViewOptions~~ ~~{\n BONDSMARKET =~~ '~~Bonds Market~~'~~,\n YOURBONDS = 'Your Bonds',\n}~~\n\nconst FullBondsView = () => {\n const { activeView, handleToogle } = useActiveView()\n const SDKConfig = useSDKConfig()\n\n return (\n <div className=\"full-bonds-view-container\">\n {(SDKConfig.solAddress \|\| SDKConfig.evmAddress) && (\n <Flex sx={{ justifyContent: 'center', my: '20px' }}>\n Debugger mode for address: {SDKConfig.solAddress \|\| SDKConfig.evmAddress}\n </Flex>\n )}\n <div className=\"toggle-container\">\n <Toggle\n options={[BondsViewOptions.BONDSMARKET, BondsViewOptions.YOURBONDS]}\n activeOption={activeView}\n handleToggle={handleToogle}\n />\n </div>\n <Flex sx={{ width: '100%' }}>{activeView === BondsViewOptions.BONDSMARKET ? <Bonds /> : <YourBonds />}</Flex>\n </div>\n )\n}\n\nexport default FullBondsView\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;IAOY;AAAZ~~,~~CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,aAAA,CAAA,GAAA,cAA4B;AAC5B,IAAA,gBAAA,CAAA,WAAA,CAAA,GAAA,YAAwB;AAC1B,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,GAAA,EAAA,CAAA,CAAA;AAK5B,~~MAAM,aAAa,GAAG,MAAK;IACzB,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE;AACpD,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,QACEA,cAAK,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,CACvC,CAAC,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,UAAU,MAC5CA,KAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAAA,6BAAA,EACpB,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,UAAU,CAAA,EAAA,CACnE,CACR,EACDC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAC/BA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC,SAAS,CAAC,EACnE,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,YAAY,EAAA,CAC1B,EAAA,CACE,EACNA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAG,UAAU,KAAK,gBAAgB,CAAC,WAAW,GAAGA,IAAC,KAAK,EAAA,EAAA,CAAG,GAAGA,GAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CAAQ,CAAA,EAAA,CACzG;AAEV;;;;"}
1	+ {"version":3,"file":"FullBondsView.js","sources":["../../../src/views/FullBondsView/FullBondsView.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport YourBonds from '../YourBonds/YourBonds'\nimport Bonds from '../Bonds/Bonds'\nimport useActiveView, { BondsViewOptions } from '../../state/activeView'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport Toggle from '../../components/uikit-sdk/Toggle'\n\nconst FullBondsView = () => {\n const { activeView, handleToogle } = useActiveView()\n const SDKConfig = useSDKConfig()\n\n return (\n <div className=\"full-bonds-view-container\">\n {(SDKConfig.solAddress \|\| SDKConfig.evmAddress) && (\n <Flex sx={{ justifyContent: 'center', my: '20px' }}>\n Debugger mode for address: {SDKConfig.solAddress \|\| SDKConfig.evmAddress}\n </Flex>\n )}\n <div className=\"toggle-container\">\n <Toggle\n options={[BondsViewOptions.BONDSMARKET, BondsViewOptions.YOURBONDS]}\n activeOption={activeView}\n handleToggle={handleToogle}\n />\n </div>\n <Flex sx={{ width: '100%' }}>{activeView === BondsViewOptions.BONDSMARKET ? <Bonds /> : <YourBonds />}</Flex>\n </div>\n )\n}\n\nexport default FullBondsView\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAQA,MAAM,aAAa,GAAG,MAAK;IACzB,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE;AACpD,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,QACEA,cAAK,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,CACvC,CAAC,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,UAAU,MAC5CA,KAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAAA,6BAAA,EACpB,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,UAAU,CAAA,EAAA,CACnE,CACR,EACDC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAC/BA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC,SAAS,CAAC,EACnE,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,YAAY,EAAA,CAC1B,EAAA,CACE,EACNA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAG,UAAU,KAAK,gBAAgB,CAAC,WAAW,GAAGA,IAAC,KAAK,EAAA,EAAA,CAAG,GAAGA,GAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CAAQ,CAAA,EAAA,CACzG;AAEV;;;;"}

package/dist/views/LifiModal/LifiModal.js CHANGED Viewed

@@ -1,20 +1,8 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import { LiFiWidget } from '@lifi/widget';
-import '../../components/uikit-sdk/Svg/types.js';
-import 'theme-ui';
-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 Modal from '../../components/uikit-sdk/Modal/index.js';
-import 'framer-motion';
-import '../FullBondsView/FullBondsView.js';
-import 'react';
-import '../../components/uikit-sdk/Button/types.js';
-import '../../components/uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 import ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader.js';
+import Text from '../../components/uikit-sdk/Text/index.js';
 const getFees = async (fromTokenSymbol, toTokenSymbol) => {
     const stableCoins = ['FRAX', 'USDC', 'USDT', 'DAI', 'BUSD', 'TUSD', 'USDD', 'FDUSD'];

package/dist/views/LifiModal/LifiModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LifiModal.js","sources":["../../../src/views/LifiModal/LifiModal.tsx"],"sourcesContent":["import React from 'react'\nimport { LiFiWidget } from '@lifi/widget'\nimport { Modal } from '../../components/uikit-sdk'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport Text from '../../components/uikit-sdk/Text'\n\nconst getFees = async (fromTokenSymbol: string, toTokenSymbol: string): Promise<number> => {\n const stableCoins = ['FRAX', 'USDC', 'USDT', 'DAI', 'BUSD', 'TUSD', 'USDD', 'FDUSD']\n const isFromStable = stableCoins.includes(fromTokenSymbol)\n const isToStable = stableCoins.includes(toTokenSymbol)\n if (toTokenSymbol.toLowerCase() === 'abond') {\n return 0\n }\n return isFromStable && isToStable ? 0.001 : 0.003\n}\n\nconst LifiModal = ({\n bondChain,\n principalToken,\n onDismiss,\n}: {\n bondChain?: number\n principalToken?: string\n onDismiss?: () => void\n}) => {\n const config = {\n appearance: 'dark' as const,\n loadFonts: false,\n theme: {\n typography: {\n fontFamily: 'Poppins',\n },\n colorSchemes: {\n dark: {\n palette: {\n background: {\n default: '#161420',\n paper: '#1F1D29',\n },\n primary: {\n main: '#6560C5',\n },\n secondary: {\n main: '#6560C5',\n },\n },\n },\n },\n container: {\n boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.08)',\n borderRadius: '16px',\n },\n },\n // fromToken: 'BNB',\n // fromChain: ChainId.BSC,\n toChain: bondChain,\n toToken: principalToken,\n sdkConfig: {\n rpcUrls: {\n [1151111081099710]: [\n 'https://ancient-cold-sailboat.solana-mainnet.quiknode.pro/da13400ad8d0035313f3e71c6a37c107d0d0334b',\n ],\n },\n },\n variant: 'wide' as const,\n integrator: 'apeswap',\n feeConfig: {\n calculateFee: async (params: any) => {\n return getFees(params.fromToken.symbol, params.toToken.symbol)\n },\n },\n }\n\n return (\n <Modal sx={{ minWidth: '450px', justifyContent: 'center', alignItems: 'center', p: '0px' }}>\n <ModalHeader onDismiss={onDismiss} hideDivider sx={{ p: '20px 20px 0 20px' }}>\n <Text sx={{ fontSize: '22px', fontWeight: 700, lineHeight: '33px' }}>Swap & Bridge with LIFI</Text>\n </ModalHeader>\n <LiFiWidget {...config} />\n </Modal>\n )\n}\n\nexport default LifiModal\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AAMA,MAAM,OAAO,GAAG,OAAO,eAAuB,EAAE,aAAqB,KAAqB;AACxF,IAAA,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;IACpF,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC,eAAe,CAAC;IAC1D,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC;AACtD,IAAA,IAAI,aAAa,CAAC,WAAW,EAAE,KAAK,OAAO,EAAE;AAC3C,QAAA,OAAO,CAAC;IACV;IACA,OAAO,YAAY,IAAI,UAAU,GAAG,KAAK,GAAG,KAAK;AACnD,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,cAAc,EACd,SAAS,GAKV,KAAI;AACH,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,UAAU,EAAE,MAAe;AAC3B,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,KAAK,EAAE;AACL,YAAA,UAAU,EAAE;AACV,gBAAA,UAAU,EAAE,SAAS;AACtB,aAAA;AACD,YAAA,YAAY,EAAE;AACZ,gBAAA,IAAI,EAAE;AACJ,oBAAA,OAAO,EAAE;AACP,wBAAA,UAAU,EAAE;AACV,4BAAA,OAAO,EAAE,SAAS;AAClB,4BAAA,KAAK,EAAE,SAAS;AACjB,yBAAA;AACD,wBAAA,OAAO,EAAE;AACP,4BAAA,IAAI,EAAE,SAAS;AAChB,yBAAA;AACD,wBAAA,SAAS,EAAE;AACT,4BAAA,IAAI,EAAE,SAAS;AAChB,yBAAA;AACF,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA,SAAS,EAAE;AACT,gBAAA,SAAS,EAAE,kCAAkC;AAC7C,gBAAA,YAAY,EAAE,MAAM;AACrB,aAAA;AACF,SAAA;;;AAGD,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,SAAS,EAAE;AACT,YAAA,OAAO,EAAE;gBACP,CAAC,gBAAgB,GAAG;oBAClB,oGAAoG;AACrG,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,OAAO,EAAE,MAAe;AACxB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,SAAS,EAAE;AACT,YAAA,YAAY,EAAE,OAAO,MAAW,KAAI;AAClC,gBAAA,OAAO,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;YAChE,CAAC;AACF,SAAA;KACF;AAED,IAAA,QACEA,IAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,CACxFC,GAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,kBAAkB,EAAE,YAC1EA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,yBAAA,EAAA,CAAgC,EAAA,CACvF,EACdA,GAAA,CAAC,UAAU,EAAA,EAAA,GAAK,MAAM,EAAA,CAAI,CAAA,EAAA,CACpB;AAEZ;;;;"}
1	+ {"version":3,"file":"LifiModal.js","sources":["../../../src/views/LifiModal/LifiModal.tsx"],"sourcesContent":["import React from 'react'\nimport { LiFiWidget } from '@lifi/widget'\nimport Modal from '../../components/uikit-sdk/Modal'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport Text from '../../components/uikit-sdk/Text'\n\nconst getFees = async (fromTokenSymbol: string, toTokenSymbol: string): Promise<number> => {\n const stableCoins = ['FRAX', 'USDC', 'USDT', 'DAI', 'BUSD', 'TUSD', 'USDD', 'FDUSD']\n const isFromStable = stableCoins.includes(fromTokenSymbol)\n const isToStable = stableCoins.includes(toTokenSymbol)\n if (toTokenSymbol.toLowerCase() === 'abond') {\n return 0\n }\n return isFromStable && isToStable ? 0.001 : 0.003\n}\n\nconst LifiModal = ({\n bondChain,\n principalToken,\n onDismiss,\n}: {\n bondChain?: number\n principalToken?: string\n onDismiss?: () => void\n}) => {\n const config = {\n appearance: 'dark' as const,\n loadFonts: false,\n theme: {\n typography: {\n fontFamily: 'Poppins',\n },\n colorSchemes: {\n dark: {\n palette: {\n background: {\n default: '#161420',\n paper: '#1F1D29',\n },\n primary: {\n main: '#6560C5',\n },\n secondary: {\n main: '#6560C5',\n },\n },\n },\n },\n container: {\n boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.08)',\n borderRadius: '16px',\n },\n },\n // fromToken: 'BNB',\n // fromChain: ChainId.BSC,\n toChain: bondChain,\n toToken: principalToken,\n sdkConfig: {\n rpcUrls: {\n [1151111081099710]: [\n 'https://ancient-cold-sailboat.solana-mainnet.quiknode.pro/da13400ad8d0035313f3e71c6a37c107d0d0334b',\n ],\n },\n },\n variant: 'wide' as const,\n integrator: 'apeswap',\n feeConfig: {\n calculateFee: async (params: any) => {\n return getFees(params.fromToken.symbol, params.toToken.symbol)\n },\n },\n }\n\n return (\n <Modal sx={{ minWidth: '450px', justifyContent: 'center', alignItems: 'center', p: '0px' }}>\n <ModalHeader onDismiss={onDismiss} hideDivider sx={{ p: '20px 20px 0 20px' }}>\n <Text sx={{ fontSize: '22px', fontWeight: 700, lineHeight: '33px' }}>Swap & Bridge with LIFI</Text>\n </ModalHeader>\n <LiFiWidget {...config} />\n </Modal>\n )\n}\n\nexport default LifiModal\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAMA,MAAM,OAAO,GAAG,OAAO,eAAuB,EAAE,aAAqB,KAAqB;AACxF,IAAA,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;IACpF,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC,eAAe,CAAC;IAC1D,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC;AACtD,IAAA,IAAI,aAAa,CAAC,WAAW,EAAE,KAAK,OAAO,EAAE;AAC3C,QAAA,OAAO,CAAC;IACV;IACA,OAAO,YAAY,IAAI,UAAU,GAAG,KAAK,GAAG,KAAK;AACnD,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,cAAc,EACd,SAAS,GAKV,KAAI;AACH,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,UAAU,EAAE,MAAe;AAC3B,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,KAAK,EAAE;AACL,YAAA,UAAU,EAAE;AACV,gBAAA,UAAU,EAAE,SAAS;AACtB,aAAA;AACD,YAAA,YAAY,EAAE;AACZ,gBAAA,IAAI,EAAE;AACJ,oBAAA,OAAO,EAAE;AACP,wBAAA,UAAU,EAAE;AACV,4BAAA,OAAO,EAAE,SAAS;AAClB,4BAAA,KAAK,EAAE,SAAS;AACjB,yBAAA;AACD,wBAAA,OAAO,EAAE;AACP,4BAAA,IAAI,EAAE,SAAS;AAChB,yBAAA;AACD,wBAAA,SAAS,EAAE;AACT,4BAAA,IAAI,EAAE,SAAS;AAChB,yBAAA;AACF,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA,SAAS,EAAE;AACT,gBAAA,SAAS,EAAE,kCAAkC;AAC7C,gBAAA,YAAY,EAAE,MAAM;AACrB,aAAA;AACF,SAAA;;;AAGD,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,SAAS,EAAE;AACT,YAAA,OAAO,EAAE;gBACP,CAAC,gBAAgB,GAAG;oBAClB,oGAAoG;AACrG,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,OAAO,EAAE,MAAe;AACxB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,SAAS,EAAE;AACT,YAAA,YAAY,EAAE,OAAO,MAAW,KAAI;AAClC,gBAAA,OAAO,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;YAChE,CAAC;AACF,SAAA;KACF;AAED,IAAA,QACEA,IAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,CACxFC,GAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,kBAAkB,EAAE,YAC1EA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,yBAAA,EAAA,CAAgC,EAAA,CACvF,EACdA,GAAA,CAAC,UAAU,EAAA,EAAA,GAAK,MAAM,EAAA,CAAI,CAAA,EAAA,CACpB;AAEZ;;;;"}

package/dist/views/ProjectView/ProjectView.js CHANGED Viewed

@@ -1,20 +1,7 @@
 import { jsxs, jsx, Fragment } from 'theme-ui/jsx-runtime';
 import { useEffect } from 'react';
 import useBondsData from '../../state/bonds/useBondsData.js';
-import '../../components/uikit-sdk/Svg/types.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 '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 '../../utils/campaignStyles.js';
 import { styles } from './styles.js';
 import RecommendationCards from './components/RecommendationCards/index.js';
 import NavPanel from './components/NavPanel/index.js';

package/dist/views/ProjectView/ProjectView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectView.js","sources":["../../../src/views/ProjectView/ProjectView.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport { Flex } from '../../components/uikit-sdk'\nimport { styles } from './styles'\nimport RecommendationCards from './components/RecommendationCards'\nimport NavPanel from './components/NavPanel'\nimport BondCards from '../BuyBond/components/BondCards/BondCards'\nimport ProjectInfo from './components/ProjectInfo'\nimport BondStats from './components/BondStats'\nimport BondLeaderboard from './components/BondLeaderboard'\nimport PriceChart from './components/PriceChart'\nimport BuyBond from '../BuyBond/BuyComponent'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport useHistoricalPrice from '../../state/historicalPrice/useHistoricalPrice'\n\nexport interface HistoricalPrices {\n timestamp: string\n open: number\n close: number\n}\n\nexport interface ProjectViewProps {\n bondAddress: string\n bondChain: string\n}\n\nconst ProjectView: React.FC<ProjectViewProps> = ({ bondAddress, bondChain }) => {\n // Hooks\n const { data: bonds, refetch } = useBondsData()\n const { data: tokenPrices } = useTokenPrices()\n const bondData = bonds?.find(\n (bond) =>\n bond?.contractAddress?.[bond.chainId]?.toLowerCase() === (bondAddress as string)?.toLowerCase() &&\n (bondChain as string) === bond.chainId.toString(),\n )\n\n const { data: historicalPrices } = useHistoricalPrice(bondData?.cgId)\n\n useEffect(() => {\n if ((bonds?.length ?? 0) > 0 && !bondData) {\n window.location.href = '/bonds'\n }\n })\n\n useEffect(() => {\n if (Object.keys(tokenPrices ?? {})?.length > 0 && bonds?.length === 0) {\n console.log('Found prices and no bonds, realtimeapi failed. Refetching bonds')\n refetch()\n }\n /* eslint-disable react-hooks/exhaustive-deps */\n }, [Object.keys(tokenPrices ?? {})?.length, bonds?.length, refetch])\n\n return (\n <Flex sx={styles.mainViewContainer}>\n <RecommendationCards />\n <NavPanel contractAddress={bondData?.contractAddress?.[bondData.chainId]} />\n {bondData && (\n <Flex\n sx={{\n width: '100%',\n mt: '10px',\n display: ['none', 'none', 'none', 'block'],\n '&& > div > div': {\n background: 'white2',\n },\n }}\n >\n <BondCards bondData={bondData} />\n </Flex>\n )}\n {bondData ? (\n <>\n <Flex sx={{ width: '100%', flexDirection: 'column', mt: '10px' }}>\n <Flex sx={{ width: '100%', flexDirection: ['column', 'column', 'column', 'row'], alignItems: 'stretch' }}>\n <Flex\n sx={{\n background: 'white2',\n borderRadius: 'normal',\n // p: '5px 20px 20px 20px',\n width: ['100%', '100%', '100%', '50%'],\n mt: '5px',\n }}\n >\n <BuyBond\n bondAddress={bondData?.contractAddress?.[bondData.chainId]}\n bondChain={bondData.chainId}\n isProjectView\n />\n </Flex>\n <PriceChart selectedBond={bondData} historicalPrices={historicalPrices} />\n </Flex>\n <Flex sx={{ width: '100%', mt: '10px' }}>\n <ProjectInfo selectedBond2={bondData} />\n </Flex>\n <Flex sx={{ width: '100%', mt: '10px' }}>\n <BondStats selectedBond={bondData} />\n </Flex>\n <Flex sx={{ width: '100%', mt: '10px', mb: '50px' }}>\n <BondLeaderboard selectedBond={bondData} />\n </Flex>\n </Flex>\n </>\n ) : (\n <Flex sx={{ width: '100%', justifyContent: 'center', fontSize: '12px', fontWeight: 500 }}>Loading...</Flex>\n )}\n </Flex>\n )\n}\n\nexport default ProjectView\n"],"names":["_jsxs","_jsx","_Fragment","BuyBond"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"ProjectView.js","sources":["../../../src/views/ProjectView/ProjectView.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport { styles } from './styles'\nimport RecommendationCards from './components/RecommendationCards'\nimport NavPanel from './components/NavPanel'\nimport BondCards from '../BuyBond/components/BondCards/BondCards'\nimport ProjectInfo from './components/ProjectInfo'\nimport BondStats from './components/BondStats'\nimport BondLeaderboard from './components/BondLeaderboard'\nimport PriceChart from './components/PriceChart'\nimport BuyBond from '../BuyBond/BuyComponent'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport useHistoricalPrice from '../../state/historicalPrice/useHistoricalPrice'\n\nexport interface HistoricalPrices {\n timestamp: string\n open: number\n close: number\n}\n\nexport interface ProjectViewProps {\n bondAddress: string\n bondChain: string\n}\n\nconst ProjectView: React.FC<ProjectViewProps> = ({ bondAddress, bondChain }) => {\n // Hooks\n const { data: bonds, refetch } = useBondsData()\n const { data: tokenPrices } = useTokenPrices()\n const bondData = bonds?.find(\n (bond) =>\n bond?.contractAddress?.[bond.chainId]?.toLowerCase() === (bondAddress as string)?.toLowerCase() &&\n (bondChain as string) === bond.chainId.toString(),\n )\n\n const { data: historicalPrices } = useHistoricalPrice(bondData?.cgId)\n\n useEffect(() => {\n if ((bonds?.length ?? 0) > 0 && !bondData) {\n window.location.href = '/bonds'\n }\n })\n\n useEffect(() => {\n if (Object.keys(tokenPrices ?? {})?.length > 0 && bonds?.length === 0) {\n console.log('Found prices and no bonds, realtimeapi failed. Refetching bonds')\n refetch()\n }\n /* eslint-disable react-hooks/exhaustive-deps */\n }, [Object.keys(tokenPrices ?? {})?.length, bonds?.length, refetch])\n\n return (\n <Flex sx={styles.mainViewContainer}>\n <RecommendationCards />\n <NavPanel contractAddress={bondData?.contractAddress?.[bondData.chainId]} />\n {bondData && (\n <Flex\n sx={{\n width: '100%',\n mt: '10px',\n display: ['none', 'none', 'none', 'block'],\n '&& > div > div': {\n background: 'white2',\n },\n }}\n >\n <BondCards bondData={bondData} />\n </Flex>\n )}\n {bondData ? (\n <>\n <Flex sx={{ width: '100%', flexDirection: 'column', mt: '10px' }}>\n <Flex sx={{ width: '100%', flexDirection: ['column', 'column', 'column', 'row'], alignItems: 'stretch' }}>\n <Flex\n sx={{\n background: 'white2',\n borderRadius: 'normal',\n // p: '5px 20px 20px 20px',\n width: ['100%', '100%', '100%', '50%'],\n mt: '5px',\n }}\n >\n <BuyBond\n bondAddress={bondData?.contractAddress?.[bondData.chainId]}\n bondChain={bondData.chainId}\n isProjectView\n />\n </Flex>\n <PriceChart selectedBond={bondData} historicalPrices={historicalPrices} />\n </Flex>\n <Flex sx={{ width: '100%', mt: '10px' }}>\n <ProjectInfo selectedBond2={bondData} />\n </Flex>\n <Flex sx={{ width: '100%', mt: '10px' }}>\n <BondStats selectedBond={bondData} />\n </Flex>\n <Flex sx={{ width: '100%', mt: '10px', mb: '50px' }}>\n <BondLeaderboard selectedBond={bondData} />\n </Flex>\n </Flex>\n </>\n ) : (\n <Flex sx={{ width: '100%', justifyContent: 'center', fontSize: '12px', fontWeight: 500 }}>Loading...</Flex>\n )}\n </Flex>\n )\n}\n\nexport default ProjectView\n"],"names":["_jsxs","_jsx","_Fragment","BuyBond"],"mappings":";;;;;;;;;;;;;;;;AA0BA,MAAM,WAAW,GAA+B,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,KAAI;;IAE7E,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,YAAY,EAAE;IAC/C,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE;IAC9C,MAAM,QAAQ,GAAG,KAAK,EAAE,IAAI,CAC1B,CAAC,IAAI,KACH,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,KAAM,WAAsB,EAAE,WAAW,EAAE;QAC9F,SAAoB,KAAK,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CACpD;AAED,IAAA,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,kBAAkB,CAAC,QAAQ,EAAE,IAAI,CAAC;IAErE,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AACzC,YAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,QAAQ;QACjC;AACF,IAAA,CAAC,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,IAAI,KAAK,EAAE,MAAM,KAAK,CAAC,EAAE;AACrE,YAAA,OAAO,CAAC,GAAG,CAAC,iEAAiE,CAAC;AAC9E,YAAA,OAAO,EAAE;QACX;;IAEF,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAEpE,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,iBAAiB,EAAA,QAAA,EAAA,CAChCC,IAAC,mBAAmB,EAAA,EAAA,CAAG,EACvBA,GAAA,CAAC,QAAQ,EAAA,EAAC,eAAe,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,EAAA,CAAI,EAC3E,QAAQ,KACPA,IAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,EAAE,EAAE,MAAM;oBACV,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AAC1C,oBAAA,gBAAgB,EAAE;AAChB,wBAAA,UAAU,EAAE,QAAQ;AACrB,qBAAA;AACF,iBAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAA,CAAI,EAAA,CAC5B,CACR,EACA,QAAQ,IACPA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACEF,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAC9DA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAA,QAAA,EAAA,CACtGC,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,wCAAA,UAAU,EAAE,QAAQ;AACpB,wCAAA,YAAY,EAAE,QAAQ;;wCAEtB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;AACtC,wCAAA,EAAE,EAAE,KAAK;AACV,qCAAA,EAAA,QAAA,EAEDA,GAAA,CAACE,YAAO,EAAA,EACN,WAAW,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,EAC1D,SAAS,EAAE,QAAQ,CAAC,OAAO,EAC3B,aAAa,SACb,EAAA,CACG,EACPF,GAAA,CAAC,UAAU,IAAC,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAA,CAAI,CAAA,EAAA,CACrE,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrCA,GAAA,CAAC,WAAW,EAAA,EAAC,aAAa,EAAE,QAAQ,EAAA,CAAI,GACnC,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrCA,GAAA,CAAC,SAAS,IAAC,YAAY,EAAE,QAAQ,EAAA,CAAI,EAAA,CAChC,EACPA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACjDA,GAAA,CAAC,eAAe,IAAC,YAAY,EAAE,QAAQ,EAAA,CAAI,EAAA,CACtC,CAAA,EAAA,CACF,EAAA,CACN,KAEHA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,YAAA,EAAA,CAAmB,CAC5G,CAAA,EAAA,CACI;AAEX;;;;"}

package/dist/views/ProjectView/components/BondLeaderboard/components/SalesTable.js CHANGED Viewed

@@ -1,20 +1,6 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import { styles } from './styles.js';
-import '../../../../../components/uikit-sdk/Svg/types.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 '../../../../../contexts/ModalContext.js';
-import '../../../../FullBondsView/FullBondsView.js';
-import '../../../../../components/uikit-sdk/Select/types.js';
-import '../../../../../utils/campaignStyles.js';
 import TokenImage from '../../../../../components/uikit-sdk/TokenImage/index.js';
 import { formatUTCDate } from '../../../../../utils/dates/formatDate.js';
 import useEVMAccount from '../../../../../hooks/accounts/useEVMAccount.js';

package/dist/views/ProjectView/components/BondLeaderboard/components/SalesTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SalesTable.js","sources":["../../../../../../src/views/ProjectView/components/BondLeaderboard/components/SalesTable.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { Flex } from '../../../../../components/uikit-sdk'\nimport TokenImage from '../../../../../components/uikit-sdk/TokenImage'\nimport { formatUTCDate } from '../../../../../utils/dates/formatDate'\nimport { Sales } from '../../../../../state/bondApiStats/useUserApiStats'\nimport useEVMAccount from '../../../../../hooks/accounts/useEVMAccount'\n\nconst SalesTable = ({ allSales }: { allSales: Sales[] \| undefined }) => {\n const { address: account } = useEVMAccount()\n\n return (\n <Flex sx={{ width: '100%', minWidth: '700px', flexDirection: 'column', mt: '20px' }}>\n <Flex\n sx={{\n width: '100%',\n mx: '2px',\n justifyContent: 'space-between',\n color: 'textDisabledButton',\n fontSize: '12px',\n fontWeight: 400,\n mb: '5px',\n }}\n >\n <Flex sx={{ width: '170px' }}>\n <Flex sx={{ width: '30px', justifyContent: 'center' }}>#</Flex>\n <Flex>Bond</Flex>\n </Flex>\n <Flex sx={{ width: '120px', justifyContent: 'center' }}>Purchase Date</Flex>\n <Flex sx={{ width: '160px', justifyContent: 'center' }}>Buyer</Flex>\n <Flex sx={{ width: '110px', justifyContent: 'center' }}>Deposit Amount</Flex>\n <Flex sx={{ width: '110px', justifyContent: 'center' }}>Payout Amount</Flex>\n <Flex sx={{ width: '85px', justifyContent: 'center' }}>Bonus</Flex>\n </Flex>\n <Flex sx={{ width: '100%', flexDirection: 'column' }}>\n {allSales &&\n allSales.length > 0 &&\n allSales.map((sale, index) => {\n const buyer = sale.createdAddressOwner\n const receivedUsdAmount = (sale?.payout ?? 0) * sale?.payoutTokenPrice\n const discount = 100 - (sale.dollarValue * 100) / receivedUsdAmount\n const isUserTheBuyer = buyer?.toLowerCase() === account?.toLowerCase()\n const payoutToken = sale.payoutToken === 'LL.e' ? 'LL' : sale.payoutToken\n\n return (\n <Flex\n sx={{\n width: '100%',\n background: 'white3',\n border: '2px solid var(--theme-ui-colors-textDisabledButton)',\n height: '49px',\n mb: '5px',\n borderRadius: 'normal',\n alignItems: 'center',\n justifyContent: 'space-between',\n fontSize: '12px',\n }}\n key={sale.transactionHash}\n >\n <Flex sx={{ width: '170px', alignItems: 'center' }}>\n <Flex sx={{ width: '30px', justifyContent: 'center' }}>{index + 4}</Flex>\n <TokenImage symbol={payoutToken} chain={sale.chainId} size={28} />\n <Flex sx={{ ml: '10px' }}>{sale.payoutToken}</Flex>\n </Flex>\n <Flex sx={{ width: '120px', justifyContent: 'center' }}>\n {formatUTCDate(new Date(sale.createdAt * 1000))}\n </Flex>\n <Flex sx={{ width: '160px', justifyContent: 'center', position: 'relative' }}>\n <Flex sx={{ position: 'relative' }}>\n {buyer?.slice(0, 4)}...\n {buyer?.slice(buyer?.length - 4, buyer?.length)}\n {isUserTheBuyer && <Flex sx={styles.youCard}>You</Flex>}\n </Flex>\n </Flex>\n <Flex sx={{ width: '110px', justifyContent: 'center' }}>${sale.dollarValue.toFixed(2)}</Flex>\n <Flex sx={{ width: '110px', justifyContent: 'center' }}>${receivedUsdAmount?.toFixed(2)}</Flex>\n <Flex sx={{ width: '85px', justifyContent: 'center', color: discount > 0 ? 'success' : 'error' }}>\n {discount.toFixed(2)}%\n </Flex>\n </Flex>\n )\n })}\n </Flex>\n </Flex>\n )\n}\n\nexport default SalesTable\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"SalesTable.js","sources":["../../../../../../src/views/ProjectView/components/BondLeaderboard/components/SalesTable.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport Flex from '../../../../../components/uikit-sdk/Flex'\nimport TokenImage from '../../../../../components/uikit-sdk/TokenImage'\nimport { formatUTCDate } from '../../../../../utils/dates/formatDate'\nimport { Sales } from '../../../../../state/bondApiStats/useUserApiStats'\nimport useEVMAccount from '../../../../../hooks/accounts/useEVMAccount'\n\nconst SalesTable = ({ allSales }: { allSales: Sales[] \| undefined }) => {\n const { address: account } = useEVMAccount()\n\n return (\n <Flex sx={{ width: '100%', minWidth: '700px', flexDirection: 'column', mt: '20px' }}>\n <Flex\n sx={{\n width: '100%',\n mx: '2px',\n justifyContent: 'space-between',\n color: 'textDisabledButton',\n fontSize: '12px',\n fontWeight: 400,\n mb: '5px',\n }}\n >\n <Flex sx={{ width: '170px' }}>\n <Flex sx={{ width: '30px', justifyContent: 'center' }}>#</Flex>\n <Flex>Bond</Flex>\n </Flex>\n <Flex sx={{ width: '120px', justifyContent: 'center' }}>Purchase Date</Flex>\n <Flex sx={{ width: '160px', justifyContent: 'center' }}>Buyer</Flex>\n <Flex sx={{ width: '110px', justifyContent: 'center' }}>Deposit Amount</Flex>\n <Flex sx={{ width: '110px', justifyContent: 'center' }}>Payout Amount</Flex>\n <Flex sx={{ width: '85px', justifyContent: 'center' }}>Bonus</Flex>\n </Flex>\n <Flex sx={{ width: '100%', flexDirection: 'column' }}>\n {allSales &&\n allSales.length > 0 &&\n allSales.map((sale, index) => {\n const buyer = sale.createdAddressOwner\n const receivedUsdAmount = (sale?.payout ?? 0) * sale?.payoutTokenPrice\n const discount = 100 - (sale.dollarValue * 100) / receivedUsdAmount\n const isUserTheBuyer = buyer?.toLowerCase() === account?.toLowerCase()\n const payoutToken = sale.payoutToken === 'LL.e' ? 'LL' : sale.payoutToken\n\n return (\n <Flex\n sx={{\n width: '100%',\n background: 'white3',\n border: '2px solid var(--theme-ui-colors-textDisabledButton)',\n height: '49px',\n mb: '5px',\n borderRadius: 'normal',\n alignItems: 'center',\n justifyContent: 'space-between',\n fontSize: '12px',\n }}\n key={sale.transactionHash}\n >\n <Flex sx={{ width: '170px', alignItems: 'center' }}>\n <Flex sx={{ width: '30px', justifyContent: 'center' }}>{index + 4}</Flex>\n <TokenImage symbol={payoutToken} chain={sale.chainId} size={28} />\n <Flex sx={{ ml: '10px' }}>{sale.payoutToken}</Flex>\n </Flex>\n <Flex sx={{ width: '120px', justifyContent: 'center' }}>\n {formatUTCDate(new Date(sale.createdAt * 1000))}\n </Flex>\n <Flex sx={{ width: '160px', justifyContent: 'center', position: 'relative' }}>\n <Flex sx={{ position: 'relative' }}>\n {buyer?.slice(0, 4)}...\n {buyer?.slice(buyer?.length - 4, buyer?.length)}\n {isUserTheBuyer && <Flex sx={styles.youCard}>You</Flex>}\n </Flex>\n </Flex>\n <Flex sx={{ width: '110px', justifyContent: 'center' }}>${sale.dollarValue.toFixed(2)}</Flex>\n <Flex sx={{ width: '110px', justifyContent: 'center' }}>${receivedUsdAmount?.toFixed(2)}</Flex>\n <Flex sx={{ width: '85px', justifyContent: 'center', color: discount > 0 ? 'success' : 'error' }}>\n {discount.toFixed(2)}%\n </Flex>\n </Flex>\n )\n })}\n </Flex>\n </Flex>\n )\n}\n\nexport default SalesTable\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/ProjectView/components/BondLeaderboard/components/TopSaleCard.js CHANGED Viewed

@@ -1,20 +1,6 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import { styles } from './styles.js';
-import '../../../../../components/uikit-sdk/Svg/types.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 '../../../../../contexts/ModalContext.js';
-import '../../../../FullBondsView/FullBondsView.js';
-import '../../../../../components/uikit-sdk/Select/types.js';
-import '../../../../../utils/campaignStyles.js';
 import { formatUTCDate } from '../../../../../utils/dates/formatDate.js';
 import useEVMAccount from '../../../../../hooks/accounts/useEVMAccount.js';

package/dist/views/ProjectView/components/BondLeaderboard/components/TopSaleCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TopSaleCard.js","sources":["../../../../../../src/views/ProjectView/components/BondLeaderboard/components/TopSaleCard.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { Flex } from '../../../../../components/uikit-sdk'\nimport { formatUTCDate } from '../../../../../utils/dates/formatDate'\nimport { Sales } from '../../../../../state/bondApiStats/useUserApiStats'\nimport useEVMAccount from '../../../../../hooks/accounts/useEVMAccount'\n\nconst TopSaleCard = ({ sale, position }: { sale?: Sales; position: number }) => {\n const { address: account } = useEVMAccount()\n const buyer = sale?.createdAddressOwner\n const isUserTheBuyer = buyer?.toLowerCase() === account?.toLowerCase()\n const receivedUsdAmount = (sale?.payout ?? 0) * (sale?.payoutTokenPrice ?? 0)\n const discount = 100 - ((sale?.dollarValue ?? 0) * 100) / receivedUsdAmount\n\n const borderColor = ['2px solid #E6C7B180', '2px solid #D5CDE480', '2px solid #D2B0BA80']\n const size = [\n ['60px', '60px', '60px', '225px'],\n ['60px', '60px', '60px', '200px'],\n ['60px', '60px', '60px', '200px'],\n ]\n\n return (\n <Flex sx={{ ...styles.topSaleCardContainer, border: borderColor[position - 1] }}>\n <Flex sx={{ width: ['100%', '100%', '100%', '180px'], flexDirection: 'column' }}>\n <Flex>\n <Flex sx={styles.positionNumber}>{position}</Flex>\n <Flex sx={{ flexDirection: 'column', ml: '10px' }}>\n <Flex sx={{ fontSize: '10px', color: 'textDisabledButton' }}>Buyer</Flex>\n <Flex sx={{ fontSize: '12px', lineHeight: '13px', position: 'relative' }}>\n {buyer?.slice(0, 4)}...\n {buyer?.slice(buyer?.length - 4, buyer?.length)}\n {isUserTheBuyer && <Flex sx={styles.youCard}>You</Flex>}\n </Flex>\n </Flex>\n </Flex>\n <Flex sx={{ mt: '20px', width: '100%', fontSize: '12px', fontWeight: 400, flexDirection: 'column' }}>\n <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n <Flex>Deposit Amount:</Flex>\n <Flex>${sale?.dollarValue.toFixed(2)}</Flex>\n </Flex>\n <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n <Flex>Payout Amount:</Flex>\n <Flex>${receivedUsdAmount?.toFixed(2)}</Flex>\n </Flex>\n <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n <Flex>Bonus:</Flex>\n <Flex sx={{ color: discount > 0 ? 'success' : 'error' }}>{discount?.toFixed(2)}%</Flex>\n </Flex>\n <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n <Flex>Date:</Flex>\n <Flex>{formatUTCDate(new Date((sale?.createdAt ?? 0) * 1000))}</Flex>\n </Flex>\n </Flex>\n </Flex>\n <img\n src={`https://ape.bond/images/singleBondPage/${position}.png`}\n alt=\"ads\"\n sx={{\n width: size[position - 1],\n height: size[position - 1],\n ...styles.medals,\n }}\n />\n <Flex\n sx={{\n position: 'absolute',\n width: '50%',\n right: '0px',\n height: '100%',\n background: '#BF5AC7',\n opacity: 0.2,\n filter: 'blur(92px)',\n }}\n />\n </Flex>\n )\n}\n\nexport default TopSaleCard\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"TopSaleCard.js","sources":["../../../../../../src/views/ProjectView/components/BondLeaderboard/components/TopSaleCard.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport Flex from '../../../../../components/uikit-sdk/Flex'\nimport { formatUTCDate } from '../../../../../utils/dates/formatDate'\nimport { Sales } from '../../../../../state/bondApiStats/useUserApiStats'\nimport useEVMAccount from '../../../../../hooks/accounts/useEVMAccount'\n\nconst TopSaleCard = ({ sale, position }: { sale?: Sales; position: number }) => {\n const { address: account } = useEVMAccount()\n const buyer = sale?.createdAddressOwner\n const isUserTheBuyer = buyer?.toLowerCase() === account?.toLowerCase()\n const receivedUsdAmount = (sale?.payout ?? 0) * (sale?.payoutTokenPrice ?? 0)\n const discount = 100 - ((sale?.dollarValue ?? 0) * 100) / receivedUsdAmount\n\n const borderColor = ['2px solid #E6C7B180', '2px solid #D5CDE480', '2px solid #D2B0BA80']\n const size = [\n ['60px', '60px', '60px', '225px'],\n ['60px', '60px', '60px', '200px'],\n ['60px', '60px', '60px', '200px'],\n ]\n\n return (\n <Flex sx={{ ...styles.topSaleCardContainer, border: borderColor[position - 1] }}>\n <Flex sx={{ width: ['100%', '100%', '100%', '180px'], flexDirection: 'column' }}>\n <Flex>\n <Flex sx={styles.positionNumber}>{position}</Flex>\n <Flex sx={{ flexDirection: 'column', ml: '10px' }}>\n <Flex sx={{ fontSize: '10px', color: 'textDisabledButton' }}>Buyer</Flex>\n <Flex sx={{ fontSize: '12px', lineHeight: '13px', position: 'relative' }}>\n {buyer?.slice(0, 4)}...\n {buyer?.slice(buyer?.length - 4, buyer?.length)}\n {isUserTheBuyer && <Flex sx={styles.youCard}>You</Flex>}\n </Flex>\n </Flex>\n </Flex>\n <Flex sx={{ mt: '20px', width: '100%', fontSize: '12px', fontWeight: 400, flexDirection: 'column' }}>\n <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n <Flex>Deposit Amount:</Flex>\n <Flex>${sale?.dollarValue.toFixed(2)}</Flex>\n </Flex>\n <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n <Flex>Payout Amount:</Flex>\n <Flex>${receivedUsdAmount?.toFixed(2)}</Flex>\n </Flex>\n <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n <Flex>Bonus:</Flex>\n <Flex sx={{ color: discount > 0 ? 'success' : 'error' }}>{discount?.toFixed(2)}%</Flex>\n </Flex>\n <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n <Flex>Date:</Flex>\n <Flex>{formatUTCDate(new Date((sale?.createdAt ?? 0) * 1000))}</Flex>\n </Flex>\n </Flex>\n </Flex>\n <img\n src={`https://ape.bond/images/singleBondPage/${position}.png`}\n alt=\"ads\"\n sx={{\n width: size[position - 1],\n height: size[position - 1],\n ...styles.medals,\n }}\n />\n <Flex\n sx={{\n position: 'absolute',\n width: '50%',\n right: '0px',\n height: '100%',\n background: '#BF5AC7',\n opacity: 0.2,\n filter: 'blur(92px)',\n }}\n />\n </Flex>\n )\n}\n\nexport default TopSaleCard\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/ProjectView/components/BondLeaderboard/components/TopThreeSalesCards.js CHANGED Viewed

@@ -1,20 +1,6 @@
 import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
 import TopSaleCard from './TopSaleCard.js';
-import '../../../../../components/uikit-sdk/Svg/types.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 '../../../../../contexts/ModalContext.js';
-import '../../../../FullBondsView/FullBondsView.js';
-import '../../../../../components/uikit-sdk/Select/types.js';
-import '../../../../../utils/campaignStyles.js';
 const TopThreeSalesCards = ({ topThreeSales }) => {
     return (jsx(Flex, { sx: { width: '100%', mt: '15px', justifyContent: 'space-between' }, children: jsx(Flex, { sx: { width: '100%' }, children: topThreeSales && topThreeSales.length > 0 && (jsxs(Fragment, { children: [jsxs(Flex, { sx: { width: '100%', display: ['none', 'none', 'none', 'flex'] }, children: [jsx(Flex, { sx: { width: ['32%'], mt: '15px' }, children: topThreeSales[1] && jsx(TopSaleCard, { sale: topThreeSales[1], position: 2 }) }), jsx(Flex, { sx: { width: ['36%'], mx: '20px' }, children: topThreeSales[0] && jsx(TopSaleCard, { sale: topThreeSales[0], position: 1 }) }), jsx(Flex, { sx: { width: ['32%'], mt: '15px' }, children: topThreeSales[2] && jsx(TopSaleCard, { sale: topThreeSales[2], position: 3 }) })] }), jsxs(Flex, { sx: { width: '100%', flexDirection: 'column', display: ['flex', 'flex', 'flex', 'none'] }, children: [topThreeSales[0] && jsx(TopSaleCard, { sale: topThreeSales[0], position: 1 }), jsx(Flex, { sx: { mt: '10px' }, children: topThreeSales[1] && jsx(TopSaleCard, { sale: topThreeSales[1], position: 2 }) }), jsx(Flex, { sx: { mt: '10px' }, children: topThreeSales[2] && jsx(TopSaleCard, { sale: topThreeSales[2], position: 3 }) })] })] })) }) }));

package/dist/views/ProjectView/components/BondLeaderboard/components/TopThreeSalesCards.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TopThreeSalesCards.js","sources":["../../../../../../src/views/ProjectView/components/BondLeaderboard/components/TopThreeSalesCards.tsx"],"sourcesContent":["import React from 'react'\nimport TopSaleCard from './TopSaleCard'\nimport { Flex } from '../../../../../components/uikit-sdk'\nimport { Sales } from '../../../../../state/bondApiStats/useUserApiStats'\n\nconst TopThreeSalesCards = ({ topThreeSales }: { topThreeSales?: Sales[] }) => {\n return (\n <Flex sx={{ width: '100%', mt: '15px', justifyContent: 'space-between' }}>\n <Flex sx={{ width: '100%' }}>\n {topThreeSales && topThreeSales.length > 0 && (\n <>\n {/* DESKTOP /}\n <Flex sx={{ width: '100%', display: ['none', 'none', 'none', 'flex'] }}>\n <Flex sx={{ width: ['32%'], mt: '15px' }}>\n {topThreeSales[1] && <TopSaleCard sale={topThreeSales[1]} position={2} />}\n </Flex>\n <Flex sx={{ width: ['36%'], mx: '20px' }}>\n {topThreeSales[0] && <TopSaleCard sale={topThreeSales[0]} position={1} />}\n </Flex>\n <Flex sx={{ width: ['32%'], mt: '15px' }}>\n {topThreeSales[2] && <TopSaleCard sale={topThreeSales[2]} position={3} />}\n </Flex>\n </Flex>\n {/ MOBILE */}\n <Flex sx={{ width: '100%', flexDirection: 'column', display: ['flex', 'flex', 'flex', 'none'] }}>\n {topThreeSales[0] && <TopSaleCard sale={topThreeSales[0]} position={1} />}\n <Flex sx={{ mt: '10px' }}>\n {topThreeSales[1] && <TopSaleCard sale={topThreeSales[1]} position={2} />}\n </Flex>\n <Flex sx={{ mt: '10px' }}>\n {topThreeSales[2] && <TopSaleCard sale={topThreeSales[2]} position={3} />}\n </Flex>\n </Flex>\n </>\n )}\n </Flex>\n </Flex>\n )\n}\n\nexport default TopThreeSalesCards\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AAKA,MAAM,kBAAkB,GAAG,CAAC,EAAE,aAAa,EAA+B,KAAI;AAC5E,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,EAAA,QAAA,EACtEA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EACxB,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,KACxCC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAEED,KAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAA,CACpED,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrC,aAAa,CAAC,CAAC,CAAC,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,EAAA,CACpE,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrC,aAAa,CAAC,CAAC,CAAC,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,EAAA,CACpE,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrC,aAAa,CAAC,CAAC,CAAC,IAAIA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,GACpE,CAAA,EAAA,CACF,EAEPC,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAA,CAC5F,aAAa,CAAC,CAAC,CAAC,IAAID,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,EACzEA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrB,aAAa,CAAC,CAAC,CAAC,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,GACpE,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrB,aAAa,CAAC,CAAC,CAAC,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,EAAA,CACpE,IACF,CAAA,EAAA,CACN,CACJ,EAAA,CACI,EAAA,CACF;AAEX;;;;"}
1	+ {"version":3,"file":"TopThreeSalesCards.js","sources":["../../../../../../src/views/ProjectView/components/BondLeaderboard/components/TopThreeSalesCards.tsx"],"sourcesContent":["import React from 'react'\nimport TopSaleCard from './TopSaleCard'\nimport Flex from '../../../../../components/uikit-sdk/Flex'\nimport { Sales } from '../../../../../state/bondApiStats/useUserApiStats'\n\nconst TopThreeSalesCards = ({ topThreeSales }: { topThreeSales?: Sales[] }) => {\n return (\n <Flex sx={{ width: '100%', mt: '15px', justifyContent: 'space-between' }}>\n <Flex sx={{ width: '100%' }}>\n {topThreeSales && topThreeSales.length > 0 && (\n <>\n {/* DESKTOP /}\n <Flex sx={{ width: '100%', display: ['none', 'none', 'none', 'flex'] }}>\n <Flex sx={{ width: ['32%'], mt: '15px' }}>\n {topThreeSales[1] && <TopSaleCard sale={topThreeSales[1]} position={2} />}\n </Flex>\n <Flex sx={{ width: ['36%'], mx: '20px' }}>\n {topThreeSales[0] && <TopSaleCard sale={topThreeSales[0]} position={1} />}\n </Flex>\n <Flex sx={{ width: ['32%'], mt: '15px' }}>\n {topThreeSales[2] && <TopSaleCard sale={topThreeSales[2]} position={3} />}\n </Flex>\n </Flex>\n {/ MOBILE */}\n <Flex sx={{ width: '100%', flexDirection: 'column', display: ['flex', 'flex', 'flex', 'none'] }}>\n {topThreeSales[0] && <TopSaleCard sale={topThreeSales[0]} position={1} />}\n <Flex sx={{ mt: '10px' }}>\n {topThreeSales[1] && <TopSaleCard sale={topThreeSales[1]} position={2} />}\n </Flex>\n <Flex sx={{ mt: '10px' }}>\n {topThreeSales[2] && <TopSaleCard sale={topThreeSales[2]} position={3} />}\n </Flex>\n </Flex>\n </>\n )}\n </Flex>\n </Flex>\n )\n}\n\nexport default TopThreeSalesCards\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;AAKA,MAAM,kBAAkB,GAAG,CAAC,EAAE,aAAa,EAA+B,KAAI;AAC5E,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,EAAA,QAAA,EACtEA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EACxB,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,KACxCC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAEED,KAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAA,CACpED,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrC,aAAa,CAAC,CAAC,CAAC,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,EAAA,CACpE,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrC,aAAa,CAAC,CAAC,CAAC,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,EAAA,CACpE,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrC,aAAa,CAAC,CAAC,CAAC,IAAIA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,GACpE,CAAA,EAAA,CACF,EAEPC,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAA,CAC5F,aAAa,CAAC,CAAC,CAAC,IAAID,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,EACzEA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrB,aAAa,CAAC,CAAC,CAAC,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,GACpE,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrB,aAAa,CAAC,CAAC,CAAC,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,EAAA,CACpE,IACF,CAAA,EAAA,CACN,CACJ,EAAA,CACI,EAAA,CACF;AAEX;;;;"}

package/dist/views/ProjectView/components/BondLeaderboard/index.js CHANGED Viewed

@@ -2,22 +2,8 @@ import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
 import TopThreeSalesCards from './components/TopThreeSalesCards.js';
 import SalesTable from './components/SalesTable.js';
 import useGetBondApiStats from '../../../../state/bondApiStats/useGetBondApiStats.js';
-import Svg from '../../../../components/uikit-sdk/Svg/index.js';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import 'theme-ui';
-import '../../../../components/uikit-sdk/Text/types.js';
-import '../../../../components/uikit-sdk/Checkbox/types.js';
-import '../../../../components/uikit-sdk/Skeleton/types.js';
-import '../../../../components/uikit-sdk/Skeleton/styles.js';
-import '../../../../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 '../../../../utils/campaignStyles.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
 const BondLeaderboard = ({ selectedBond }) => {
     const { data: bondStats } = useGetBondApiStats(selectedBond?.contractAddress?.[selectedBond?.chainId]);

package/dist/views/ProjectView/components/BondLeaderboard/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/BondLeaderboard/index.tsx"],"sourcesContent":["import React from 'react'\nimport TopThreeSalesCards from './components/TopThreeSalesCards'\nimport SalesTable from './components/SalesTable'\nimport { BondsData } from '../../../../types/bonds'\nimport useGetBondApiStats from '../../../../state/bondApiStats/useGetBondApiStats'\nimport { Flex, Svg } from '../../../../components/uikit-sdk'\n\nconst BondLeaderboard = ({ selectedBond }: { selectedBond?: BondsData }) => {\n const { data: bondStats } = useGetBondApiStats(selectedBond?.contractAddress?.[selectedBond?.chainId])\n const filteredSales = bondStats?.Sales.filter((sale) => sale.dollarValue > 1)\n const sortedSales = filteredSales?.sort((a, b) => b.dollarValue - a.dollarValue)\n\n const topThreeSales = sortedSales?.slice(0, 3)\n\n const allSales = sortedSales?.slice(3, 15)\n\n return (\n <Flex\n sx={{\n width: '100%',\n flexDirection: 'column',\n p: '20px',\n borderRadius: 'normal',\n background: 'white2',\n }}\n >\n {filteredSales && filteredSales.length > 0 ? (\n <>\n <Flex sx={{ fontSize: '22px' }}>Bond Leaderboard</Flex>\n <TopThreeSalesCards topThreeSales={topThreeSales} />\n <Flex sx={{ overflowX: ['auto', 'auto', 'auto', 'unset'], '&::-webkit-scrollbar': { height: '5px' } }}>\n {allSales && allSales?.length > 0 && <SalesTable allSales={allSales} />}\n </Flex>\n </>\n ) : (\n <Flex\n sx={{\n width: '100%',\n height: '300px',\n justifyContent: 'center',\n alignItems: 'center',\n flexDirection: 'column',\n }}\n >\n <Svg icon=\"placeholderMonkey\" />\n <Flex sx={{ mt: '15px' }}>No sales yet</Flex>\n </Flex>\n )}\n </Flex>\n )\n}\n\nexport default BondLeaderboard\n"],"names":["_jsx","_jsxs"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;AAOA~~,MAAM,eAAe,GAAG,CAAC,EAAE,YAAY,EAAgC,KAAI;AACzE,IAAA,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,kBAAkB,CAAC,YAAY,EAAE,eAAe,GAAG,YAAY,EAAE,OAAO,CAAC,CAAC;AACtG,IAAA,MAAM,aAAa,GAAG,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;IAC7E,MAAM,WAAW,GAAG,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC;IAEhF,MAAM,aAAa,GAAG,WAAW,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,WAAW,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;AAE1C,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,CAAC,EAAE,MAAM;AACT,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA,EAAA,QAAA,EAEA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IACxCC,4BACED,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAyB,EACvDA,GAAA,CAAC,kBAAkB,EAAA,EAAC,aAAa,EAAE,aAAa,EAAA,CAAI,EACpDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,sBAAsB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,YAClG,QAAQ,IAAI,QAAQ,EAAE,MAAM,GAAG,CAAC,IAAIA,GAAA,CAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAA,CAAI,EAAA,CAClE,IACN,KAEHC,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,MAAM,EAAE,OAAO;AACf,gBAAA,cAAc,EAAE,QAAQ;AACxB,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,aAAa,EAAE,QAAQ;aACxB,EAAA,QAAA,EAAA,CAEDD,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,mBAAmB,EAAA,CAAG,EAChCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,6BAAqB,CAAA,EAAA,CACxC,CACR,EAAA,CACI;AAEX;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/views/ProjectView/components/BondLeaderboard/index.tsx"],"sourcesContent":["import React from 'react'\nimport TopThreeSalesCards from './components/TopThreeSalesCards'\nimport SalesTable from './components/SalesTable'\nimport { BondsData } from '../../../../types/bonds'\nimport useGetBondApiStats from '../../../../state/bondApiStats/useGetBondApiStats'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Svg from '../../../../components/uikit-sdk/Svg'\n\nconst BondLeaderboard = ({ selectedBond }: { selectedBond?: BondsData }) => {\n const { data: bondStats } = useGetBondApiStats(selectedBond?.contractAddress?.[selectedBond?.chainId])\n const filteredSales = bondStats?.Sales.filter((sale) => sale.dollarValue > 1)\n const sortedSales = filteredSales?.sort((a, b) => b.dollarValue - a.dollarValue)\n\n const topThreeSales = sortedSales?.slice(0, 3)\n\n const allSales = sortedSales?.slice(3, 15)\n\n return (\n <Flex\n sx={{\n width: '100%',\n flexDirection: 'column',\n p: '20px',\n borderRadius: 'normal',\n background: 'white2',\n }}\n >\n {filteredSales && filteredSales.length > 0 ? (\n <>\n <Flex sx={{ fontSize: '22px' }}>Bond Leaderboard</Flex>\n <TopThreeSalesCards topThreeSales={topThreeSales} />\n <Flex sx={{ overflowX: ['auto', 'auto', 'auto', 'unset'], '&::-webkit-scrollbar': { height: '5px' } }}>\n {allSales && allSales?.length > 0 && <SalesTable allSales={allSales} />}\n </Flex>\n </>\n ) : (\n <Flex\n sx={{\n width: '100%',\n height: '300px',\n justifyContent: 'center',\n alignItems: 'center',\n flexDirection: 'column',\n }}\n >\n <Svg icon=\"placeholderMonkey\" />\n <Flex sx={{ mt: '15px' }}>No sales yet</Flex>\n </Flex>\n )}\n </Flex>\n )\n}\n\nexport default BondLeaderboard\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAQA,MAAM,eAAe,GAAG,CAAC,EAAE,YAAY,EAAgC,KAAI;AACzE,IAAA,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,kBAAkB,CAAC,YAAY,EAAE,eAAe,GAAG,YAAY,EAAE,OAAO,CAAC,CAAC;AACtG,IAAA,MAAM,aAAa,GAAG,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;IAC7E,MAAM,WAAW,GAAG,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,WAAW,CAAC;IAEhF,MAAM,aAAa,GAAG,WAAW,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,WAAW,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;AAE1C,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,CAAC,EAAE,MAAM;AACT,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA,EAAA,QAAA,EAEA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IACxCC,4BACED,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,iCAAyB,EACvDA,GAAA,CAAC,kBAAkB,EAAA,EAAC,aAAa,EAAE,aAAa,EAAA,CAAI,EACpDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,sBAAsB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,YAClG,QAAQ,IAAI,QAAQ,EAAE,MAAM,GAAG,CAAC,IAAIA,GAAA,CAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAA,CAAI,EAAA,CAClE,IACN,KAEHC,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,MAAM,EAAE,OAAO;AACf,gBAAA,cAAc,EAAE,QAAQ;AACxB,gBAAA,UAAU,EAAE,QAAQ;AACpB,gBAAA,aAAa,EAAE,QAAQ;aACxB,EAAA,QAAA,EAAA,CAEDD,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,mBAAmB,EAAA,CAAG,EAChCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,6BAAqB,CAAA,EAAA,CACxC,CACR,EAAA,CACI;AAEX;;;;"}

package/dist/views/ProjectView/components/BondStats/index.js CHANGED Viewed

@@ -8,20 +8,8 @@ import { Line } from 'react-chartjs-2';
 import BigNumber from 'bignumber.js';
 import { styles } from './styles.js';
 import useGetBondApiStats from '../../../../state/bondApiStats/useGetBondApiStats.js';
-import '../../../../components/uikit-sdk/Svg/types.js';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
 import { Link } from '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 '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 '../../../../utils/campaignStyles.js';
 import MenuSelect from '../../../../components/MenuSelect/MenuSelect.js';
 Chart.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend);