@ape.swap/bonds-sdk 5.1.6 → 5.1.7

package/dist/components/BondFilters/BondFilters.js

@@ -1,23 +1,10 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import { useCallback } from 'react';
-import '../uikit-sdk/Svg/types.js';
-import Flex from '../uikit-sdk/Flex/index.js';
-import 'theme-ui';
-import '../uikit-sdk/Text/types.js';
-import '../uikit-sdk/Checkbox/types.js';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
-import 'framer-motion';
-import '../uikit-sdk/Button/types.js';
-import IconButton from '../uikit-sdk/Button/IconButton.js';
-import '../../contexts/ModalContext.js';
-import '../../views/FullBondsView/FullBondsView.js';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 import RecommendationSelector from '../MenuSelect/RecommendationSelector.js';
 import MenuSelect from '../MenuSelect/MenuSelect.js';
 import NetworkFilter from '../NetworkFilter/index.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import IconButton from '../uikit-sdk/Button/IconButton.js';
 
 const BondFilters = ({ setChainFilterOption, chainFilterOption, filterOptions, filterOption, setFilterOption, onHandleQueryChange, }) => {
     const mappedFilters = filterOptions.map((filter) => {

package/dist/components/BondFilters/BondFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"BondFilters.js","sources":["../../../src/components/BondFilters/BondFilters.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport { Flex, IconButton } from '../uikit-sdk'\nimport RecommendationSelector from '../MenuSelect/RecommendationSelector'\nimport MenuSelect from '../MenuSelect/MenuSelect'\nimport NetworkFilter from '../NetworkFilter'\n\ninterface BondMenuProps {\n  setChainFilterOption: (newValue: string[]) => void\n  chainFilterOption: string[]\n  filterOptions: string[]\n  filterOption: string\n  setFilterOption: (newOption: string) => void\n  onHandleQueryChange: (value: string) => void\n}\n\nconst BondFilters: React.FC<BondMenuProps> = ({\n  setChainFilterOption,\n  chainFilterOption,\n  filterOptions,\n  filterOption,\n  setFilterOption,\n  onHandleQueryChange,\n}) => {\n  const mappedFilters = filterOptions.map((filter) => {\n    return {\n      label: filter.charAt(0).toUpperCase() + filter.slice(1).toLowerCase(),\n      value: filter,\n    }\n  })\n\n  const asPath = typeof window !== 'undefined' ? window.location.pathname + window.location.search : ''\n\n  const handleFilterSelection = useCallback(\n    (newOption: string) => {\n      setChainFilterOption(['All Chains'])\n      setFilterOption(newOption)\n    },\n    [setChainFilterOption, setFilterOption],\n  )\n\n  return (\n    <div className=\"bonds-filters\">\n      <div className=\"desktop-rec-container\">\n        {/* DESKTOP FILTER BUTTONS */}\n        <RecommendationSelector\n          options={filterOptions}\n          activeOption={filterOption}\n          setActiveOption={handleFilterSelection}\n        />\n      </div>\n      <div className=\"mobile-rec-container\">\n        {/* MOBILE FILTER DROPDOWN */}\n        <MenuSelect selectedOption={filterOption} setOption={setFilterOption} options={mappedFilters} />\n      </div>\n      <div className=\"network-filter\">\n        <NetworkFilter chainFilterOption={chainFilterOption} setChainFilterOption={setChainFilterOption} />\n      </div>\n      <Flex\n        className=\"clear-all-button\"\n        onClick={() => {\n          setChainFilterOption(['All Chains'])\n          setFilterOption(asPath.includes('yourBonds') ? 'CLAIMABLE' : 'ALL')\n          onHandleQueryChange('')\n        }}\n        sx={{ borderRadius: 'normal' }}\n      >\n        Clear All\n        <Flex sx={{ ml: '7px' }}>\n          <IconButton icon=\"close\" color=\"textDisabledButton\" variant=\"transparent\" />\n        </Flex>\n      </Flex>\n    </div>\n  )\n}\n\nexport default BondFilters\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,WAAW,GAA4B,CAAC,EAC5C,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,mBAAmB,GACpB,KAAI;IACH,MAAM,aAAa,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;QACjD,OAAO;AACL,YAAA,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;AACrE,YAAA,KAAK,EAAE,MAAM;SACd;AACH,IAAA,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,EAAE;AAErG,IAAA,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,SAAiB,KAAI;AACpB,QAAA,oBAAoB,CAAC,CAAC,YAAY,CAAC,CAAC;QACpC,eAAe,CAAC,SAAS,CAAC;AAC5B,IAAA,CAAC,EACD,CAAC,oBAAoB,EAAE,eAAe,CAAC,CACxC;AAED,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,aAC5BC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uBAAuB,YAEpCA,GAAA,CAAC,sBAAsB,EAAA,EACrB,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,qBAAqB,GACtC,EAAA,CACE,EACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAEnCA,IAAC,UAAU,EAAA,EAAC,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,aAAa,EAAA,CAAI,EAAA,CAC5F,EACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAC7BA,GAAA,CAAC,aAAa,EAAA,EAAC,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,oBAAoB,EAAA,CAAI,GAC/F,EACND,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,MAAK;AACZ,oBAAA,oBAAoB,CAAC,CAAC,YAAY,CAAC,CAAC;AACpC,oBAAA,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,KAAK,CAAC;oBACnE,mBAAmB,CAAC,EAAE,CAAC;AACzB,gBAAA,CAAC,EACD,EAAE,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAAA,WAAA,EAG9BC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EACrBA,GAAA,CAAC,UAAU,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAC,aAAa,EAAA,CAAG,GACvE,CAAA,EAAA,CACF,CAAA,EAAA,CACH;AAEV;;;;"}
+{"version":3,"file":"BondFilters.js","sources":["../../../src/components/BondFilters/BondFilters.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport RecommendationSelector from '../MenuSelect/RecommendationSelector'\nimport MenuSelect from '../MenuSelect/MenuSelect'\nimport NetworkFilter from '../NetworkFilter'\nimport Flex from '../uikit-sdk/Flex'\nimport IconButton from '../uikit-sdk/Button/IconButton'\n\ninterface BondMenuProps {\n  setChainFilterOption: (newValue: string[]) => void\n  chainFilterOption: string[]\n  filterOptions: string[]\n  filterOption: string\n  setFilterOption: (newOption: string) => void\n  onHandleQueryChange: (value: string) => void\n}\n\nconst BondFilters: React.FC<BondMenuProps> = ({\n  setChainFilterOption,\n  chainFilterOption,\n  filterOptions,\n  filterOption,\n  setFilterOption,\n  onHandleQueryChange,\n}) => {\n  const mappedFilters = filterOptions.map((filter) => {\n    return {\n      label: filter.charAt(0).toUpperCase() + filter.slice(1).toLowerCase(),\n      value: filter,\n    }\n  })\n\n  const asPath = typeof window !== 'undefined' ? window.location.pathname + window.location.search : ''\n\n  const handleFilterSelection = useCallback(\n    (newOption: string) => {\n      setChainFilterOption(['All Chains'])\n      setFilterOption(newOption)\n    },\n    [setChainFilterOption, setFilterOption],\n  )\n\n  return (\n    <div className=\"bonds-filters\">\n      <div className=\"desktop-rec-container\">\n        {/* DESKTOP FILTER BUTTONS */}\n        <RecommendationSelector\n          options={filterOptions}\n          activeOption={filterOption}\n          setActiveOption={handleFilterSelection}\n        />\n      </div>\n      <div className=\"mobile-rec-container\">\n        {/* MOBILE FILTER DROPDOWN */}\n        <MenuSelect selectedOption={filterOption} setOption={setFilterOption} options={mappedFilters} />\n      </div>\n      <div className=\"network-filter\">\n        <NetworkFilter chainFilterOption={chainFilterOption} setChainFilterOption={setChainFilterOption} />\n      </div>\n      <Flex\n        className=\"clear-all-button\"\n        onClick={() => {\n          setChainFilterOption(['All Chains'])\n          setFilterOption(asPath.includes('yourBonds') ? 'CLAIMABLE' : 'ALL')\n          onHandleQueryChange('')\n        }}\n        sx={{ borderRadius: 'normal' }}\n      >\n        Clear All\n        <Flex sx={{ ml: '7px' }}>\n          <IconButton icon=\"close\" color=\"textDisabledButton\" variant=\"transparent\" />\n        </Flex>\n      </Flex>\n    </div>\n  )\n}\n\nexport default BondFilters\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAgBA,MAAM,WAAW,GAA4B,CAAC,EAC5C,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,mBAAmB,GACpB,KAAI;IACH,MAAM,aAAa,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;QACjD,OAAO;AACL,YAAA,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;AACrE,YAAA,KAAK,EAAE,MAAM;SACd;AACH,IAAA,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,EAAE;AAErG,IAAA,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,SAAiB,KAAI;AACpB,QAAA,oBAAoB,CAAC,CAAC,YAAY,CAAC,CAAC;QACpC,eAAe,CAAC,SAAS,CAAC;AAC5B,IAAA,CAAC,EACD,CAAC,oBAAoB,EAAE,eAAe,CAAC,CACxC;AAED,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,aAC5BC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uBAAuB,YAEpCA,GAAA,CAAC,sBAAsB,EAAA,EACrB,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,qBAAqB,GACtC,EAAA,CACE,EACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAEnCA,IAAC,UAAU,EAAA,EAAC,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,aAAa,EAAA,CAAI,EAAA,CAC5F,EACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAC7BA,GAAA,CAAC,aAAa,EAAA,EAAC,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,oBAAoB,EAAA,CAAI,GAC/F,EACND,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,MAAK;AACZ,oBAAA,oBAAoB,CAAC,CAAC,YAAY,CAAC,CAAC;AACpC,oBAAA,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAG,WAAW,GAAG,KAAK,CAAC;oBACnE,mBAAmB,CAAC,EAAE,CAAC;AACzB,gBAAA,CAAC,EACD,EAAE,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAAA,WAAA,EAG9BC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EACrBA,GAAA,CAAC,UAAU,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAC,aAAa,EAAA,CAAG,GACvE,CAAA,EAAA,CACF,CAAA,EAAA,CACH;AAEV;;;;"}

package/dist/components/ChainOptionList/ChainOptionsButtons.js

@@ -1,23 +1,10 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import { styles } from './styles.js';
-import Svg from '../uikit-sdk/Svg/index.js';
-import Flex from '../uikit-sdk/Flex/index.js';
-import Text from '../uikit-sdk/Text/index.js';
-import '../uikit-sdk/Checkbox/types.js';
-import 'theme-ui';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
-import '../uikit-sdk/Button/types.js';
-import '../uikit-sdk/Svg/types.js';
-import '../../contexts/ModalContext.js';
-import '../../views/FullBondsView/FullBondsView.js';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 import { formatChainList } from './constants.js';
 import { NETWORK_ICONS } from '../../config/constants/chains.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import Svg from '../uikit-sdk/Svg/index.js';
+import Text from '../uikit-sdk/Text/index.js';
 
 const ChainOptionsButtons = ({ selectedChain, setSelectedChain, setViewAllChains, chainList, }) => {
     return (jsxs(Flex, { sx: { position: 'relative', mb: '10px' }, children: [formatChainList(chainList)

package/dist/components/ChainOptionList/ChainOptionsButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainOptionsButtons.js","sources":["../../../src/components/ChainOptionList/ChainOptionsButtons.tsx"],"sourcesContent":["// Components\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { styles } from './styles'\nimport { Flex, Svg, Text } from '../uikit-sdk'\nimport { formatChainList } from './constants'\nimport { NETWORK_ICONS } from '../../config/constants/chains'\n\nconst ChainOptionsButtons = ({\n  selectedChain,\n  setSelectedChain,\n  setViewAllChains,\n  chainList,\n}: {\n  selectedChain?: number\n  setSelectedChain: (chain: ChainId) => void\n  setViewAllChains: (viewAllChains: boolean) => void\n  chainList: ChainId[]\n}) => {\n  return (\n    <Flex sx={{ position: 'relative', mb: '10px' }}>\n      {formatChainList(chainList)\n        .sort((chainInfo) => (chainInfo.chain === selectedChain ? -1 : 1))\n        .slice(0, 7)\n        .map((chainInfo) => {\n          return (\n            <Flex\n              sx={{\n                ...styles.chainOptionButton,\n                border: selectedChain === chainInfo.chain && 'primaryButton',\n                mr: '10px',\n              }}\n              onClick={() => setSelectedChain(chainInfo.chain)}\n              key={chainInfo.name}\n            >\n              <Flex sx={{ overflow: 'hidden', borderRadius: '50px' }}>\n                <Svg width=\"25px\" icon={NETWORK_ICONS[chainInfo.chain] ? NETWORK_ICONS[chainInfo.chain] : 'question'} />\n              </Flex>\n            </Flex>\n          )\n        })}\n      {chainList.length > 7 && (\n        <Flex sx={styles.chainOptionButton} onClick={() => setViewAllChains(true)}>\n          <Text>{chainList.length - 7}+</Text>\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default ChainOptionsButtons\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,mBAAmB,GAAG,CAAC,EAC3B,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,GAMV,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE,aAC3C,eAAe,CAAC,SAAS;iBACvB,IAAI,CAAC,CAAC,SAAS,MAAM,SAAS,CAAC,KAAK,KAAK,aAAa,GAAG,EAAE,GAAG,CAAC,CAAC;AAChE,iBAAA,KAAK,CAAC,CAAC,EAAE,CAAC;AACV,iBAAA,GAAG,CAAC,CAAC,SAAS,KAAI;AACjB,gBAAA,QACEC,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;wBACF,GAAG,MAAM,CAAC,iBAAiB;AAC3B,wBAAA,MAAM,EAAE,aAAa,KAAK,SAAS,CAAC,KAAK,IAAI,eAAe;AAC5D,wBAAA,EAAE,EAAE,MAAM;AACX,qBAAA,EACD,OAAO,EAAE,MAAM,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAA,QAAA,EAGhDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,EAAA,QAAA,EACpDA,GAAA,CAAC,GAAG,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,UAAU,EAAA,CAAI,EAAA,CACnG,EAAA,EAJF,SAAS,CAAC,IAAI,CAKd;AAEX,YAAA,CAAC,CAAC,EACH,SAAS,CAAC,MAAM,GAAG,CAAC,KACnBA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,iBAAiB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC,IAAI,CAAC,EAAA,QAAA,EACvED,KAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CAAE,SAAS,CAAC,MAAM,GAAG,CAAC,EAAA,GAAA,CAAA,EAAA,CAAS,GAC/B,CACR,CAAA,EAAA,CACI;AAEX;;;;"}
+{"version":3,"file":"ChainOptionsButtons.js","sources":["../../../src/components/ChainOptionList/ChainOptionsButtons.tsx"],"sourcesContent":["// Components\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { styles } from './styles'\nimport { formatChainList } from './constants'\nimport { NETWORK_ICONS } from '../../config/constants/chains'\nimport Flex from '../uikit-sdk/Flex'\nimport Svg from '../uikit-sdk/Svg'\nimport Text from '../uikit-sdk/Text'\n\nconst ChainOptionsButtons = ({\n  selectedChain,\n  setSelectedChain,\n  setViewAllChains,\n  chainList,\n}: {\n  selectedChain?: number\n  setSelectedChain: (chain: ChainId) => void\n  setViewAllChains: (viewAllChains: boolean) => void\n  chainList: ChainId[]\n}) => {\n  return (\n    <Flex sx={{ position: 'relative', mb: '10px' }}>\n      {formatChainList(chainList)\n        .sort((chainInfo) => (chainInfo.chain === selectedChain ? -1 : 1))\n        .slice(0, 7)\n        .map((chainInfo) => {\n          return (\n            <Flex\n              sx={{\n                ...styles.chainOptionButton,\n                border: selectedChain === chainInfo.chain && 'primaryButton',\n                mr: '10px',\n              }}\n              onClick={() => setSelectedChain(chainInfo.chain)}\n              key={chainInfo.name}\n            >\n              <Flex sx={{ overflow: 'hidden', borderRadius: '50px' }}>\n                <Svg width=\"25px\" icon={NETWORK_ICONS[chainInfo.chain] ? NETWORK_ICONS[chainInfo.chain] : 'question'} />\n              </Flex>\n            </Flex>\n          )\n        })}\n      {chainList.length > 7 && (\n        <Flex sx={styles.chainOptionButton} onClick={() => setViewAllChains(true)}>\n          <Text>{chainList.length - 7}+</Text>\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default ChainOptionsButtons\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AASA,MAAM,mBAAmB,GAAG,CAAC,EAC3B,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,GAMV,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE,aAC3C,eAAe,CAAC,SAAS;iBACvB,IAAI,CAAC,CAAC,SAAS,MAAM,SAAS,CAAC,KAAK,KAAK,aAAa,GAAG,EAAE,GAAG,CAAC,CAAC;AAChE,iBAAA,KAAK,CAAC,CAAC,EAAE,CAAC;AACV,iBAAA,GAAG,CAAC,CAAC,SAAS,KAAI;AACjB,gBAAA,QACEC,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;wBACF,GAAG,MAAM,CAAC,iBAAiB;AAC3B,wBAAA,MAAM,EAAE,aAAa,KAAK,SAAS,CAAC,KAAK,IAAI,eAAe;AAC5D,wBAAA,EAAE,EAAE,MAAM;AACX,qBAAA,EACD,OAAO,EAAE,MAAM,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAA,QAAA,EAGhDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,EAAA,QAAA,EACpDA,GAAA,CAAC,GAAG,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,UAAU,EAAA,CAAI,EAAA,CACnG,EAAA,EAJF,SAAS,CAAC,IAAI,CAKd;AAEX,YAAA,CAAC,CAAC,EACH,SAAS,CAAC,MAAM,GAAG,CAAC,KACnBA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,iBAAiB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC,IAAI,CAAC,EAAA,QAAA,EACvED,KAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CAAE,SAAS,CAAC,MAAM,GAAG,CAAC,EAAA,GAAA,CAAA,EAAA,CAAS,GAC/B,CACR,CAAA,EAAA,CACI;AAEX;;;;"}

package/dist/components/ChainOptionList/ChainOptionsList.js

@@ -1,24 +1,12 @@
 import { jsx, jsxs } from 'theme-ui/jsx-runtime';
 import { useState, useCallback } from 'react';
 import { styles } from './styles.js';
-import Svg from '../uikit-sdk/Svg/index.js';
-import Flex from '../uikit-sdk/Flex/index.js';
-import Text from '../uikit-sdk/Text/index.js';
-import '../uikit-sdk/Checkbox/types.js';
-import 'theme-ui';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
-import 'framer-motion';
-import '../uikit-sdk/Button/types.js';
-import '../uikit-sdk/Svg/types.js';
-import '../../contexts/ModalContext.js';
-import '../../views/FullBondsView/FullBondsView.js';
-import Input from '../uikit-sdk/Input/Input.js';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 import { formatChainList } from './constants.js';
 import { NETWORK_ICONS } from '../../config/constants/chains.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import Input from '../uikit-sdk/Input/Input.js';
+import Svg from '../uikit-sdk/Svg/index.js';
+import Text from '../uikit-sdk/Text/index.js';
 
 const ChainOptionsList = ({ setSelectedChain, setViewAllChains, chainList, }) => {
     const [searchQuery, setSearchQuery] = useState('');

package/dist/components/ChainOptionList/ChainOptionsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainOptionsList.js","sources":["../../../src/components/ChainOptionList/ChainOptionsList.tsx"],"sourcesContent":["// Components\nimport { ChangeEvent, useCallback, useState } from 'react'\nimport { styles } from './styles'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { Flex, Svg, Text } from '../uikit-sdk'\nimport { Input } from '../uikit-sdk/Input'\nimport { formatChainList } from './constants'\nimport { NETWORK_ICONS } from '../../config/constants/chains'\n\nconst ChainOptionsList = ({\n  setSelectedChain,\n  setViewAllChains,\n  chainList,\n}: {\n  setSelectedChain: (chain: ChainId) => void\n  setViewAllChains: (viewAllChains: boolean) => void\n  chainList: ChainId[]\n}) => {\n  const [searchQuery, setSearchQuery] = useState<string>('')\n\n  const handleChainSelect = (chain: ChainId) => {\n    setSelectedChain(chain)\n    setViewAllChains(false)\n  }\n\n  const handleInput = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    const input = event.target.value\n    setSearchQuery(input)\n  }, [])\n\n  return (\n    <Flex sx={styles.searchAndListContainer}>\n      <Flex sx={{ position: 'relative', flexDirection: 'column', height: '100%' }}>\n        <Flex>\n          <Input onChange={handleInput} sx={styles.searchInput} placeholder=\"Search by chain name\" />\n          <Flex sx={{ position: 'absolute', right: '10px', top: '12px' }}>\n            <Svg icon=\"search\" />\n          </Flex>\n        </Flex>\n        <Flex sx={styles.chainListContainer}>\n          {formatChainList(chainList)\n            .filter((chainInfo) => chainInfo.name.toLowerCase().includes(searchQuery.toLowerCase()))\n            .map((chainInfo) => {\n              return (\n                <Flex\n                  sx={styles.chainOptionList}\n                  onClick={() => handleChainSelect(chainInfo.chain)}\n                  key={chainInfo.name}\n                >\n                  <Flex sx={{ overflow: 'hidden', borderRadius: '50px' }}>\n                    <Svg\n                      width=\"25px\"\n                      icon={NETWORK_ICONS[chainInfo.chain] ? NETWORK_ICONS[chainInfo.chain] : 'question'}\n                    />\n                  </Flex>\n                  <Text sx={{ fontWeight: '500', fontSize: '16px' }}>{chainInfo.name}</Text>\n                </Flex>\n              )\n            })}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default ChainOptionsList\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,gBAAgB,GAAG,CAAC,EACxB,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,GAKV,KAAI;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC;AAE1D,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAAc,KAAI;QAC3C,gBAAgB,CAAC,KAAK,CAAC;QACvB,gBAAgB,CAAC,KAAK,CAAC;AACzB,IAAA,CAAC;AAED,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,KAAoC,KAAI;AACvE,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;QAChC,cAAc,CAAC,KAAK,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,QACEA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,sBAAsB,YACrCC,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CACzEA,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACHD,GAAA,CAAC,KAAK,EAAA,EAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,CAAC,WAAW,EAAE,WAAW,EAAC,sBAAsB,GAAG,EAC3FA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,EAAA,QAAA,EAC5DA,IAAC,GAAG,EAAA,EAAC,IAAI,EAAC,QAAQ,GAAG,EAAA,CAChB,CAAA,EAAA,CACF,EACPA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,kBAAkB,YAChC,eAAe,CAAC,SAAS;yBACvB,MAAM,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;AACtF,yBAAA,GAAG,CAAC,CAAC,SAAS,KAAI;wBACjB,QACEC,KAAC,IAAI,EAAA,EACH,EAAE,EAAE,MAAM,CAAC,eAAe,EAC1B,OAAO,EAAE,MAAM,iBAAiB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAA,QAAA,EAAA,CAGjDD,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,EAAA,QAAA,EACpDA,IAAC,GAAG,EAAA,EACF,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,UAAU,EAAA,CAClF,EAAA,CACG,EACPA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAG,SAAS,CAAC,IAAI,EAAA,CAAQ,CAAA,EAAA,EARrE,SAAS,CAAC,IAAI,CASd;AAEX,oBAAA,CAAC,CAAC,EAAA,CACC,CAAA,EAAA,CACF,EAAA,CACF;AAEX;;;;"}
+{"version":3,"file":"ChainOptionsList.js","sources":["../../../src/components/ChainOptionList/ChainOptionsList.tsx"],"sourcesContent":["// Components\nimport { ChangeEvent, useCallback, useState } from 'react'\nimport { styles } from './styles'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { formatChainList } from './constants'\nimport { NETWORK_ICONS } from '../../config/constants/chains'\nimport Flex from '../uikit-sdk/Flex'\nimport Input from '../uikit-sdk/Input/Input'\nimport Svg from '../uikit-sdk/Svg'\nimport Text from '../uikit-sdk/Text'\n\nconst ChainOptionsList = ({\n  setSelectedChain,\n  setViewAllChains,\n  chainList,\n}: {\n  setSelectedChain: (chain: ChainId) => void\n  setViewAllChains: (viewAllChains: boolean) => void\n  chainList: ChainId[]\n}) => {\n  const [searchQuery, setSearchQuery] = useState<string>('')\n\n  const handleChainSelect = (chain: ChainId) => {\n    setSelectedChain(chain)\n    setViewAllChains(false)\n  }\n\n  const handleInput = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    const input = event.target.value\n    setSearchQuery(input)\n  }, [])\n\n  return (\n    <Flex sx={styles.searchAndListContainer}>\n      <Flex sx={{ position: 'relative', flexDirection: 'column', height: '100%' }}>\n        <Flex>\n          <Input onChange={handleInput} sx={styles.searchInput} placeholder=\"Search by chain name\" />\n          <Flex sx={{ position: 'absolute', right: '10px', top: '12px' }}>\n            <Svg icon=\"search\" />\n          </Flex>\n        </Flex>\n        <Flex sx={styles.chainListContainer}>\n          {formatChainList(chainList)\n            .filter((chainInfo) => chainInfo.name.toLowerCase().includes(searchQuery.toLowerCase()))\n            .map((chainInfo) => {\n              return (\n                <Flex\n                  sx={styles.chainOptionList}\n                  onClick={() => handleChainSelect(chainInfo.chain)}\n                  key={chainInfo.name}\n                >\n                  <Flex sx={{ overflow: 'hidden', borderRadius: '50px' }}>\n                    <Svg\n                      width=\"25px\"\n                      icon={NETWORK_ICONS[chainInfo.chain] ? NETWORK_ICONS[chainInfo.chain] : 'question'}\n                    />\n                  </Flex>\n                  <Text sx={{ fontWeight: '500', fontSize: '16px' }}>{chainInfo.name}</Text>\n                </Flex>\n              )\n            })}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default ChainOptionsList\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AAWA,MAAM,gBAAgB,GAAG,CAAC,EACxB,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,GAKV,KAAI;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC;AAE1D,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAAc,KAAI;QAC3C,gBAAgB,CAAC,KAAK,CAAC;QACvB,gBAAgB,CAAC,KAAK,CAAC;AACzB,IAAA,CAAC;AAED,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,KAAoC,KAAI;AACvE,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK;QAChC,cAAc,CAAC,KAAK,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,QACEA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,sBAAsB,YACrCC,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CACzEA,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACHD,GAAA,CAAC,KAAK,EAAA,EAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,CAAC,WAAW,EAAE,WAAW,EAAC,sBAAsB,GAAG,EAC3FA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,EAAA,QAAA,EAC5DA,IAAC,GAAG,EAAA,EAAC,IAAI,EAAC,QAAQ,GAAG,EAAA,CAChB,CAAA,EAAA,CACF,EACPA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,kBAAkB,YAChC,eAAe,CAAC,SAAS;yBACvB,MAAM,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;AACtF,yBAAA,GAAG,CAAC,CAAC,SAAS,KAAI;wBACjB,QACEC,KAAC,IAAI,EAAA,EACH,EAAE,EAAE,MAAM,CAAC,eAAe,EAC1B,OAAO,EAAE,MAAM,iBAAiB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAA,QAAA,EAAA,CAGjDD,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,EAAA,QAAA,EACpDA,IAAC,GAAG,EAAA,EACF,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,UAAU,EAAA,CAClF,EAAA,CACG,EACPA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAG,SAAS,CAAC,IAAI,EAAA,CAAQ,CAAA,EAAA,EARrE,SAAS,CAAC,IAAI,CASd;AAEX,oBAAA,CAAC,CAAC,EAAA,CACC,CAAA,EAAA,CACF,EAAA,CACF;AAEX;;;;"}

package/dist/components/CircularProgress/index.js

@@ -1,19 +1,5 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
-import '../uikit-sdk/Svg/types.js';
 import Flex from '../uikit-sdk/Flex/index.js';
-import 'theme-ui';
-import '../uikit-sdk/Text/types.js';
-import '../uikit-sdk/Checkbox/types.js';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
-import '../uikit-sdk/Button/types.js';
-import '../../contexts/ModalContext.js';
-import '../../views/FullBondsView/FullBondsView.js';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 
 const CircularProgress = ({ value, size = 176, valueTemplate, valueColor = '#6560C5', rangeColor = 'rgba(250, 250, 250, 0.05)', textColor = '#f6f6f6', strokeWidth = 12, }) => {
     const normalizedValue = Math.min(Math.max(value, 0), 100);

package/dist/components/CircularProgress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/CircularProgress/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from '../uikit-sdk'\n\ninterface CircularProgressProps {\n  value: number // 0-100\n  size?: number\n  valueTemplate?: string\n  valueColor?: string\n  rangeColor?: string\n  textColor?: string\n  strokeWidth?: number\n}\n\nconst CircularProgress: React.FC<CircularProgressProps> = ({\n  value,\n  size = 176,\n  valueTemplate,\n  valueColor = '#6560C5',\n  rangeColor = 'rgba(250, 250, 250, 0.05)',\n  textColor = '#f6f6f6',\n  strokeWidth = 12,\n}) => {\n  const normalizedValue = Math.min(Math.max(value, 0), 100)\n  const radius = (size - strokeWidth) / 2\n  const circumference = 2 * Math.PI * radius\n  const offset = circumference - (normalizedValue / 100) * circumference\n\n  return (\n    <Flex sx={{ position: 'relative', width: size, height: size }}>\n      <svg width={size} height={size} style={{ transform: 'rotate(-90deg)' }}>\n        {/* Background circle */}\n        <circle cx={size / 2} cy={size / 2} r={radius} fill=\"none\" stroke={rangeColor} strokeWidth={strokeWidth} />\n        {/* Progress circle */}\n        <circle\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          fill=\"none\"\n          stroke={valueColor}\n          strokeWidth={strokeWidth}\n          strokeDasharray={circumference}\n          strokeDashoffset={offset}\n          strokeLinecap=\"round\"\n          style={{\n            transition: 'stroke-dashoffset 0.3s ease',\n          }}\n        />\n      </svg>\n      {/* Center text */}\n      <Flex\n        sx={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n          alignItems: 'center',\n          justifyContent: 'center',\n          fontSize: '32px',\n          fontWeight: 600,\n          color: textColor,\n        }}\n      >\n        {valueTemplate || `${normalizedValue}%`}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default CircularProgress\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAaA,MAAM,gBAAgB,GAAoC,CAAC,EACzD,KAAK,EACL,IAAI,GAAG,GAAG,EACV,aAAa,EACb,UAAU,GAAG,SAAS,EACtB,UAAU,GAAG,2BAA2B,EACxC,SAAS,GAAG,SAAS,EACrB,WAAW,GAAG,EAAE,GACjB,KAAI;AACH,IAAA,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;IACzD,MAAM,MAAM,GAAG,CAAC,IAAI,GAAG,WAAW,IAAI,CAAC;IACvC,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM;IAC1C,MAAM,MAAM,GAAG,aAAa,GAAG,CAAC,eAAe,GAAG,GAAG,IAAI,aAAa;IAEtE,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAC3DA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAA,QAAA,EAAA,CAEpEC,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAA,CAAI,EAE3GA,GAAA,CAAA,QAAA,EAAA,EACE,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,aAAa,EAC9B,gBAAgB,EAAE,MAAM,EACxB,aAAa,EAAC,OAAO,EACrB,KAAK,EAAE;AACL,4BAAA,UAAU,EAAE,6BAA6B;AAC1C,yBAAA,EAAA,CACD,IACE,EAENA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,cAAc,EAAE,QAAQ;AACxB,oBAAA,QAAQ,EAAE,MAAM;AAChB,oBAAA,UAAU,EAAE,GAAG;AACf,oBAAA,KAAK,EAAE,SAAS;iBACjB,EAAA,QAAA,EAEA,aAAa,IAAI,CAAA,EAAG,eAAe,GAAG,EAAA,CAClC,CAAA,EAAA,CACF;AAEX;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/CircularProgress/index.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../uikit-sdk/Flex'\n\ninterface CircularProgressProps {\n  value: number // 0-100\n  size?: number\n  valueTemplate?: string\n  valueColor?: string\n  rangeColor?: string\n  textColor?: string\n  strokeWidth?: number\n}\n\nconst CircularProgress: React.FC<CircularProgressProps> = ({\n  value,\n  size = 176,\n  valueTemplate,\n  valueColor = '#6560C5',\n  rangeColor = 'rgba(250, 250, 250, 0.05)',\n  textColor = '#f6f6f6',\n  strokeWidth = 12,\n}) => {\n  const normalizedValue = Math.min(Math.max(value, 0), 100)\n  const radius = (size - strokeWidth) / 2\n  const circumference = 2 * Math.PI * radius\n  const offset = circumference - (normalizedValue / 100) * circumference\n\n  return (\n    <Flex sx={{ position: 'relative', width: size, height: size }}>\n      <svg width={size} height={size} style={{ transform: 'rotate(-90deg)' }}>\n        {/* Background circle */}\n        <circle cx={size / 2} cy={size / 2} r={radius} fill=\"none\" stroke={rangeColor} strokeWidth={strokeWidth} />\n        {/* Progress circle */}\n        <circle\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          fill=\"none\"\n          stroke={valueColor}\n          strokeWidth={strokeWidth}\n          strokeDasharray={circumference}\n          strokeDashoffset={offset}\n          strokeLinecap=\"round\"\n          style={{\n            transition: 'stroke-dashoffset 0.3s ease',\n          }}\n        />\n      </svg>\n      {/* Center text */}\n      <Flex\n        sx={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n          alignItems: 'center',\n          justifyContent: 'center',\n          fontSize: '32px',\n          fontWeight: 600,\n          color: textColor,\n        }}\n      >\n        {valueTemplate || `${normalizedValue}%`}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default CircularProgress\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAaA,MAAM,gBAAgB,GAAoC,CAAC,EACzD,KAAK,EACL,IAAI,GAAG,GAAG,EACV,aAAa,EACb,UAAU,GAAG,SAAS,EACtB,UAAU,GAAG,2BAA2B,EACxC,SAAS,GAAG,SAAS,EACrB,WAAW,GAAG,EAAE,GACjB,KAAI;AACH,IAAA,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;IACzD,MAAM,MAAM,GAAG,CAAC,IAAI,GAAG,WAAW,IAAI,CAAC;IACvC,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM;IAC1C,MAAM,MAAM,GAAG,aAAa,GAAG,CAAC,eAAe,GAAG,GAAG,IAAI,aAAa;IAEtE,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAC3DA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAA,QAAA,EAAA,CAEpEC,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAA,CAAI,EAE3GA,GAAA,CAAA,QAAA,EAAA,EACE,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,EAAE,EAAE,IAAI,GAAG,CAAC,EACZ,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,UAAU,EAClB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,aAAa,EAC9B,gBAAgB,EAAE,MAAM,EACxB,aAAa,EAAC,OAAO,EACrB,KAAK,EAAE;AACL,4BAAA,UAAU,EAAE,6BAA6B;AAC1C,yBAAA,EAAA,CACD,IACE,EAENA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,cAAc,EAAE,QAAQ;AACxB,oBAAA,QAAQ,EAAE,MAAM;AAChB,oBAAA,UAAU,EAAE,GAAG;AACf,oBAAA,KAAK,EAAE,SAAS;iBACjB,EAAA,QAAA,EAEA,aAAa,IAAI,CAAA,EAAG,eAAe,GAAG,EAAA,CAClC,CAAA,EAAA,CACF;AAEX;;;;"}

package/dist/components/ConnectButton/AppKitButton.js

@@ -1,19 +1,5 @@
 import { jsx } from 'theme-ui/jsx-runtime';
-import '../uikit-sdk/Svg/types.js';
 import Flex from '../uikit-sdk/Flex/index.js';
-import 'theme-ui';
-import '../uikit-sdk/Text/types.js';
-import '../uikit-sdk/Checkbox/types.js';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
-import '../uikit-sdk/Button/types.js';
-import '../../contexts/ModalContext.js';
-import '../../views/FullBondsView/FullBondsView.js';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 
 const AppKitButton = () => {
     return (jsx(Flex, { sx: { width: '100%', justifyContent: 'center' }, children: jsx("appkit-connect-button", { label: "Connect Your Wallet" }) }));

package/dist/components/ConnectButton/AppKitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppKitButton.js","sources":["../../../src/components/ConnectButton/AppKitButton.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from '../uikit-sdk'\n\nconst AppKitButton = () => {\n  return (\n    <Flex sx={{ width: '100%', justifyContent: 'center' }}>\n      {/*@ts-ignore*/}\n      <appkit-connect-button label=\"Connect Your Wallet\" />\n    </Flex>\n  )\n}\n\nexport default AppKitButton\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAGA,MAAM,YAAY,GAAG,MAAK;IACxB,QACEA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EAEnDA,GAAA,CAAA,uBAAA,EAAA,EAAuB,KAAK,EAAC,qBAAqB,EAAA,CAAG,EAAA,CAChD;AAEX;;;;"}
+{"version":3,"file":"AppKitButton.js","sources":["../../../src/components/ConnectButton/AppKitButton.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../uikit-sdk/Flex'\n\nconst AppKitButton = () => {\n  return (\n    <Flex sx={{ width: '100%', justifyContent: 'center' }}>\n      {/*@ts-ignore*/}\n      <appkit-connect-button label=\"Connect Your Wallet\" />\n    </Flex>\n  )\n}\n\nexport default AppKitButton\n"],"names":["_jsx"],"mappings":";;;AAGA,MAAM,YAAY,GAAG,MAAK;IACxB,QACEA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EAEnDA,GAAA,CAAA,uBAAA,EAAA,EAAuB,KAAK,EAAC,qBAAqB,EAAA,CAAG,EAAA,CAChD;AAEX;;;;"}

package/dist/components/ConnectButton/RainbowKitButton.js

@@ -1,20 +1,6 @@
 import { jsx } from 'theme-ui/jsx-runtime';
 import { ConnectButton } from '@rainbow-me/rainbowkit';
-import '../uikit-sdk/Svg/types.js';
-import 'theme-ui';
-import '../uikit-sdk/Text/types.js';
-import '../uikit-sdk/Checkbox/types.js';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
 import Button from '../uikit-sdk/Button/Button.js';
-import '../uikit-sdk/Button/types.js';
-import '../../contexts/ModalContext.js';
-import '../../views/FullBondsView/FullBondsView.js';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 import track from '../../utils/track.js';
 
 const RainbowKitButton = () => {

package/dist/components/ConnectButton/RainbowKitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RainbowKitButton.js","sources":["../../../src/components/ConnectButton/RainbowKitButton.tsx"],"sourcesContent":["import React from 'react'\nimport { ConnectButton } from '@rainbow-me/rainbowkit'\nimport { Button } from '../uikit-sdk'\nimport track from '../../utils/track'\n\nconst RainbowKitButton = () => {\n  return (\n    <ConnectButton.Custom>\n      {({ openConnectModal }) => {\n        return (\n          <Button\n            fullWidth\n            onClick={() => {\n              openConnectModal()\n              track({\n                event: 'wallet_connect',\n                chain: 0,\n                data: {\n                  wallet: 'rainbow',\n                },\n              })\n            }}\n            sx={{ height: '45px', padding: '10px 10px', alignItems: 'center', width: '100%' }}\n          >\n            Connect\n          </Button>\n        )\n      }}\n    </ConnectButton.Custom>\n  )\n}\n\nexport default RainbowKitButton\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAKA,MAAM,gBAAgB,GAAG,MAAK;IAC5B,QACEA,GAAA,CAAC,aAAa,CAAC,MAAM,EAAA,EAAA,QAAA,EAClB,CAAC,EAAE,gBAAgB,EAAE,KAAI;YACxB,QACEA,IAAC,MAAM,EAAA,EACL,SAAS,EAAA,IAAA,EACT,OAAO,EAAE,MAAK;AACZ,oBAAA,gBAAgB,EAAE;AAClB,oBAAA,KAAK,CAAC;AACJ,wBAAA,KAAK,EAAE,gBAAgB;AACvB,wBAAA,KAAK,EAAE,CAAC;AACR,wBAAA,IAAI,EAAE;AACJ,4BAAA,MAAM,EAAE,SAAS;AAClB,yBAAA;AACF,qBAAA,CAAC;gBACJ,CAAC,EACD,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,SAAA,EAAA,CAG1E;QAEb,CAAC,EAAA,CACoB;AAE3B;;;;"}
+{"version":3,"file":"RainbowKitButton.js","sources":["../../../src/components/ConnectButton/RainbowKitButton.tsx"],"sourcesContent":["import React from 'react'\nimport { ConnectButton } from '@rainbow-me/rainbowkit'\nimport Button from '../uikit-sdk/Button/Button'\nimport track from '../../utils/track'\n\nconst RainbowKitButton = () => {\n  return (\n    <ConnectButton.Custom>\n      {({ openConnectModal }) => {\n        return (\n          <Button\n            fullWidth\n            onClick={() => {\n              openConnectModal()\n              track({\n                event: 'wallet_connect',\n                chain: 0,\n                data: {\n                  wallet: 'rainbow',\n                },\n              })\n            }}\n            sx={{ height: '45px', padding: '10px 10px', alignItems: 'center', width: '100%' }}\n          >\n            Connect\n          </Button>\n        )\n      }}\n    </ConnectButton.Custom>\n  )\n}\n\nexport default RainbowKitButton\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,gBAAgB,GAAG,MAAK;IAC5B,QACEA,GAAA,CAAC,aAAa,CAAC,MAAM,EAAA,EAAA,QAAA,EAClB,CAAC,EAAE,gBAAgB,EAAE,KAAI;YACxB,QACEA,IAAC,MAAM,EAAA,EACL,SAAS,EAAA,IAAA,EACT,OAAO,EAAE,MAAK;AACZ,oBAAA,gBAAgB,EAAE;AAClB,oBAAA,KAAK,CAAC;AACJ,wBAAA,KAAK,EAAE,gBAAgB;AACvB,wBAAA,KAAK,EAAE,CAAC;AACR,wBAAA,IAAI,EAAE;AACJ,4BAAA,MAAM,EAAE,SAAS;AAClB,yBAAA;AACF,qBAAA,CAAC;gBACJ,CAAC,EACD,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,SAAA,EAAA,CAG1E;QAEb,CAAC,EAAA,CACoB;AAE3B;;;;"}

package/dist/components/ConnectButton/index.js

@@ -1,20 +1,6 @@
 import { jsx } from 'theme-ui/jsx-runtime';
 import { useSDKConfig } from '../../state/useSDKConfig.js';
-import '../uikit-sdk/Svg/types.js';
-import 'theme-ui';
-import '../uikit-sdk/Text/types.js';
-import '../uikit-sdk/Checkbox/types.js';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
 import Button from '../uikit-sdk/Button/Button.js';
-import '../uikit-sdk/Button/types.js';
-import '../../contexts/ModalContext.js';
-import '../../views/FullBondsView/FullBondsView.js';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 import RainbowKitButton from './RainbowKitButton.js';
 import AppKitButton from './AppKitButton.js';
 

package/dist/components/ConnectButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ConnectButton/index.tsx"],"sourcesContent":["import React from 'react'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { Button } from '../uikit-sdk'\nimport RainbowKitButton from './RainbowKitButton'\nimport AppKitButton from './AppKitButton'\n\nconst ConnectButton = () => {\n  const config = useSDKConfig()\n\n  return config?.connector === 'rainbowkit' ? (\n    <RainbowKitButton />\n  ) : config?.connector === 'appkit' ? (\n    <AppKitButton />\n  ) : (\n    <Button disabled={true} fullWidth>\n      Connect wallet\n    </Button>\n  )\n}\n\nexport default ConnectButton\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,MAAM,aAAa,GAAG,MAAK;AACzB,IAAA,MAAM,MAAM,GAAG,YAAY,EAAE;AAE7B,IAAA,OAAO,MAAM,EAAE,SAAS,KAAK,YAAY,IACvCA,IAAC,gBAAgB,EAAA,EAAA,CAAG,IAClB,MAAM,EAAE,SAAS,KAAK,QAAQ,IAChCA,GAAA,CAAC,YAAY,KAAG,KAEhBA,IAAC,MAAM,EAAA,EAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,CAExB,CACV;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/ConnectButton/index.tsx"],"sourcesContent":["import React from 'react'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport Button from '../uikit-sdk/Button/Button'\nimport RainbowKitButton from './RainbowKitButton'\nimport AppKitButton from './AppKitButton'\n\nconst ConnectButton = () => {\n  const config = useSDKConfig()\n\n  return config?.connector === 'rainbowkit' ? (\n    <RainbowKitButton />\n  ) : config?.connector === 'appkit' ? (\n    <AppKitButton />\n  ) : (\n    <Button disabled={true} fullWidth>\n      Connect wallet\n    </Button>\n  )\n}\n\nexport default ConnectButton\n"],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,aAAa,GAAG,MAAK;AACzB,IAAA,MAAM,MAAM,GAAG,YAAY,EAAE;AAE7B,IAAA,OAAO,MAAM,EAAE,SAAS,KAAK,YAAY,IACvCA,IAAC,gBAAgB,EAAA,EAAA,CAAG,IAClB,MAAM,EAAE,SAAS,KAAK,QAAQ,IAChCA,GAAA,CAAC,YAAY,KAAG,KAEhBA,IAAC,MAAM,EAAA,EAAC,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,CAExB,CACV;AACH;;;;"}

package/dist/components/ConnectSolanaWalletButton/ConnectSolanaWalletButton.js

@@ -1,22 +1,9 @@
 import { jsx } from 'theme-ui/jsx-runtime';
-import '../uikit-sdk/Svg/types.js';
-import Flex from '../uikit-sdk/Flex/index.js';
-import Text from '../uikit-sdk/Text/index.js';
-import '../uikit-sdk/Checkbox/types.js';
-import 'theme-ui';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
-import Button from '../uikit-sdk/Button/Button.js';
-import '../uikit-sdk/Button/types.js';
-import '../../contexts/ModalContext.js';
-import '../../views/FullBondsView/FullBondsView.js';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 import { useWalletModal } from '@solana/wallet-adapter-react-ui';
 import useSOLAccount from '../../hooks/accounts/useSOLAccount.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import Button from '../uikit-sdk/Button/Button.js';
+import Text from '../uikit-sdk/Text/index.js';
 
 const ConnectSolanaWallet = ({ navBarFlag }) => {
     const { setVisible } = useWalletModal();

package/dist/components/ConnectSolanaWalletButton/ConnectSolanaWalletButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectSolanaWalletButton.js","sources":["../../../src/components/ConnectSolanaWalletButton/ConnectSolanaWalletButton.tsx"],"sourcesContent":["import { Button, Flex, Text } from '../uikit-sdk'\nimport { useWalletModal } from '@solana/wallet-adapter-react-ui'\nimport useSOLAccount from '../../hooks/accounts/useSOLAccount'\n\nconst ConnectSolanaWallet = ({ navBarFlag }: { navBarFlag?: boolean }) => {\n  const { setVisible } = useWalletModal()\n  const { publicKey, disconnect, connecting } = useSOLAccount()\n\n  return (\n    <Flex sx={{ height: '100%', width: navBarFlag ? 'auto' : '100%', alignItems: 'center' }}>\n      {!publicKey ? (\n        <Button\n          fullWidth\n          onClick={() => {\n            setVisible(true)\n          }}\n          sx={{\n            height: navBarFlag ? '32.5px' : '45px',\n            padding: '10px 10px',\n            alignItems: 'center',\n            backgroundColor: navBarFlag ? '#00c59a' : '',\n          }}\n        >\n          <Text\n            color=\"primaryBright\"\n            size={navBarFlag ? '14px' : '16px'}\n            weight={navBarFlag ? 600 : 700}\n            sx={{ mt: '1px' }}\n          >\n            {connecting ? 'Connecting...' : 'Connect to Solana'}\n          </Text>\n        </Button>\n      ) : (\n        <Button\n          fullWidth\n          onClick={() => {\n            disconnect()\n          }}\n          sx={{\n            height: navBarFlag ? '32.5px' : '45px',\n            padding: '10px 10px',\n            alignItems: 'center',\n            backgroundColor: navBarFlag ? '#00c59a' : '',\n          }}\n        >\n          <Text\n            color=\"primaryBright\"\n            size={navBarFlag ? '14px' : '16px'}\n            weight={navBarFlag ? 600 : 700}\n            sx={{ mt: '1px' }}\n          >\n            {'Disconnect from Solana'}\n          </Text>\n        </Button>\n      )}\n    </Flex>\n  )\n}\n\nexport default ConnectSolanaWallet\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIA,MAAM,mBAAmB,GAAG,CAAC,EAAE,UAAU,EAA4B,KAAI;AACvE,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE;IACvC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE;AAE7D,IAAA,QACEA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EACpF,CAAC,SAAS,IACTA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,QACT,OAAO,EAAE,MAAK;gBACZ,UAAU,CAAC,IAAI,CAAC;YAClB,CAAC,EACD,EAAE,EAAE;gBACF,MAAM,EAAE,UAAU,GAAG,QAAQ,GAAG,MAAM;AACtC,gBAAA,OAAO,EAAE,WAAW;AACpB,gBAAA,UAAU,EAAE,QAAQ;gBACpB,eAAe,EAAE,UAAU,GAAG,SAAS,GAAG,EAAE;AAC7C,aAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAC,eAAe,EACrB,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,EAClC,MAAM,EAAE,UAAU,GAAG,GAAG,GAAG,GAAG,EAC9B,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAEhB,UAAU,GAAG,eAAe,GAAG,mBAAmB,EAAA,CAC9C,EAAA,CACA,KAETA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAA,IAAA,EACT,OAAO,EAAE,MAAK;AACZ,gBAAA,UAAU,EAAE;YACd,CAAC,EACD,EAAE,EAAE;gBACF,MAAM,EAAE,UAAU,GAAG,QAAQ,GAAG,MAAM;AACtC,gBAAA,OAAO,EAAE,WAAW;AACpB,gBAAA,UAAU,EAAE,QAAQ;gBACpB,eAAe,EAAE,UAAU,GAAG,SAAS,GAAG,EAAE;aAC7C,EAAA,QAAA,EAEDA,GAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAC,eAAe,EACrB,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,EAClC,MAAM,EAAE,UAAU,GAAG,GAAG,GAAG,GAAG,EAC9B,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAEhB,wBAAwB,GACpB,EAAA,CACA,CACV,EAAA,CACI;AAEX;;;;"}
+{"version":3,"file":"ConnectSolanaWalletButton.js","sources":["../../../src/components/ConnectSolanaWalletButton/ConnectSolanaWalletButton.tsx"],"sourcesContent":["import { useWalletModal } from '@solana/wallet-adapter-react-ui'\nimport useSOLAccount from '../../hooks/accounts/useSOLAccount'\nimport Flex from '../uikit-sdk/Flex'\nimport Button from '../uikit-sdk/Button/Button'\nimport Text from '../uikit-sdk/Text'\n\nconst ConnectSolanaWallet = ({ navBarFlag }: { navBarFlag?: boolean }) => {\n  const { setVisible } = useWalletModal()\n  const { publicKey, disconnect, connecting } = useSOLAccount()\n\n  return (\n    <Flex sx={{ height: '100%', width: navBarFlag ? 'auto' : '100%', alignItems: 'center' }}>\n      {!publicKey ? (\n        <Button\n          fullWidth\n          onClick={() => {\n            setVisible(true)\n          }}\n          sx={{\n            height: navBarFlag ? '32.5px' : '45px',\n            padding: '10px 10px',\n            alignItems: 'center',\n            backgroundColor: navBarFlag ? '#00c59a' : '',\n          }}\n        >\n          <Text\n            color=\"primaryBright\"\n            size={navBarFlag ? '14px' : '16px'}\n            weight={navBarFlag ? 600 : 700}\n            sx={{ mt: '1px' }}\n          >\n            {connecting ? 'Connecting...' : 'Connect to Solana'}\n          </Text>\n        </Button>\n      ) : (\n        <Button\n          fullWidth\n          onClick={() => {\n            disconnect()\n          }}\n          sx={{\n            height: navBarFlag ? '32.5px' : '45px',\n            padding: '10px 10px',\n            alignItems: 'center',\n            backgroundColor: navBarFlag ? '#00c59a' : '',\n          }}\n        >\n          <Text\n            color=\"primaryBright\"\n            size={navBarFlag ? '14px' : '16px'}\n            weight={navBarFlag ? 600 : 700}\n            sx={{ mt: '1px' }}\n          >\n            {'Disconnect from Solana'}\n          </Text>\n        </Button>\n      )}\n    </Flex>\n  )\n}\n\nexport default ConnectSolanaWallet\n"],"names":["_jsx"],"mappings":";;;;;;;AAMA,MAAM,mBAAmB,GAAG,CAAC,EAAE,UAAU,EAA4B,KAAI;AACvE,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE;IACvC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE;AAE7D,IAAA,QACEA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EACpF,CAAC,SAAS,IACTA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,QACT,OAAO,EAAE,MAAK;gBACZ,UAAU,CAAC,IAAI,CAAC;YAClB,CAAC,EACD,EAAE,EAAE;gBACF,MAAM,EAAE,UAAU,GAAG,QAAQ,GAAG,MAAM;AACtC,gBAAA,OAAO,EAAE,WAAW;AACpB,gBAAA,UAAU,EAAE,QAAQ;gBACpB,eAAe,EAAE,UAAU,GAAG,SAAS,GAAG,EAAE;AAC7C,aAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAC,eAAe,EACrB,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,EAClC,MAAM,EAAE,UAAU,GAAG,GAAG,GAAG,GAAG,EAC9B,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAEhB,UAAU,GAAG,eAAe,GAAG,mBAAmB,EAAA,CAC9C,EAAA,CACA,KAETA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAA,IAAA,EACT,OAAO,EAAE,MAAK;AACZ,gBAAA,UAAU,EAAE;YACd,CAAC,EACD,EAAE,EAAE;gBACF,MAAM,EAAE,UAAU,GAAG,QAAQ,GAAG,MAAM;AACtC,gBAAA,OAAO,EAAE,WAAW;AACpB,gBAAA,UAAU,EAAE,QAAQ;gBACpB,eAAe,EAAE,UAAU,GAAG,SAAS,GAAG,EAAE;aAC7C,EAAA,QAAA,EAEDA,GAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAC,eAAe,EACrB,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,EAClC,MAAM,EAAE,UAAU,GAAG,GAAG,GAAG,GAAG,EAC9B,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAEhB,wBAAwB,GACpB,EAAA,CACA,CACV,EAAA,CACI;AAEX;;;;"}

package/dist/components/ConnectoToVmBanners/ConnectToEvmBanner.js

@@ -1,20 +1,7 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
-import '../uikit-sdk/Svg/types.js';
+import ConnectButton from '../ConnectButton/index.js';
 import Flex from '../uikit-sdk/Flex/index.js';
 import Text from '../uikit-sdk/Text/index.js';
-import '../uikit-sdk/Checkbox/types.js';
-import 'theme-ui';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
-import '../uikit-sdk/Button/types.js';
-import '../../contexts/ModalContext.js';
-import '../../views/FullBondsView/FullBondsView.js';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
-import ConnectButton from '../ConnectButton/index.js';
 
 function ConnectToEVMBanner() {
     return (jsxs(Flex, { sx: {

package/dist/components/ConnectoToVmBanners/ConnectToEvmBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectToEvmBanner.js","sources":["../../../src/components/ConnectoToVmBanners/ConnectToEvmBanner.tsx"],"sourcesContent":["import { Flex, Text } from '../uikit-sdk'\nimport ConnectButton from '../ConnectButton'\n\nexport default function ConnectToEVMBanner() {\n  return (\n    <Flex\n      sx={{\n        width: '100%',\n        height: '75px',\n        backgroundColor: 'white2',\n        p: ['10px', '10px', '10px', '20px'],\n        borderRadius: '10px',\n        justifyContent: 'space-between',\n        alignItems: 'center',\n        cursor: 'pointer',\n      }}\n    >\n      <Flex\n        sx={{\n          width: '100%',\n          maxWidth: '300px',\n          gap: '10px',\n          alignItems: 'center',\n        }}\n      >\n        <img\n          src=\"https://ape.bond/images/connect-to-vm/ethereum-icon.png\"\n          alt=\"ethereum icon\"\n          width={30}\n          height={30}\n          style={{ borderRadius: '50px' }}\n        />\n        <Flex\n          sx={{\n            flexDirection: 'column',\n          }}\n        >\n          <Text\n            sx={{ fontSize: '15px', fontWeight: '600', lineHeight: '18.5px', display: 'flex', alignItems: 'center' }}\n          >\n            Ethereum\n            <Text\n              sx={{\n                display: ['none', 'none', 'none', 'flex'],\n                fontSize: '10px',\n                fontWeight: '600',\n                lineHeight: '8px',\n                color: '#FAFAFA',\n                padding: '4px 6px',\n                background: 'rgba(250, 250, 250, 0.3)',\n                borderRadius: '4px',\n                marginLeft: '6px',\n                marginRight: '6px',\n              }}\n            >\n              Popular\n            </Text>\n            <img\n              src=\"https://ape.bond/images/connect-to-vm/evm-compatible-wallets.png\"\n              alt=\"solana compatible wallets\"\n              width={55}\n              height={17}\n              style={{ marginLeft: '10px' }}\n            />\n          </Text>\n          <Text\n            sx={{\n              fontSize: '10px',\n              fontWeight: '400',\n              lineHeight: '16px',\n              color: 'rgba(255, 255, 255, 0.65)',\n              display: 'flex',\n              alignItems: 'center',\n              gap: '4px',\n            }}\n          >\n            Connect your EVM wallet to view your EVM Bonds!\n          </Text>\n        </Flex>\n      </Flex>\n      <Flex\n        sx={{\n          minWidth: '100px',\n          width: '210px',\n          '& > *': {\n            width: '210px',\n            height: '31px !important',\n            fontSize: '14px !important',\n          },\n        }}\n      >\n        <ConnectButton />\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"ConnectToEvmBanner.js","sources":["../../../src/components/ConnectoToVmBanners/ConnectToEvmBanner.tsx"],"sourcesContent":["import ConnectButton from '../ConnectButton'\nimport Flex from '../uikit-sdk/Flex'\nimport Text from '../uikit-sdk/Text'\n\nexport default function ConnectToEVMBanner() {\n  return (\n    <Flex\n      sx={{\n        width: '100%',\n        height: '75px',\n        backgroundColor: 'white2',\n        p: ['10px', '10px', '10px', '20px'],\n        borderRadius: '10px',\n        justifyContent: 'space-between',\n        alignItems: 'center',\n        cursor: 'pointer',\n      }}\n    >\n      <Flex\n        sx={{\n          width: '100%',\n          maxWidth: '300px',\n          gap: '10px',\n          alignItems: 'center',\n        }}\n      >\n        <img\n          src=\"https://ape.bond/images/connect-to-vm/ethereum-icon.png\"\n          alt=\"ethereum icon\"\n          width={30}\n          height={30}\n          style={{ borderRadius: '50px' }}\n        />\n        <Flex\n          sx={{\n            flexDirection: 'column',\n          }}\n        >\n          <Text\n            sx={{ fontSize: '15px', fontWeight: '600', lineHeight: '18.5px', display: 'flex', alignItems: 'center' }}\n          >\n            Ethereum\n            <Text\n              sx={{\n                display: ['none', 'none', 'none', 'flex'],\n                fontSize: '10px',\n                fontWeight: '600',\n                lineHeight: '8px',\n                color: '#FAFAFA',\n                padding: '4px 6px',\n                background: 'rgba(250, 250, 250, 0.3)',\n                borderRadius: '4px',\n                marginLeft: '6px',\n                marginRight: '6px',\n              }}\n            >\n              Popular\n            </Text>\n            <img\n              src=\"https://ape.bond/images/connect-to-vm/evm-compatible-wallets.png\"\n              alt=\"solana compatible wallets\"\n              width={55}\n              height={17}\n              style={{ marginLeft: '10px' }}\n            />\n          </Text>\n          <Text\n            sx={{\n              fontSize: '10px',\n              fontWeight: '400',\n              lineHeight: '16px',\n              color: 'rgba(255, 255, 255, 0.65)',\n              display: 'flex',\n              alignItems: 'center',\n              gap: '4px',\n            }}\n          >\n            Connect your EVM wallet to view your EVM Bonds!\n          </Text>\n        </Flex>\n      </Flex>\n      <Flex\n        sx={{\n          minWidth: '100px',\n          width: '210px',\n          '& > *': {\n            width: '210px',\n            height: '31px !important',\n            fontSize: '14px !important',\n          },\n        }}\n      >\n        <ConnectButton />\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/ConnectoToVmBanners/ConnectToSolanaBanner.js

@@ -1,22 +1,9 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import { useWalletModal } from '@solana/wallet-adapter-react-ui';
-import '../uikit-sdk/Svg/types.js';
+import colors from '../../theme/colors.js';
 import Flex from '../uikit-sdk/Flex/index.js';
-import Text from '../uikit-sdk/Text/index.js';
-import '../uikit-sdk/Checkbox/types.js';
-import 'theme-ui';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
 import Button from '../uikit-sdk/Button/Button.js';
-import '../uikit-sdk/Button/types.js';
-import '../../contexts/ModalContext.js';
-import '../../views/FullBondsView/FullBondsView.js';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
-import colors from '../../theme/colors.js';
+import Text from '../uikit-sdk/Text/index.js';
 
 function ConnectToSolanaCard() {
     const { setVisible } = useWalletModal();

package/dist/components/ConnectoToVmBanners/ConnectToSolanaBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectToSolanaBanner.js","sources":["../../../src/components/ConnectoToVmBanners/ConnectToSolanaBanner.tsx"],"sourcesContent":["import { useWalletModal } from '@solana/wallet-adapter-react-ui'\nimport { Button, Flex, Text } from '../uikit-sdk'\nimport colors from '../../theme/colors'\n\nexport default function ConnectToSolanaCard() {\n  const { setVisible } = useWalletModal()\n  return (\n    <Flex\n      sx={{\n        width: '100%',\n        height: '75px',\n        background: `url('https://ape.bond/images/connect-to-vm/solana-card-background.png') no-repeat center center`,\n        backgroundSize: 'cover',\n        p: ['10px', '10px', '10px', '20px'],\n        borderRadius: '10px',\n        justifyContent: 'space-between',\n        alignItems: 'center',\n        border: 'none',\n        cursor: 'pointer',\n      }}\n    >\n      <Flex\n        sx={{\n          width: '100%',\n          maxWidth: '300px',\n          gap: '10px',\n          alignItems: 'center',\n        }}\n      >\n        <img\n          src=\"https://ape.bond/images/connect-to-vm/solana-icon.png\"\n          alt=\"solana icon\"\n          width={30}\n          height={30}\n          style={{ borderRadius: '50px' }}\n        />\n        <Flex\n          sx={{\n            flexDirection: 'column',\n          }}\n        >\n          <Text\n            sx={{ fontSize: '18px', fontWeight: '700', lineHeight: '18.5px', display: 'flex', alignItems: 'center' }}\n          >\n            Solana\n            <Text\n              sx={{\n                fontSize: '10px',\n                fontWeight: '600',\n                lineHeight: '8px',\n                color: '#FAFAFA',\n                padding: '4px 6px',\n                background: 'rgba(250, 250, 250, 0.3)',\n                borderRadius: '4px',\n                marginLeft: '6px',\n                marginRight: '6px',\n              }}\n            >\n              NEW\n            </Text>\n            <img\n              src=\"https://ape.bond/images/connect-to-vm/svm-compatible-wallets.png\"\n              alt=\"solana compatible wallets\"\n              width={43}\n              height={17}\n            />\n          </Text>\n\n          <Text sx={{ fontSize: '11px', fontWeight: '400', lineHeight: '16px', color: 'white' }}>\n            Connect your Solana wallet to view your Solana Bonds!\n          </Text>\n        </Flex>\n      </Flex>\n      <Flex sx={{ minWidth: '100px' }}>\n        <Button\n          onClick={() => setVisible(true)}\n          sx={{\n            background: colors.text,\n            color: colors.primaryButton,\n            border: 'none',\n            height: '31px',\n            width: '210px',\n            fontSize: '14px',\n            fontWeight: '700',\n            '&:hover': { color: colors.text },\n          }}\n        >\n          Connect\n        </Button>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"ConnectToSolanaBanner.js","sources":["../../../src/components/ConnectoToVmBanners/ConnectToSolanaBanner.tsx"],"sourcesContent":["import { useWalletModal } from '@solana/wallet-adapter-react-ui'\nimport colors from '../../theme/colors'\nimport Flex from '../uikit-sdk/Flex'\nimport Button from '../uikit-sdk/Button/Button'\nimport Text from '../uikit-sdk/Text'\n\nexport default function ConnectToSolanaCard() {\n  const { setVisible } = useWalletModal()\n  return (\n    <Flex\n      sx={{\n        width: '100%',\n        height: '75px',\n        background: `url('https://ape.bond/images/connect-to-vm/solana-card-background.png') no-repeat center center`,\n        backgroundSize: 'cover',\n        p: ['10px', '10px', '10px', '20px'],\n        borderRadius: '10px',\n        justifyContent: 'space-between',\n        alignItems: 'center',\n        border: 'none',\n        cursor: 'pointer',\n      }}\n    >\n      <Flex\n        sx={{\n          width: '100%',\n          maxWidth: '300px',\n          gap: '10px',\n          alignItems: 'center',\n        }}\n      >\n        <img\n          src=\"https://ape.bond/images/connect-to-vm/solana-icon.png\"\n          alt=\"solana icon\"\n          width={30}\n          height={30}\n          style={{ borderRadius: '50px' }}\n        />\n        <Flex\n          sx={{\n            flexDirection: 'column',\n          }}\n        >\n          <Text\n            sx={{ fontSize: '18px', fontWeight: '700', lineHeight: '18.5px', display: 'flex', alignItems: 'center' }}\n          >\n            Solana\n            <Text\n              sx={{\n                fontSize: '10px',\n                fontWeight: '600',\n                lineHeight: '8px',\n                color: '#FAFAFA',\n                padding: '4px 6px',\n                background: 'rgba(250, 250, 250, 0.3)',\n                borderRadius: '4px',\n                marginLeft: '6px',\n                marginRight: '6px',\n              }}\n            >\n              NEW\n            </Text>\n            <img\n              src=\"https://ape.bond/images/connect-to-vm/svm-compatible-wallets.png\"\n              alt=\"solana compatible wallets\"\n              width={43}\n              height={17}\n            />\n          </Text>\n\n          <Text sx={{ fontSize: '11px', fontWeight: '400', lineHeight: '16px', color: 'white' }}>\n            Connect your Solana wallet to view your Solana Bonds!\n          </Text>\n        </Flex>\n      </Flex>\n      <Flex sx={{ minWidth: '100px' }}>\n        <Button\n          onClick={() => setVisible(true)}\n          sx={{\n            background: colors.text,\n            color: colors.primaryButton,\n            border: 'none',\n            height: '31px',\n            width: '210px',\n            fontSize: '14px',\n            fontWeight: '700',\n            '&:hover': { color: colors.text },\n          }}\n        >\n          Connect\n        </Button>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/CustomClaimModals/AbondModal.js

@@ -1,20 +1,8 @@
 import { jsx, jsxs } from 'theme-ui/jsx-runtime';
-import '../uikit-sdk/Svg/types.js';
-import Flex from '../uikit-sdk/Flex/index.js';
 import { Image } from 'theme-ui';
-import '../uikit-sdk/Text/types.js';
-import '../uikit-sdk/Checkbox/types.js';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
 import Modal from '../uikit-sdk/Modal/index.js';
-import 'framer-motion';
-import '../../views/FullBondsView/FullBondsView.js';
+import Flex from '../uikit-sdk/Flex/index.js';
 import Button from '../uikit-sdk/Button/Button.js';
-import '../uikit-sdk/Button/types.js';
-import 'react';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 
 const AbondModal = () => {
     const handleClick = () => {

package/dist/components/CustomClaimModals/AbondModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"AbondModal.js","sources":["../../../src/components/CustomClaimModals/AbondModal.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Modal, Button } from '../../components/uikit-sdk'\nimport { Image } from 'theme-ui'\n\nconst AbondModal = () => {\n  const handleClick = () => {\n    window.location.href = 'https://ape.bond/true-yield'\n  }\n\n  return (\n    <Modal title=\"You've Claimed ABOND!\">\n      <Flex sx={{ flexDirection: 'column' }}>\n        <Flex sx={{ fontSize: '12px', lineHeight: '20px', color: 'primaryButton', mt: '10px' }}>Did You Know?</Flex>\n        <Flex sx={{ flexDirection: 'column', gap: '10px', cursor: 'pointer' }} onClick={handleClick}>\n          <Flex>You can stake ABOND to earn $USDT and extra discounts on Bonds:</Flex>\n          <Image src={'https://ape.bond/images/circular-staking/real-yield.png'} />\n          <Image src={'https://ape.bond/images/circular-staking/extra-discounts.png'} />\n          <Button sx={{ width: '100%', mt: '10px' }}> Stake now</Button>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default AbondModal\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;AAIA,MAAM,UAAU,GAAG,MAAK;IACtB,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,6BAA6B;AACtD,IAAA,CAAC;IAED,QACEA,IAAC,KAAK,EAAA,EAAC,KAAK,EAAC,uBAAuB,EAAA,QAAA,EAClCC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,aACnCD,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,eAAA,EAAA,CAAsB,EAC5GC,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,WAAW,aACzFD,GAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,iEAAA,EAAA,CAAuE,EAC5EA,GAAA,CAAC,KAAK,IAAC,GAAG,EAAE,yDAAyD,EAAA,CAAI,EACzEA,GAAA,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,8DAA8D,EAAA,CAAI,EAC9EA,IAAC,MAAM,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,2BAAqB,CAAA,EAAA,CACzD,CAAA,EAAA,CACF,EAAA,CACD;AAEZ;;;;"}
+{"version":3,"file":"AbondModal.js","sources":["../../../src/components/CustomClaimModals/AbondModal.tsx"],"sourcesContent":["import React from 'react'\nimport { Image } from 'theme-ui'\nimport Modal from '../uikit-sdk/Modal'\nimport Flex from '../uikit-sdk/Flex'\nimport Button from '../uikit-sdk/Button/Button'\n\nconst AbondModal = () => {\n  const handleClick = () => {\n    window.location.href = 'https://ape.bond/true-yield'\n  }\n\n  return (\n    <Modal title=\"You've Claimed ABOND!\">\n      <Flex sx={{ flexDirection: 'column' }}>\n        <Flex sx={{ fontSize: '12px', lineHeight: '20px', color: 'primaryButton', mt: '10px' }}>Did You Know?</Flex>\n        <Flex sx={{ flexDirection: 'column', gap: '10px', cursor: 'pointer' }} onClick={handleClick}>\n          <Flex>You can stake ABOND to earn $USDT and extra discounts on Bonds:</Flex>\n          <Image src={'https://ape.bond/images/circular-staking/real-yield.png'} />\n          <Image src={'https://ape.bond/images/circular-staking/extra-discounts.png'} />\n          <Button sx={{ width: '100%', mt: '10px' }}> Stake now</Button>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default AbondModal\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAMA,MAAM,UAAU,GAAG,MAAK;IACtB,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,6BAA6B;AACtD,IAAA,CAAC;IAED,QACEA,IAAC,KAAK,EAAA,EAAC,KAAK,EAAC,uBAAuB,EAAA,QAAA,EAClCC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,aACnCD,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,eAAA,EAAA,CAAsB,EAC5GC,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,WAAW,aACzFD,GAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,iEAAA,EAAA,CAAuE,EAC5EA,GAAA,CAAC,KAAK,IAAC,GAAG,EAAE,yDAAyD,EAAA,CAAI,EACzEA,GAAA,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,8DAA8D,EAAA,CAAI,EAC9EA,IAAC,MAAM,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,2BAAqB,CAAA,EAAA,CACzD,CAAA,EAAA,CACF,EAAA,CACD;AAEZ;;;;"}

package/dist/components/CustomClaimModals/OabondModal.js

@@ -1,20 +1,8 @@
 import { jsx, jsxs } from 'theme-ui/jsx-runtime';
-import '../uikit-sdk/Svg/types.js';
-import Flex from '../uikit-sdk/Flex/index.js';
 import { Image } from 'theme-ui';
-import '../uikit-sdk/Text/types.js';
-import '../uikit-sdk/Checkbox/types.js';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
 import Modal from '../uikit-sdk/Modal/index.js';
-import 'framer-motion';
-import '../../views/FullBondsView/FullBondsView.js';
+import Flex from '../uikit-sdk/Flex/index.js';
 import Button from '../uikit-sdk/Button/Button.js';
-import '../uikit-sdk/Button/types.js';
-import 'react';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 
 const OabondModal = () => {
     const handleClick = () => {

package/dist/components/CustomClaimModals/OabondModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"OabondModal.js","sources":["../../../src/components/CustomClaimModals/OabondModal.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Modal, Button } from '../../components/uikit-sdk'\nimport { Image } from 'theme-ui'\n\nconst OabondModal = () => {\n  const handleClick = () => {\n    window.location.href = 'https://ape.bond/true-yield?createPosition=oABOND'\n  }\n\n  return (\n    <Modal title=\"You've Claimed oABOND!\">\n      <Flex sx={{ flexDirection: 'column' }}>\n        <Flex sx={{ flexDirection: 'column', gap: '10px', cursor: 'pointer' }} onClick={handleClick}>\n          <Flex>You can now stake your oABOND and turn it into veABOND at permalock:</Flex>\n          <Image src={'https://ape.bond/images/circular-staking/real-yield.png'} />\n          <Button sx={{ width: '100%', mt: '10px' }}>Lock now</Button>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default OabondModal\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;AAIA,MAAM,WAAW,GAAG,MAAK;IACvB,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,mDAAmD;AAC5E,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAC,wBAAwB,EAAA,QAAA,EACnCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EACnCC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,WAAW,EAAA,QAAA,EAAA,CACzFD,IAAC,IAAI,EAAA,EAAA,QAAA,EAAA,sEAAA,EAAA,CAA4E,EACjFA,GAAA,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,yDAAyD,GAAI,EACzEA,GAAA,CAAC,MAAM,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,UAAA,EAAA,CAAmB,CAAA,EAAA,CACvD,EAAA,CACF,EAAA,CACD;AAEZ;;;;"}
+{"version":3,"file":"OabondModal.js","sources":["../../../src/components/CustomClaimModals/OabondModal.tsx"],"sourcesContent":["import React from 'react'\nimport { Image } from 'theme-ui'\nimport Modal from '../uikit-sdk/Modal'\nimport Flex from '../uikit-sdk/Flex'\nimport Button from '../uikit-sdk/Button/Button'\n\nconst OabondModal = () => {\n  const handleClick = () => {\n    window.location.href = 'https://ape.bond/true-yield?createPosition=oABOND'\n  }\n\n  return (\n    <Modal title=\"You've Claimed oABOND!\">\n      <Flex sx={{ flexDirection: 'column' }}>\n        <Flex sx={{ flexDirection: 'column', gap: '10px', cursor: 'pointer' }} onClick={handleClick}>\n          <Flex>You can now stake your oABOND and turn it into veABOND at permalock:</Flex>\n          <Image src={'https://ape.bond/images/circular-staking/real-yield.png'} />\n          <Button sx={{ width: '100%', mt: '10px' }}>Lock now</Button>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default OabondModal\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAMA,MAAM,WAAW,GAAG,MAAK;IACvB,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,mDAAmD;AAC5E,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAC,wBAAwB,EAAA,QAAA,EACnCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EACnCC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,WAAW,EAAA,QAAA,EAAA,CACzFD,IAAC,IAAI,EAAA,EAAA,QAAA,EAAA,sEAAA,EAAA,CAA4E,EACjFA,GAAA,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,yDAAyD,GAAI,EACzEA,GAAA,CAAC,MAAM,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,UAAA,EAAA,CAAmB,CAAA,EAAA,CACvD,EAAA,CACF,EAAA,CACD;AAEZ;;;;"}

package/dist/components/CustomClaimModals/PmusdModal.js

@@ -1,20 +1,7 @@
 import { jsx, jsxs } from 'theme-ui/jsx-runtime';
-import '../uikit-sdk/Svg/types.js';
-import Flex from '../uikit-sdk/Flex/index.js';
-import 'theme-ui';
-import '../uikit-sdk/Text/types.js';
-import '../uikit-sdk/Checkbox/types.js';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
 import Modal from '../uikit-sdk/Modal/index.js';
-import 'framer-motion';
-import '../../views/FullBondsView/FullBondsView.js';
+import Flex from '../uikit-sdk/Flex/index.js';
 import Button from '../uikit-sdk/Button/Button.js';
-import '../uikit-sdk/Button/types.js';
-import 'react';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 
 const PmusdModal = ({ onDismiss }) => {
     return (jsx(Modal, { title: "You've Claimed pmUSD!", children: jsx(Flex, { sx: { flexDirection: 'column' }, children: jsxs(Flex, { sx: { flexDirection: 'column', gap: '10px' }, children: [jsxs(Flex, { sx: {

package/dist/components/CustomClaimModals/PmusdModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"PmusdModal.js","sources":["../../../src/components/CustomClaimModals/PmusdModal.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Modal, Button } from '../../components/uikit-sdk'\n\nconst PmusdModal = ({ onDismiss }: { onDismiss?: () => void }) => {\n  return (\n    <Modal title=\"You've Claimed pmUSD!\">\n      <Flex sx={{ flexDirection: 'column' }}>\n        <Flex sx={{ flexDirection: 'column', gap: '10px' }}>\n          <Flex\n            sx={{\n              fontWeight: 500,\n              fontSize: '14px',\n              textAlign: 'left',\n              color: 'textDisabledButton',\n              my: '10px',\n              display: 'block',\n            }}\n          >\n            Base pmUSD rewards succesfully claimed. The additional PVE rewards (10–15%) will be automatically\n            transferred to your wallet within the next 24 hours. If you experience any issues or delay, please contact\n            with{' '}\n            <a href=\"https://discord.gg/raac\" target=\"_blank\" rel=\"noreferrer\" sx={{ color: 'primaryButton' }}>\n              RACC support channel\n            </a>\n            .\n          </Flex>\n          <Button sx={{ width: '100%', mt: '10px' }} onClick={onDismiss}>\n            close\n          </Button>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default PmusdModal\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;AAGA,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAA8B,KAAI;AAC/D,IAAA,QACEA,GAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAC,uBAAuB,EAAA,QAAA,EAClCA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EACnCC,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAChDA,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,4BAAA,UAAU,EAAE,GAAG;AACf,4BAAA,QAAQ,EAAE,MAAM;AAChB,4BAAA,SAAS,EAAE,MAAM;AACjB,4BAAA,KAAK,EAAE,oBAAoB;AAC3B,4BAAA,EAAE,EAAE,MAAM;AACV,4BAAA,OAAO,EAAE,OAAO;yBACjB,EAAA,QAAA,EAAA,CAAA,wNAAA,EAII,GAAG,EACRD,GAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,yBAAyB,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAA,QAAA,EAAA,sBAAA,EAAA,CAE7F,EAAA,GAAA,CAAA,EAAA,CAEC,EACPA,GAAA,CAAC,MAAM,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,sBAEpD,CAAA,EAAA,CACJ,EAAA,CACF,EAAA,CACD;AAEZ;;;;"}
+{"version":3,"file":"PmusdModal.js","sources":["../../../src/components/CustomClaimModals/PmusdModal.tsx"],"sourcesContent":["import React from 'react'\nimport Modal from '../uikit-sdk/Modal'\nimport Flex from '../uikit-sdk/Flex'\nimport Button from '../uikit-sdk/Button/Button'\n\nconst PmusdModal = ({ onDismiss }: { onDismiss?: () => void }) => {\n  return (\n    <Modal title=\"You've Claimed pmUSD!\">\n      <Flex sx={{ flexDirection: 'column' }}>\n        <Flex sx={{ flexDirection: 'column', gap: '10px' }}>\n          <Flex\n            sx={{\n              fontWeight: 500,\n              fontSize: '14px',\n              textAlign: 'left',\n              color: 'textDisabledButton',\n              my: '10px',\n              display: 'block',\n            }}\n          >\n            Base pmUSD rewards succesfully claimed. The additional PVE rewards (10–15%) will be automatically\n            transferred to your wallet within the next 24 hours. If you experience any issues or delay, please contact\n            with{' '}\n            <a href=\"https://discord.gg/raac\" target=\"_blank\" rel=\"noreferrer\" sx={{ color: 'primaryButton' }}>\n              RACC support channel\n            </a>\n            .\n          </Flex>\n          <Button sx={{ width: '100%', mt: '10px' }} onClick={onDismiss}>\n            close\n          </Button>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default PmusdModal\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAKA,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAA8B,KAAI;AAC/D,IAAA,QACEA,GAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAC,uBAAuB,EAAA,QAAA,EAClCA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EACnCC,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAChDA,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,4BAAA,UAAU,EAAE,GAAG;AACf,4BAAA,QAAQ,EAAE,MAAM;AAChB,4BAAA,SAAS,EAAE,MAAM;AACjB,4BAAA,KAAK,EAAE,oBAAoB;AAC3B,4BAAA,EAAE,EAAE,MAAM;AACV,4BAAA,OAAO,EAAE,OAAO;yBACjB,EAAA,QAAA,EAAA,CAAA,wNAAA,EAII,GAAG,EACRD,GAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,yBAAyB,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,EAAA,QAAA,EAAA,sBAAA,EAAA,CAE7F,EAAA,GAAA,CAAA,EAAA,CAEC,EACPA,GAAA,CAAC,MAAM,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,sBAEpD,CAAA,EAAA,CACJ,EAAA,CACF,EAAA,CACD;AAEZ;;;;"}

package/dist/components/FavIcons/AddFavToken.js

@@ -4,18 +4,6 @@ import { AnimatePresence, motion } from 'framer-motion';
 import useFavoriteTokens from '../../state/favoriteTokens/useFavoriteTokens.js';
 import Svg from '../uikit-sdk/Svg/index.js';
 import Flex from '../uikit-sdk/Flex/index.js';
-import 'theme-ui';
-import '../uikit-sdk/Text/types.js';
-import '../uikit-sdk/Checkbox/types.js';
-import '../uikit-sdk/Skeleton/types.js';
-import '../uikit-sdk/Skeleton/styles.js';
-import '../uikit-sdk/TooltipBubble/index.js';
-import '../uikit-sdk/Button/types.js';
-import '../uikit-sdk/Svg/types.js';
-import '../../contexts/ModalContext.js';
-import '../../views/FullBondsView/FullBondsView.js';
-import '../uikit-sdk/Select/types.js';
-import '../../utils/campaignStyles.js';
 
 const AddFavToken = ({ tokenSymbol, hotBond }) => {
     const { favTokens, addFavToken } = useFavoriteTokens();