@ape.swap/bonds-sdk 3.3.0-test.5 → 3.3.0-test.7

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

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Caret from '../../../../components/uikit-sdk/Svg/Icons/Caret.js';
+import QuestionCircle from '../../../../components/uikit-sdk/Svg/Icons/QuestionCircle.js';
 import Text from '../../../../components/uikit-sdk/Text/index.js';
 import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
 import { NETWORK_LABEL } from '../../../../config/constants/chains.js';
@@ -19,7 +20,7 @@ const ChainTitle = ({ chain, pt, hideTitles, isOpen, }) => {
             display: hideTitles ? 'none' : 'flex',
             width: '300px',
             alignItems: 'center',
-        }, children: [NETWORK_LABEL[chain], " Bonds", jsx(Flex, { sx: { ml: '7px' }, children: jsx(Svg, { icon: "caret", direction: isOpen ? 'down' : 'up', width: 8, color: "textDisabledButton" }) }), NETWORK_LABEL[chain]?.toLowerCase().includes('testnet') && (jsxs(Flex, { sx: { ml: '15px' }, children: [jsx(Text, { sx: { fontSize: '12px', color: '#DE62F3', fontWeight: 700, mr: '7px' }, children: "TESTNET" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Text, { sx: { textTransform: 'none' }, children: "Testnet Bonds let you experiment with fake tokens for free on upcoming chains still in development." }), width: isMobile ? '272px' : '280px', placement: isMobile ? 'bottomRight' : 'bottomLeft', transformTip: isMobile ? 'translate(10%, -5%)' : 'translate(-5%, -5%)', children: jsx(Svg, { icon: "questionCircle", width: 14, color: "textDisabledButton" }) })] }))] }));
+        }, children: [NETWORK_LABEL[chain], " Bonds", jsx(Flex, { sx: { ml: '7px' }, children: jsx(Caret, { direction: isOpen ? 'down' : 'up', width: 8, color: "textDisabledButton" }) }), NETWORK_LABEL[chain]?.toLowerCase().includes('testnet') && (jsxs(Flex, { sx: { ml: '15px' }, children: [jsx(Text, { sx: { fontSize: '12px', color: '#DE62F3', fontWeight: 700, mr: '7px' }, children: "TESTNET" }), jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Text, { sx: { textTransform: 'none' }, children: "Testnet Bonds let you experiment with fake tokens for free on upcoming chains still in development." }), width: isMobile ? '272px' : '280px', placement: isMobile ? 'bottomRight' : 'bottomLeft', transformTip: isMobile ? 'translate(10%, -5%)' : 'translate(-5%, -5%)', children: jsx(QuestionCircle, { width: 14, color: "textDisabledButton" }) })] }))] }));
 };
 
 export { ChainTitle as default };

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

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

package/dist/views/Bonds/components/BondsMenu/BondsMenu.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import { Flex } from 'theme-ui';
 import Input from '../../../../components/uikit-sdk/Input/Input.js';
-import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Sort from '../../../../components/uikit-sdk/Svg/Icons/Sort.js';
 import FavIcon from '../../../../components/FavIcons/FavFilter.js';
 import BondFilters from '../../../../components/BondFilters/BondFilters.js';
 import { useSDKConfig } from '../../../../state/useSDKConfig.js';
@@ -15,7 +15,7 @@ const BondsMenu = ({ searchQuery, setSearchQuery, setChainFilterOption, chainFil
                                         fontSize: '14px',
                                         color: 'white',
                                         width: ['calc(50vw - 25px)'],
-                                    }, placeholder: 'Search...' }), jsx(FavIcon, { filterOption: filterOption, setFilterOption: setFilterOption })] }) }), jsxs("div", { className: "headers-container", children: [jsxs("div", { className: "discount-header", onClick: () => onSort('bonus'), children: [namingPreference.toUpperCase(), jsx(Flex, { sx: { ml: '5px', mb: '3px' }, children: jsx(Svg, { icon: "sort", width: 10, color: "textDisabledButton" }) })] }), jsxs("div", { className: "terms-header", onClick: () => onSort('terms'), children: ["TERMS", jsx(Flex, { sx: { ml: '5px', mb: '3px' }, children: jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "tokens-remaining-header", onClick: () => onSort('tokensRemaining'), children: ["TOKENS REMAINING", jsx(Flex, { sx: { ml: '5px', mb: '3px' }, children: jsx(Svg, { icon: "sort", width: "12px", color: "textDisabledButton" }) })] }), jsx("div", { className: "tooltip-header" })] })] })] }));
+                                    }, placeholder: 'Search...' }), jsx(FavIcon, { filterOption: filterOption, setFilterOption: setFilterOption })] }) }), jsxs("div", { className: "headers-container", children: [jsxs("div", { className: "discount-header", onClick: () => onSort('bonus'), children: [namingPreference.toUpperCase(), jsx(Flex, { sx: { ml: '5px', mb: '3px' }, children: jsx(Sort, { width: 10, color: "textDisabledButton" }) })] }), jsxs("div", { className: "terms-header", onClick: () => onSort('terms'), children: ["TERMS", jsx(Flex, { sx: { ml: '5px', mb: '3px' }, children: jsx(Sort, { width: "12px", color: "textDisabledButton" }) })] }), jsxs("div", { className: "tokens-remaining-header", onClick: () => onSort('tokensRemaining'), children: ["TOKENS REMAINING", jsx(Flex, { sx: { ml: '5px', mb: '3px' }, children: jsx(Sort, { width: "12px", color: "textDisabledButton" }) })] }), jsx("div", { className: "tooltip-header" })] })] })] }));
 };
 
 export { BondsMenu as default };

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

@@ -1 +1 @@
-{"version":3,"file":"BondsMenu.js","sources":["../../../../../src/views/Bonds/components/BondsMenu/BondsMenu.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from 'theme-ui'\nimport { Input } from '../../../../components/uikit-sdk/Input'\nimport Svg from '../../../../components/uikit-sdk/Svg'\nimport FavIcon from '../../../../components/FavIcons/FavFilter'\nimport BondFilters from '../../../../components/BondFilters/BondFilters'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\n\ninterface BondRowHeaderProps {\n  searchQuery: string\n  setSearchQuery: (value: string) => void\n  setChainFilterOption: (newValue: string[]) => void\n  chainFilterOption: string[]\n  filterOptions: string[]\n  filterOption: string\n  setFilterOption: (newOption: string) => void\n  onSort: (key: 'bonus' | 'arr' | 'terms' | 'tokensRemaining') => void\n}\n\nconst BondsMenu: React.FC<BondRowHeaderProps> = ({\n  searchQuery,\n  setSearchQuery,\n  setChainFilterOption,\n  chainFilterOption,\n  filterOptions,\n  filterOption,\n  setFilterOption,\n  onSort,\n}) => {\n  const { namingPreference } = useSDKConfig()\n  return (\n    <div className=\"bonds-menu\">\n      <BondFilters\n        chainFilterOption={chainFilterOption ?? ['All Chains']}\n        setChainFilterOption={setChainFilterOption}\n        filterOptions={filterOptions}\n        filterOption={filterOption}\n        setFilterOption={setFilterOption}\n        onHandleQueryChange={() => setSearchQuery('')}\n      />\n      <div className=\"table-header-container\">\n        <div className=\"search-container\">\n          <Flex sx={{ width: '100%', maxWidth: '340px' }}>\n            <Input\n              value={searchQuery}\n              onChange={(event: React.ChangeEvent<HTMLInputElement>) => setSearchQuery(event.target.value)}\n              variant=\"search\"\n              width={'100%'}\n              sx={{\n                fontWeight: 600,\n                background: 'white2',\n                height: '30px',\n                fontSize: '14px',\n                color: 'white',\n                width: ['calc(50vw - 25px)'],\n              }}\n              placeholder={'Search...'}\n            />\n            <FavIcon filterOption={filterOption} setFilterOption={setFilterOption} />\n          </Flex>\n        </div>\n        <div className=\"headers-container\">\n          <div className=\"discount-header\" onClick={() => onSort('bonus')}>\n            {namingPreference.toUpperCase()}\n            <Flex sx={{ ml: '5px', mb: '3px' }}>\n              <Svg icon=\"sort\" width={10} color=\"textDisabledButton\" />\n            </Flex>\n          </div>\n          <div className=\"terms-header\" onClick={() => onSort('terms')}>\n            TERMS\n            <Flex sx={{ ml: '5px', mb: '3px' }}>\n              <Svg icon=\"sort\" width=\"12px\" color=\"textDisabledButton\" />\n            </Flex>\n          </div>\n          <div className=\"tokens-remaining-header\" onClick={() => onSort('tokensRemaining')}>\n            TOKENS REMAINING\n            <Flex sx={{ ml: '5px', mb: '3px' }}>\n              <Svg icon=\"sort\" width=\"12px\" color=\"textDisabledButton\" />\n            </Flex>\n          </div>\n          <div className=\"tooltip-header\" />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default BondsMenu\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"BondsMenu.js","sources":["../../../../../src/views/Bonds/components/BondsMenu/BondsMenu.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from 'theme-ui'\nimport { Input } from '../../../../components/uikit-sdk/Input'\nimport Sort from '../../../../components/uikit-sdk/Svg/Icons/Sort'\nimport FavIcon from '../../../../components/FavIcons/FavFilter'\nimport BondFilters from '../../../../components/BondFilters/BondFilters'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\n\ninterface BondRowHeaderProps {\n  searchQuery: string\n  setSearchQuery: (value: string) => void\n  setChainFilterOption: (newValue: string[]) => void\n  chainFilterOption: string[]\n  filterOptions: string[]\n  filterOption: string\n  setFilterOption: (newOption: string) => void\n  onSort: (key: 'bonus' | 'arr' | 'terms' | 'tokensRemaining') => void\n}\n\nconst BondsMenu: React.FC<BondRowHeaderProps> = ({\n  searchQuery,\n  setSearchQuery,\n  setChainFilterOption,\n  chainFilterOption,\n  filterOptions,\n  filterOption,\n  setFilterOption,\n  onSort,\n}) => {\n  const { namingPreference } = useSDKConfig()\n  return (\n    <div className=\"bonds-menu\">\n      <BondFilters\n        chainFilterOption={chainFilterOption ?? ['All Chains']}\n        setChainFilterOption={setChainFilterOption}\n        filterOptions={filterOptions}\n        filterOption={filterOption}\n        setFilterOption={setFilterOption}\n        onHandleQueryChange={() => setSearchQuery('')}\n      />\n      <div className=\"table-header-container\">\n        <div className=\"search-container\">\n          <Flex sx={{ width: '100%', maxWidth: '340px' }}>\n            <Input\n              value={searchQuery}\n              onChange={(event: React.ChangeEvent<HTMLInputElement>) => setSearchQuery(event.target.value)}\n              variant=\"search\"\n              width={'100%'}\n              sx={{\n                fontWeight: 600,\n                background: 'white2',\n                height: '30px',\n                fontSize: '14px',\n                color: 'white',\n                width: ['calc(50vw - 25px)'],\n              }}\n              placeholder={'Search...'}\n            />\n            <FavIcon filterOption={filterOption} setFilterOption={setFilterOption} />\n          </Flex>\n        </div>\n        <div className=\"headers-container\">\n          <div className=\"discount-header\" onClick={() => onSort('bonus')}>\n            {namingPreference.toUpperCase()}\n            <Flex sx={{ ml: '5px', mb: '3px' }}>\n              <Sort width={10} color=\"textDisabledButton\" />\n            </Flex>\n          </div>\n          <div className=\"terms-header\" onClick={() => onSort('terms')}>\n            TERMS\n            <Flex sx={{ ml: '5px', mb: '3px' }}>\n              <Sort width=\"12px\" color=\"textDisabledButton\" />\n            </Flex>\n          </div>\n          <div className=\"tokens-remaining-header\" onClick={() => onSort('tokensRemaining')}>\n            TOKENS REMAINING\n            <Flex sx={{ ml: '5px', mb: '3px' }}>\n              <Sort width=\"12px\" color=\"textDisabledButton\" />\n            </Flex>\n          </div>\n          <div className=\"tooltip-header\" />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default BondsMenu\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/Bonds/components/BonusComponents/BonusComponent.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Timer from '../../../../components/uikit-sdk/Svg/Icons/Timer.js';
 import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
 import { BigNumber } from 'bignumber.js';
 import BonusTable from './BonusTable.js';
@@ -39,7 +39,7 @@ const BonusComponent = ({ trueBondPrices, minTier, bonus, airdropTooltip, toolti
                                             ? 'success'
                                             : 'error',
                                         fontSize: ['14px', '14px', '16px', '16px'],
-                                    }, children: [highestPointsElement?.bonusWithFee?.toFixed(2), "%"] })] })] }) })) : (jsx(Flex, { sx: { height: '20px', width: '20px', minWidth: '18px' }, children: jsx(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx(Svg, { icon: "Timer", width: 18, color: "#81CFEA" }) }) })) })) : baseTrueBondPrice ? (jsx(Flex, { sx: { alignItems: 'center' }, className: `${getDiscountColor(+baseTrueBondPrice?.bonusWithFee)}`, children: baseTrueBondPrice?.bonusWithFee > 0 ? (`${baseTrueBondPrice?.bonusWithFee?.toFixed(2)}%`) : (jsx(Flex, { sx: { height: '20px', width: '20px', minWidth: '18px' }, children: jsx(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx(Svg, { icon: "Timer", width: 18, color: "#81CFEA" }) }) })) })) : (jsxs(Flex, { sx: { color: bonus && 'success', alignItems: 'center' }, children: [bonus || '-', airdropTooltip && (jsx(TooltipBubble, { body: jsx(Fragment, { children: airdropTooltip }), width: "230px", placement: isMobile ? 'bottomRight' : 'bottomLeft', transformTip: isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)', children: jsx(Flex, { sx: { width: '20px', height: '20px', alignItems: 'center', ml: '5px' }, children: jsx("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png", alt: "airdrop-img", style: { width: '20px', height: '20px' } }) }) }))] })) }));
+                                    }, children: [highestPointsElement?.bonusWithFee?.toFixed(2), "%"] })] })] }) })) : (jsx(Flex, { sx: { height: '20px', width: '20px', minWidth: '18px' }, children: jsx(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx(Timer, { width: 18, color: "#81CFEA" }) }) })) })) : baseTrueBondPrice ? (jsx(Flex, { sx: { alignItems: 'center' }, className: `${getDiscountColor(+baseTrueBondPrice?.bonusWithFee)}`, children: baseTrueBondPrice?.bonusWithFee > 0 ? (`${baseTrueBondPrice?.bonusWithFee?.toFixed(2)}%`) : (jsx(Flex, { sx: { height: '20px', width: '20px', minWidth: '18px' }, children: jsx(TooltipBubble, { body: 'This bond is currently on cooldown and has no bonus. Please check back soon.', width: "205px", placement: "bottomRight", transformTip: "translate(10%, 0%)", children: jsx(Timer, { width: 18, color: "#81CFEA" }) }) })) })) : (jsxs(Flex, { sx: { color: bonus && 'success', alignItems: 'center' }, children: [bonus || '-', airdropTooltip && (jsx(TooltipBubble, { body: jsx(Fragment, { children: airdropTooltip }), width: "230px", placement: isMobile ? 'bottomRight' : 'bottomLeft', transformTip: isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)', children: jsx(Flex, { sx: { width: '20px', height: '20px', alignItems: 'center', ml: '5px' }, children: jsx("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png", alt: "airdrop-img", style: { width: '20px', height: '20px' } }) }) }))] })) }));
 };
 
 export { BonusComponent as default };

package/dist/views/Bonds/components/BonusComponents/BonusComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BonusComponent.js","sources":["../../../../../src/views/Bonds/components/BonusComponents/BonusComponent.tsx"],"sourcesContent":["import React from 'react'\nimport { TrueBondPrices } from '../../../../types/bonds'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Svg from '../../../../components/uikit-sdk/Svg'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport { BigNumber } from 'bignumber.js'\nimport BonusTable from './BonusTable'\nimport { findHighestTrueBondPrices } from '../../../BuyBond/findHighestTrueBondPrice'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { getDiscountColor } from '../../utils'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\n\nconst BonusComponent = ({\n  trueBondPrices,\n  minTier,\n  bonus,\n  airdropTooltip,\n  tooltipPosition,\n}: {\n  trueBondPrices?: TrueBondPrices[]\n  minTier?: LaunchBondTiers\n  bonus?: string\n  airdropTooltip?: string\n  tooltipPosition: 'bottomRight' | 'bottomLeft'\n}) => {\n  const SDKConfig = useSDKConfig()\n  const isMobile = useIsMobile()\n  const highestPointsElement = trueBondPrices?.reduce((max, current) => {\n    return new BigNumber(current.points).isGreaterThan(new BigNumber(max.points)) ? current : max\n  }, trueBondPrices[0])\n\n  const baseTrueBondPrice = findHighestTrueBondPrices('0', trueBondPrices)\n\n  return (\n    <Flex>\n      {trueBondPrices && trueBondPrices?.length > 1 && SDKConfig.useTiers ? (\n        <Flex sx={{ alignItems: 'center' }}>\n          {highestPointsElement?.bonusWithFee && highestPointsElement?.bonusWithFee > 0 ? (\n            <TooltipBubble\n              width=\"280px\"\n              placement={tooltipPosition}\n              transformTip={tooltipPosition === 'bottomLeft' ? 'translate(0%, 0%)' : 'translate(0%, 0%)'}\n              body={<BonusTable trueBondPrices={trueBondPrices} minTier={minTier} />}\n            >\n              <Flex\n                sx={{\n                  p: '3px 6px',\n                  border: '1px solid var(--theme-ui-colors-primaryButton)',\n                  borderRadius: 'normal',\n                  background: 'transparent',\n                  position: 'relative',\n                  overflow: 'hidden',\n                  cursor: 'pointer',\n                  width: ['130px', '130px', '150px', '150px'],\n                }}\n              >\n                <Flex\n                  sx={{\n                    position: 'absolute',\n                    width: '100%',\n                    height: '100%',\n                    top: 0,\n                    left: 0,\n                    zIndex: 1,\n                    background: 'primaryButton',\n                    opacity: 0.3,\n                  }}\n                />\n                <Flex sx={{ width: '100%', zIndex: 2, alignItems: 'center', justifyContent: 'center' }}>\n                  <img\n                    src={`https://ape.bond/images/launch/mythical.png`}\n                    alt=\"minTier\"\n                    style={{ width: '21px', height: '21px', marginRight: '3px', zIndex: 1 }}\n                  />\n                  <Flex sx={{ fontSize: ['12px', '12px', '14px', '14px'], mr: '3px' }}>Up to</Flex>\n                  <Flex\n                    sx={{\n                      color:\n                        highestPointsElement?.bonusWithFee && highestPointsElement?.bonusWithFee > 0\n                          ? 'success'\n                          : 'error',\n                      fontSize: ['14px', '14px', '16px', '16px'],\n                    }}\n                  >\n                    {highestPointsElement?.bonusWithFee?.toFixed(2)}%\n                  </Flex>\n                </Flex>\n              </Flex>\n            </TooltipBubble>\n          ) : (\n            <Flex sx={{ height: '20px', width: '20px', minWidth: '18px' }}>\n              <TooltipBubble\n                body={'This bond is currently on cooldown and has no bonus. Please check back soon.'}\n                width=\"205px\"\n                placement=\"bottomRight\"\n                transformTip=\"translate(10%, 0%)\"\n              >\n                <Svg icon=\"Timer\" width={18} color=\"#81CFEA\" />\n              </TooltipBubble>\n            </Flex>\n          )}\n        </Flex>\n      ) : baseTrueBondPrice ? (\n        <Flex sx={{ alignItems: 'center' }} className={`${getDiscountColor(+baseTrueBondPrice?.bonusWithFee)}`}>\n          {baseTrueBondPrice?.bonusWithFee > 0 ? (\n            `${baseTrueBondPrice?.bonusWithFee?.toFixed(2)}%`\n          ) : (\n            <Flex sx={{ height: '20px', width: '20px', minWidth: '18px' }}>\n              <TooltipBubble\n                body={'This bond is currently on cooldown and has no bonus. Please check back soon.'}\n                width=\"205px\"\n                placement=\"bottomRight\"\n                transformTip=\"translate(10%, 0%)\"\n              >\n                <Svg icon=\"Timer\" width={18} color=\"#81CFEA\" />\n              </TooltipBubble>\n            </Flex>\n          )}\n        </Flex>\n      ) : (\n        <Flex sx={{ color: bonus && 'success', alignItems: 'center' }}>\n          {bonus || '-'}\n          {airdropTooltip && (\n            <TooltipBubble\n              body={<>{airdropTooltip}</>}\n              width=\"230px\"\n              placement={isMobile ? 'bottomRight' : 'bottomLeft'}\n              transformTip={isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)'}\n            >\n              <Flex sx={{ width: '20px', height: '20px', alignItems: 'center', ml: '5px' }}>\n                <img\n                  src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png\"\n                  alt=\"airdrop-img\"\n                  style={{ width: '20px', height: '20px' }}\n                />\n              </Flex>\n            </TooltipBubble>\n          )}\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default BonusComponent\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"BonusComponent.js","sources":["../../../../../src/views/Bonds/components/BonusComponents/BonusComponent.tsx"],"sourcesContent":["import React from 'react'\nimport { TrueBondPrices } from '../../../../types/bonds'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Timer from '../../../../components/uikit-sdk/Svg/Icons/Timer'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport { BigNumber } from 'bignumber.js'\nimport BonusTable from './BonusTable'\nimport { findHighestTrueBondPrices } from '../../../BuyBond/findHighestTrueBondPrice'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { getDiscountColor } from '../../utils'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\n\nconst BonusComponent = ({\n  trueBondPrices,\n  minTier,\n  bonus,\n  airdropTooltip,\n  tooltipPosition,\n}: {\n  trueBondPrices?: TrueBondPrices[]\n  minTier?: LaunchBondTiers\n  bonus?: string\n  airdropTooltip?: string\n  tooltipPosition: 'bottomRight' | 'bottomLeft'\n}) => {\n  const SDKConfig = useSDKConfig()\n  const isMobile = useIsMobile()\n  const highestPointsElement = trueBondPrices?.reduce((max, current) => {\n    return new BigNumber(current.points).isGreaterThan(new BigNumber(max.points)) ? current : max\n  }, trueBondPrices[0])\n\n  const baseTrueBondPrice = findHighestTrueBondPrices('0', trueBondPrices)\n\n  return (\n    <Flex>\n      {trueBondPrices && trueBondPrices?.length > 1 && SDKConfig.useTiers ? (\n        <Flex sx={{ alignItems: 'center' }}>\n          {highestPointsElement?.bonusWithFee && highestPointsElement?.bonusWithFee > 0 ? (\n            <TooltipBubble\n              width=\"280px\"\n              placement={tooltipPosition}\n              transformTip={tooltipPosition === 'bottomLeft' ? 'translate(0%, 0%)' : 'translate(0%, 0%)'}\n              body={<BonusTable trueBondPrices={trueBondPrices} minTier={minTier} />}\n            >\n              <Flex\n                sx={{\n                  p: '3px 6px',\n                  border: '1px solid var(--theme-ui-colors-primaryButton)',\n                  borderRadius: 'normal',\n                  background: 'transparent',\n                  position: 'relative',\n                  overflow: 'hidden',\n                  cursor: 'pointer',\n                  width: ['130px', '130px', '150px', '150px'],\n                }}\n              >\n                <Flex\n                  sx={{\n                    position: 'absolute',\n                    width: '100%',\n                    height: '100%',\n                    top: 0,\n                    left: 0,\n                    zIndex: 1,\n                    background: 'primaryButton',\n                    opacity: 0.3,\n                  }}\n                />\n                <Flex sx={{ width: '100%', zIndex: 2, alignItems: 'center', justifyContent: 'center' }}>\n                  <img\n                    src={`https://ape.bond/images/launch/mythical.png`}\n                    alt=\"minTier\"\n                    style={{ width: '21px', height: '21px', marginRight: '3px', zIndex: 1 }}\n                  />\n                  <Flex sx={{ fontSize: ['12px', '12px', '14px', '14px'], mr: '3px' }}>Up to</Flex>\n                  <Flex\n                    sx={{\n                      color:\n                        highestPointsElement?.bonusWithFee && highestPointsElement?.bonusWithFee > 0\n                          ? 'success'\n                          : 'error',\n                      fontSize: ['14px', '14px', '16px', '16px'],\n                    }}\n                  >\n                    {highestPointsElement?.bonusWithFee?.toFixed(2)}%\n                  </Flex>\n                </Flex>\n              </Flex>\n            </TooltipBubble>\n          ) : (\n            <Flex sx={{ height: '20px', width: '20px', minWidth: '18px' }}>\n              <TooltipBubble\n                body={'This bond is currently on cooldown and has no bonus. Please check back soon.'}\n                width=\"205px\"\n                placement=\"bottomRight\"\n                transformTip=\"translate(10%, 0%)\"\n              >\n                <Timer width={18} color=\"#81CFEA\" />\n              </TooltipBubble>\n            </Flex>\n          )}\n        </Flex>\n      ) : baseTrueBondPrice ? (\n        <Flex sx={{ alignItems: 'center' }} className={`${getDiscountColor(+baseTrueBondPrice?.bonusWithFee)}`}>\n          {baseTrueBondPrice?.bonusWithFee > 0 ? (\n            `${baseTrueBondPrice?.bonusWithFee?.toFixed(2)}%`\n          ) : (\n            <Flex sx={{ height: '20px', width: '20px', minWidth: '18px' }}>\n              <TooltipBubble\n                body={'This bond is currently on cooldown and has no bonus. Please check back soon.'}\n                width=\"205px\"\n                placement=\"bottomRight\"\n                transformTip=\"translate(10%, 0%)\"\n              >\n                <Timer width={18} color=\"#81CFEA\" />\n              </TooltipBubble>\n            </Flex>\n          )}\n        </Flex>\n      ) : (\n        <Flex sx={{ color: bonus && 'success', alignItems: 'center' }}>\n          {bonus || '-'}\n          {airdropTooltip && (\n            <TooltipBubble\n              body={<>{airdropTooltip}</>}\n              width=\"230px\"\n              placement={isMobile ? 'bottomRight' : 'bottomLeft'}\n              transformTip={isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)'}\n            >\n              <Flex sx={{ width: '20px', height: '20px', alignItems: 'center', ml: '5px' }}>\n                <img\n                  src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png\"\n                  alt=\"airdrop-img\"\n                  style={{ width: '20px', height: '20px' }}\n                />\n              </Flex>\n            </TooltipBubble>\n          )}\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default BonusComponent\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/views/Bonds/components/HotBondCards/HotBondCard.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'theme-ui/jsx-runtime';
 import { styles } from './styles.js';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
-import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import More from '../../../../components/uikit-sdk/Svg/Icons/More.js';
 import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
 import TokenInfoAndName from '../../../../components/TokenInfoAndName/index.js';
 import BondInfoTooltip from '../../../../components/Tooltip/Tooltip.js';
@@ -30,7 +30,7 @@ const HotBondCard = ({ bond }) => {
             },
         });
     };
-    return (jsx(Flex, { sx: styles.desktopCard, className: "hot-bond-card", onClick: handleOpenModal, children: jsxs(Flex, { sx: { flexDirection: 'column', width: '100%' }, children: [jsxs(Flex, { sx: { width: '100%', height: '75px' }, children: [jsx(Flex, { sx: { width: '66.66%' }, children: jsx(TokenInfoAndName, { tokenSymbol: bond.earnToken.symbol, chain: bond.chainId, tag: bond.tags?.[0], isHotBond: true }) }), jsx(Flex, { className: "column column-tokenicons", sx: { width: '33.33% !important', justifyContent: 'center !important', alignItems: 'center' }, children: jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(BondInfoTooltip, { earnTokenContract: bond?.earnToken?.address?.[bond?.chainId] ?? '', earnTokenSymbol: bond?.earnToken?.symbol ?? '', bondContract: bond?.contractAddress?.[bond?.chainId] ?? '', projectLink: bond?.projectLink, twitter: bond?.twitter, audit: bond?.audit, chain: bond?.chainId }), width: "205px", placement: "bottomRight", transformTip: "translate(11%, 0%)", children: jsx(Svg, { icon: "more", width: "20px" }) }) })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-around' }, children: [jsxs(Flex, { sx: { flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [jsx(Flex, { sx: { opacity: 0.6, fontSize: '12px', fontWeight: 400 }, children: "Bonus" }), jsx(Flex, { className: `${getDiscountColor(bonus)}`, sx: { width: '100%', justifyContent: 'center' }, children: bonus !== undefined ? (bonus < 0 ? '0%' : `${bonus?.toFixed(2)}%`) : '-' })] }), jsxs(Flex, { sx: { flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [jsx(Flex, { sx: { opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }, children: "ARR" }), jsx(Flex, { sx: { width: '100%', justifyContent: 'center' }, children: calculateARR(bond, SDKConfig.useTiers) })] }), jsxs(Flex, { sx: { flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [jsx(Flex, { sx: { opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }, children: "Terms" }), jsx(Flex, { sx: { width: '100%', justifyContent: 'center' }, children: vestingTime(bond?.vestingTerm)?.days ? `${vestingTime(bond?.vestingTerm)?.days} D` : '-' })] })] })] }) }));
+    return (jsx(Flex, { sx: styles.desktopCard, className: "hot-bond-card", onClick: handleOpenModal, children: jsxs(Flex, { sx: { flexDirection: 'column', width: '100%' }, children: [jsxs(Flex, { sx: { width: '100%', height: '75px' }, children: [jsx(Flex, { sx: { width: '66.66%' }, children: jsx(TokenInfoAndName, { tokenSymbol: bond.earnToken.symbol, chain: bond.chainId, tag: bond.tags?.[0], isHotBond: true }) }), jsx(Flex, { className: "column column-tokenicons", sx: { width: '33.33% !important', justifyContent: 'center !important', alignItems: 'center' }, children: jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(BondInfoTooltip, { earnTokenContract: bond?.earnToken?.address?.[bond?.chainId] ?? '', earnTokenSymbol: bond?.earnToken?.symbol ?? '', bondContract: bond?.contractAddress?.[bond?.chainId] ?? '', projectLink: bond?.projectLink, twitter: bond?.twitter, audit: bond?.audit, chain: bond?.chainId }), width: "205px", placement: "bottomRight", transformTip: "translate(11%, 0%)", children: jsx(More, { width: "20px" }) }) })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-around' }, children: [jsxs(Flex, { sx: { flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [jsx(Flex, { sx: { opacity: 0.6, fontSize: '12px', fontWeight: 400 }, children: "Bonus" }), jsx(Flex, { className: `${getDiscountColor(bonus)}`, sx: { width: '100%', justifyContent: 'center' }, children: bonus !== undefined ? (bonus < 0 ? '0%' : `${bonus?.toFixed(2)}%`) : '-' })] }), jsxs(Flex, { sx: { flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [jsx(Flex, { sx: { opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }, children: "ARR" }), jsx(Flex, { sx: { width: '100%', justifyContent: 'center' }, children: calculateARR(bond, SDKConfig.useTiers) })] }), jsxs(Flex, { sx: { flexDirection: 'column', alignItems: 'center', width: '100%' }, children: [jsx(Flex, { sx: { opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }, children: "Terms" }), jsx(Flex, { sx: { width: '100%', justifyContent: 'center' }, children: vestingTime(bond?.vestingTerm)?.days ? `${vestingTime(bond?.vestingTerm)?.days} D` : '-' })] })] })] }) }));
 };
 
 export { HotBondCard as default };

package/dist/views/Bonds/components/HotBondCards/HotBondCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotBondCard.js","sources":["../../../../../src/views/Bonds/components/HotBondCards/HotBondCard.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { BondsData } from '../../../../types/bonds'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Svg from '../../../../components/uikit-sdk/Svg'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport TokenInfoAndName from '../../../../components/TokenInfoAndName'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport { calculateARR, getDiscountColor, vestingTime } from '../../utils'\nimport useModal from '../../../../hooks/useModal'\nimport BuyBondModal from '../../../BuyBond/BuyBondModal'\nimport track from '../../../../utils/track'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { findHighestTrueBondPrice } from '../../../BuyBond/findHighestTrueBondPrice'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\n\nconst HotBondCard = ({ bond }: { bond: BondsData }) => {\n  const bonus = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond)?.bonus\n  const SDKConfig = useSDKConfig()\n\n  // Modal\n  const [openBuyModal] = useModal(\n    <BuyBondModal bondAddress={bond?.contractAddress?.[bond?.chainId]} bondChain={bond.chainId} />,\n    true,\n    true,\n    `buyBondModal-${bond?.contractAddress?.[bond?.chainId]}-${bond.chainId}`,\n  )\n\n  const handleOpenModal = () => {\n    openBuyModal()\n    track({\n      event: 'hotClick',\n      chain: bond.chainId,\n      data: {\n        cat: 'hotClick',\n        bond: bond.earnToken.symbol,\n      },\n    })\n  }\n\n  return (\n    <Flex sx={styles.desktopCard} className=\"hot-bond-card\" onClick={handleOpenModal}>\n      <Flex sx={{ flexDirection: 'column', width: '100%' }}>\n        <Flex sx={{ width: '100%', height: '75px' }}>\n          <Flex sx={{ width: '66.66%' }}>\n            <TokenInfoAndName tokenSymbol={bond.earnToken.symbol} chain={bond.chainId} tag={bond.tags?.[0]} isHotBond />\n          </Flex>\n          <Flex\n            className=\"column column-tokenicons\"\n            sx={{ width: '33.33% !important', justifyContent: 'center !important', alignItems: 'center' }}\n          >\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={\n                <Tooltip\n                  earnTokenContract={bond?.earnToken?.address?.[bond?.chainId] ?? ''}\n                  earnTokenSymbol={bond?.earnToken?.symbol ?? ''}\n                  bondContract={bond?.contractAddress?.[bond?.chainId] ?? ''}\n                  projectLink={bond?.projectLink}\n                  twitter={bond?.twitter}\n                  audit={bond?.audit}\n                  chain={bond?.chainId}\n                />\n              }\n              width=\"205px\"\n              placement=\"bottomRight\"\n              transformTip=\"translate(11%, 0%)\"\n            >\n              <Svg icon=\"more\" width=\"20px\" />\n            </TooltipBubble>\n          </Flex>\n        </Flex>\n        <Flex sx={{ width: '100%', justifyContent: 'space-around' }}>\n          <Flex sx={{ flexDirection: 'column', alignItems: 'center', width: '100%' }}>\n            <Flex sx={{ opacity: 0.6, fontSize: '12px', fontWeight: 400 }}>Bonus</Flex>\n            <Flex className={`${getDiscountColor(bonus)}`} sx={{ width: '100%', justifyContent: 'center' }}>\n              {bonus !== undefined ? (bonus < 0 ? '0%' : `${bonus?.toFixed(2)}%`) : '-'}\n            </Flex>\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', alignItems: 'center', width: '100%' }}>\n            <Flex sx={{ opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }}>\n              ARR\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'center' }}>{calculateARR(bond, SDKConfig.useTiers)}</Flex>\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', alignItems: 'center', width: '100%' }}>\n            <Flex sx={{ opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }}>\n              Terms\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'center' }}>\n              {vestingTime(bond?.vestingTerm)?.days ? `${vestingTime(bond?.vestingTerm)?.days} D` : '-'}\n            </Flex>\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default HotBondCard\n"],"names":["_jsx","_jsxs","Tooltip"],"mappings":"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"}
+{"version":3,"file":"HotBondCard.js","sources":["../../../../../src/views/Bonds/components/HotBondCards/HotBondCard.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { BondsData } from '../../../../types/bonds'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport More from '../../../../components/uikit-sdk/Svg/Icons/More'\nimport TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble'\nimport TokenInfoAndName from '../../../../components/TokenInfoAndName'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport { calculateARR, getDiscountColor, vestingTime } from '../../utils'\nimport useModal from '../../../../hooks/useModal'\nimport BuyBondModal from '../../../BuyBond/BuyBondModal'\nimport track from '../../../../utils/track'\nimport { TIERS_WEIGHT } from '../../../../state/tiers/useTierPoints'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\nimport { findHighestTrueBondPrice } from '../../../BuyBond/findHighestTrueBondPrice'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\n\nconst HotBondCard = ({ bond }: { bond: BondsData }) => {\n  const bonus = findHighestTrueBondPrice(TIERS_WEIGHT[LaunchBondTiers.Legend], bond)?.bonus\n  const SDKConfig = useSDKConfig()\n\n  // Modal\n  const [openBuyModal] = useModal(\n    <BuyBondModal bondAddress={bond?.contractAddress?.[bond?.chainId]} bondChain={bond.chainId} />,\n    true,\n    true,\n    `buyBondModal-${bond?.contractAddress?.[bond?.chainId]}-${bond.chainId}`,\n  )\n\n  const handleOpenModal = () => {\n    openBuyModal()\n    track({\n      event: 'hotClick',\n      chain: bond.chainId,\n      data: {\n        cat: 'hotClick',\n        bond: bond.earnToken.symbol,\n      },\n    })\n  }\n\n  return (\n    <Flex sx={styles.desktopCard} className=\"hot-bond-card\" onClick={handleOpenModal}>\n      <Flex sx={{ flexDirection: 'column', width: '100%' }}>\n        <Flex sx={{ width: '100%', height: '75px' }}>\n          <Flex sx={{ width: '66.66%' }}>\n            <TokenInfoAndName tokenSymbol={bond.earnToken.symbol} chain={bond.chainId} tag={bond.tags?.[0]} isHotBond />\n          </Flex>\n          <Flex\n            className=\"column column-tokenicons\"\n            sx={{ width: '33.33% !important', justifyContent: 'center !important', alignItems: 'center' }}\n          >\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={\n                <Tooltip\n                  earnTokenContract={bond?.earnToken?.address?.[bond?.chainId] ?? ''}\n                  earnTokenSymbol={bond?.earnToken?.symbol ?? ''}\n                  bondContract={bond?.contractAddress?.[bond?.chainId] ?? ''}\n                  projectLink={bond?.projectLink}\n                  twitter={bond?.twitter}\n                  audit={bond?.audit}\n                  chain={bond?.chainId}\n                />\n              }\n              width=\"205px\"\n              placement=\"bottomRight\"\n              transformTip=\"translate(11%, 0%)\"\n            >\n              <More width=\"20px\" />\n            </TooltipBubble>\n          </Flex>\n        </Flex>\n        <Flex sx={{ width: '100%', justifyContent: 'space-around' }}>\n          <Flex sx={{ flexDirection: 'column', alignItems: 'center', width: '100%' }}>\n            <Flex sx={{ opacity: 0.6, fontSize: '12px', fontWeight: 400 }}>Bonus</Flex>\n            <Flex className={`${getDiscountColor(bonus)}`} sx={{ width: '100%', justifyContent: 'center' }}>\n              {bonus !== undefined ? (bonus < 0 ? '0%' : `${bonus?.toFixed(2)}%`) : '-'}\n            </Flex>\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', alignItems: 'center', width: '100%' }}>\n            <Flex sx={{ opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }}>\n              ARR\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'center' }}>{calculateARR(bond, SDKConfig.useTiers)}</Flex>\n          </Flex>\n          <Flex sx={{ flexDirection: 'column', alignItems: 'center', width: '100%' }}>\n            <Flex sx={{ opacity: 0.6, fontSize: '12px', fontWeight: 400, width: '100%', justifyContent: 'center' }}>\n              Terms\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'center' }}>\n              {vestingTime(bond?.vestingTerm)?.days ? `${vestingTime(bond?.vestingTerm)?.days} D` : '-'}\n            </Flex>\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default HotBondCard\n"],"names":["_jsx","_jsxs","Tooltip"],"mappings":"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"}

package/dist/views/BuyBond/BuyBond.js

@@ -3,7 +3,7 @@ import { useState, useCallback, useEffect } from 'react';
 import { BigNumber } from 'bignumber.js';
 import Button from '../../components/uikit-sdk/Button/Button.js';
 import Flex from '../../components/uikit-sdk/Flex/index.js';
-import Svg from '../../components/uikit-sdk/Svg/index.js';
+import QuestionCircle from '../../components/uikit-sdk/Svg/Icons/QuestionCircle.js';
 import Text from '../../components/uikit-sdk/Text/index.js';
 import TooltipBubble from '../../components/uikit-sdk/TooltipBubble/index.js';
 import { adjustDecimals } from '../../utils/convertToTokenValue.js';
@@ -312,7 +312,7 @@ const BuyBond = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond, isPro
                             mt: '10px',
                             borderRadius: 'normal',
                             p: '2px 10px',
-                        }, children: jsxs(Text, { sx: { fontSize: '12px', fontWeight: 400, display: 'flex', alignItems: 'center', gap: '10px' }, children: [jsx(SafeHTMLComponent, { html: bondData?.warningCard }), bondData?.chainId === ChainId.SONIC && bondData?.earnToken.symbol.toLowerCase() === 'moon' && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Text, { sx: { textTransform: 'none' }, children: "Open the 'cog' icon menu in the top right and set the Slippage Tolerance to 5% or more." }), width: "315px", placement: "topRight", transformTip: "translate(9%, -10%)", children: jsx(Svg, { icon: "questionCircle", width: 14, color: "textDisabledButton" }) }))] }) })), jsxs(Flex, { className: "modaltable-container button-container", children: [account && (jsx(Flex, { className: "button-container get", children: jsx(Button, { className: "action-button", onClick: () => bondData.billVersion === BillVersion.V4 && SDKConfig.useTiers && zapEnabled
+                        }, children: jsxs(Text, { sx: { fontSize: '12px', fontWeight: 400, display: 'flex', alignItems: 'center', gap: '10px' }, children: [jsx(SafeHTMLComponent, { html: bondData?.warningCard }), bondData?.chainId === ChainId.SONIC && bondData?.earnToken.symbol.toLowerCase() === 'moon' && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Text, { sx: { textTransform: 'none' }, children: "Open the 'cog' icon menu in the top right and set the Slippage Tolerance to 5% or more." }), width: "315px", placement: "topRight", transformTip: "translate(9%, -10%)", children: jsx(QuestionCircle, { width: 14, color: "textDisabledButton" }) }))] }) })), jsxs(Flex, { className: "modaltable-container button-container", children: [account && (jsx(Flex, { className: "button-container get", children: jsx(Button, { className: "action-button", onClick: () => bondData.billVersion === BillVersion.V4 && SDKConfig.useTiers && zapEnabled
                                         ? window.open('http://ape.bond/tier-staking', '_blank')
                                         : zapEnabled
                                             ? handleOpenZapModal()

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

@@ -1 +1 @@
-{"version":3,"file":"BuyBond.js","sources":["../../../src/views/BuyBond/BuyBond.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react'\nimport { BigNumber } from 'bignumber.js'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport Svg from '../../components/uikit-sdk/Svg'\nimport Text from '../../components/uikit-sdk/Text'\nimport TooltipBubble from '../../components/uikit-sdk/TooltipBubble'\nimport { adjustDecimals } from '../../utils/convertToTokenValue'\nimport ABI_DEPOSIT from '../../config/abi/deposit.json'\nimport ABI_DEPOSIT_SIG from '../../config/abi/depositSig.json'\nimport { useAccount, useChainId, useSendTransaction, useWriteContract } from 'wagmi'\nimport useModal from '../../hooks/useModal'\nimport ZapModal from '../ZapModal'\nimport { BillArtCollection, BillVersion, ChainId, Token } from '@ape.swap/apeswap-lists'\nimport TokenSelectorPanel from '../../components/TokenSelectorPanel'\nimport { useApproval } from '../../state/allowance/useAllowance'\nimport { SoulZapTokenManager } from '../../config/constants/addresses'\nimport useSoulZapBondQuote from '../../state/zap/useSoulZapBondQuote'\nimport { parseEther } from 'viem'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport useTokenFromZapList from '../../hooks/useTokenFromZapList'\nimport { useMonitorTxHash } from '../../hooks/useMonitorTxHash'\nimport { usePopups } from '../../state/popups/usePopups'\nimport { formatNumber, formatUSDNumber, getMaxBuy, getPayoutAmount } from '../../utils/displayHelpers'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { supportedByLIFI } from '../../config/constants/variables'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport { useSendReferenceId } from '../../hooks/useSendReferenceId'\nimport ConnectButton from '../../components/ConnectButton'\nimport BondModalHeader from './components/BondModalHeader'\nimport BondCards from './components/BondCards'\nimport Estimations from './components/Estimations'\nimport ProjectDescription from './components/ProjectDescription'\nimport track from '../../utils/track'\nimport { remove0xPrefix } from '../../utils/remove0xPrefix'\nimport useTierPoints, { getUserTier } from '../../state/tiers/useTierPoints'\nimport NewRateModal from './components/NewRateModal/NewRateModal'\nimport NoBonusModal from './components/NoBonusModal/NoBonusModal'\nimport useTierProofSignature from '../../state/bonds/useTierProofSignature'\nimport { findHighestTrueBondPrice } from './findHighestTrueBondPrice'\nimport GetUpToComponent from './components/GetUpToComponent/GetUpToComponent'\nimport SafeHTMLComponent from '../../components/SafeHTMLComponent'\nimport { useIsMobile } from '../../hooks/useIsMobile'\nimport useSortedZapList from '../../hooks/useSortedZapList'\nimport TransactionModal from '../TransactionModal/TransactionModal'\nimport { reportError } from '../../utils/reportError'\n\nexport interface BuyBondProps {\n  onDismiss?: () => void // this is only the modal\n  bondAddress?: string\n  bondChain?: number\n  handlePurchasedBond?: (hash: string) => void\n  isProjectView?: boolean\n}\n\nconst BuyBond: React.FC<BuyBondProps> = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond, isProjectView }) => {\n  const SDKConfig = useSDKConfig()\n  // Hooks\n  const userChainId = useChainId()\n  const { address: account } = useAccount()\n  const { writeContractAsync } = useWriteContract()\n  const { sendTransactionAsync } = useSendTransaction()\n  const { data: bonds, refetch: refetchBondState } = useBondsData()\n  const sendReferenceId = useSendReferenceId()\n  const { data: userPoints } = useTierPoints()\n  const bondData = bonds?.find(\n    (bond) => bond?.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress?.toLowerCase(),\n  )!\n  const isMobile = useIsMobile()\n\n  // Tier Gating\n  const userTier = getUserTier(userPoints ?? '0')\n  const minTier = bondData?.minTier !== undefined ? bondData.minTier : null\n  const isUserRestricted = minTier !== null && (userTier === null || userTier < minTier)\n  const trueBondPriceData = findHighestTrueBondPrice(userPoints, bondData)\n  const trueBondPrice = trueBondPriceData?.trueBondPrice\n  const { data: tierProofSig } = useTierProofSignature(bondAddress, bondChain, isUserRestricted)\n\n  // State\n  const [buyTxHash, setBuyTxHash] = useState<string | undefined>()\n  const [inputValue, setInputValue] = useState('')\n  const [inputTokenString, setInputTokenString] = useState(bondData?.lpToken?.address?.[bondData.chainId])\n\n  // On-chain Data\n  const inputToken = useTokenFromZapList(inputTokenString, bondData?.chainId, bondData?.lpToken)\n  const isZap = inputTokenString?.toLowerCase() !== bondData?.lpToken?.address?.[bondData?.chainId]?.toLowerCase()\n  const [fetchingZapQuote, zapData, zapDepositAmount, zapError, zapTrueBondPrice] = useSoulZapBondQuote(\n    inputValue,\n    inputToken,\n    bondData,\n    account,\n    tierProofSig ?? undefined,\n  )\n\n  const { sortedZapList } = useSortedZapList(bondChain, bondData?.lpToken)\n  const enrichedTokenData = sortedZapList.find((item) =>\n    item.token === 'NATIVE' || inputToken === 'NATIVE'\n      ? item.token === inputToken\n      : item?.token?.address?.[bondChain as ChainId]?.toLowerCase() ===\n        inputToken?.address?.[bondChain as ChainId]?.toLowerCase(),\n  )\n  const inputCurrencyBalance = enrichedTokenData?.balance\n  const inputTokenPrice = enrichedTokenData?.price\n  const rateChanged = parseFloat(zapTrueBondPrice ?? '0') > parseFloat(trueBondPrice ?? '0') * 1.01 && isZap\n\n  // Estimations\n  const depositAmount = isZap ? zapDepositAmount : inputValue\n  const youSpendString = `${formatNumber(inputValue)} ${getSymbol(inputToken, bondData?.chainId)} = \n                  $${formatUSDNumber((parseFloat(inputValue) * (inputTokenPrice ?? 0)).toString())}`\n\n  // Validations\n  const isGoldRush = bondData?.billArt?.collection === BillArtCollection.GoldenTicket_Collection1\n  const zapEnabled = supportedByLIFI.includes(bondData?.chainId)\n  const exceedsMaxBuy = getMaxBuy(bondData, SDKConfig.showLowValueBonds).lt(\n    getPayoutAmount(bondData, depositAmount, userPoints ?? '0'),\n  )\n  const exceedsBalance = new BigNumber(inputCurrencyBalance ?? '0').lt(inputValue)\n\n  // Loading State\n  const [loadingTx, setLoadingTx] = useState(false)\n  const { addToastError } = usePopups()\n  const { isLoading: isConfirming, isSuccess: isConfirmed } = useMonitorTxHash(buyTxHash, userChainId)\n  const load = loadingTx || (isConfirming && !isConfirmed)\n\n  // State Handlers\n  const handleCurrencySelect = useCallback((newInputToken: string) => {\n    setInputValue('')\n    setInputTokenString(newInputToken)\n  }, [])\n\n  const handleOpenZapModal = () => {\n    onOpenZapModal()\n    track({\n      event: 'getTokenClick',\n      chain: bondData?.chainId,\n      data: {\n        bond: bondData?.earnToken.symbol,\n        token: bondData?.lpToken?.symbol,\n      },\n    })\n  }\n\n  // Approve & Purchase Functions\n  const [approvalState, approveCallback] = useApproval(\n    inputValue,\n    inputToken ?? null,\n    (isZap ? SoulZapTokenManager?.[bondData?.chainId as ChainId] : bondData?.contractAddress?.[bondData.chainId]) ??\n      null,\n    account ?? null,\n    bondData?.chainId ?? null,\n  )\n  const handleApprove = async () => {\n    return approveCallback().then(() => {\n      track({\n        event: 'approveBondClick',\n        chain: userChainId,\n        data: {\n          cat: bondData?.billType,\n          bond: bondData?.earnToken.symbol,\n        },\n      })\n    })\n  }\n\n  const handleBuyCallback = async () => {\n    const billAddress: `0x${string}` = bondData?.contractAddress?.[bondData.chainId] as `0x${string}`\n    const decimals = bondData?.lpToken.decimals?.[bondData?.chainId] ?? 18\n    track({\n      event: 'buyBondClick',\n      chain: bondChain,\n      data: {\n        cat: bondData?.billType,\n        bond: bondData?.earnToken.symbol,\n        value: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n      },\n    })\n    try {\n      const maxPrice = new BigNumber(trueBondPrice ?? '0').times(102).div(100).toFixed(0) // multiply it by 1.02\n      const rawAmount = adjustDecimals(inputValue)\n      const amount = new BigNumber(rawAmount).times(new BigNumber(10).pow(decimals ?? 18)).toString()\n\n      const shouldUseSig = bondData?.billVersion === BillVersion.V4 && SDKConfig.useTiers\n      const args = shouldUseSig ? [amount, maxPrice, account, tierProofSig] : [amount, maxPrice, account]\n      const hash = await writeContractAsync({\n        address: billAddress,\n        abi: shouldUseSig ? ABI_DEPOSIT_SIG : ABI_DEPOSIT,\n        functionName: 'deposit',\n        args: args,\n        chain: bondData?.chainId as any,\n        account,\n      })\n      if (hash) {\n        setBuyTxHash(hash)\n        await sendReferenceId(billAddress, userChainId, hash)\n        handlePurchasedBond?.(hash)\n        track({\n          event: 'bond',\n          chain: bondChain,\n          data: {\n            cat: 'lp-buy',\n            type: bondData?.billType ?? '',\n            typedValue: inputValue,\n            principalToken: bondData?.lpToken.symbol ?? '',\n            earnToken: bondData?.earnToken.symbol ?? '',\n            address: remove0xPrefix(bondData?.contractAddress?.[bondData.chainId]),\n            usdAmount: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n          },\n        })\n      }\n    } catch (error: any) {\n      console.error('Buy error', error)\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error,\n        extraInfo: { type: 'buyBond', bondData, error },\n        chainId: bondChain,\n        account,\n      })\n      addToastError(error.shortMessage)\n    }\n  }\n  const handleZapCallback = async () => {\n    if (zapData && zapData?.txData?.to && zapData?.txData?.data) {\n      console.log('Attempting zap tx')\n      track({\n        event: 'buyBondClick',\n        chain: bondData?.chainId,\n        data: {\n          cat: bondData?.billType,\n          bond: bondData?.earnToken.symbol ?? '',\n          value: zapData.lpQuote.fromAmountUSD,\n        },\n      })\n      try {\n        console.log(zapData)\n        const validated18DecimalAmount = new BigNumber(inputValue ?? '0').toFixed(18, 5)\n        const parsedValue = parseEther(validated18DecimalAmount)\n\n        const hash = await sendTransactionAsync({\n          to: zapData.txData.to,\n          data: zapData.txData.data,\n          value: inputToken === 'NATIVE' ? parsedValue : undefined,\n        })\n        if (hash) {\n          setBuyTxHash(hash)\n          await sendReferenceId(bondData?.contractAddress?.[bondData.chainId] ?? '', userChainId, hash)\n          handlePurchasedBond?.(hash)\n          track({\n            event: 'zap',\n            chain: bondChain,\n            data: {\n              cat: 'bill',\n              token1: getSymbol(inputToken),\n              token2: `${bondData?.lpToken.symbol ?? ''}`,\n              amount: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n            },\n          })\n          track({\n            event: 'bond',\n            chain: bondChain,\n            data: {\n              cat: 'zap-buy',\n              type: bondData?.billType ?? '',\n              principalToken: bondData?.lpToken.symbol ?? '',\n              earnToken: bondData?.earnToken.symbol ?? '',\n              address: remove0xPrefix(bondData?.contractAddress?.[bondData.chainId]),\n              amount: inputValue,\n              usdAmount: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n            },\n          })\n        }\n      } catch (e: any) {\n        console.log(e)\n        addToastError(e.shortMessage)\n        reportError({\n          apiUrl: SDKConfig?.urls?.apiV2,\n          error: e,\n          extraInfo: { type: 'zapBuyBond', bondData, zapData, e },\n          chainId: bondChain,\n          account,\n        })\n      }\n    }\n  }\n\n  const handleBothPurchases = () => {\n    setLoadingTx(true)\n    if (isZap) {\n      handleZapCallback().finally(() => setLoadingTx(false))\n    } else {\n      handleBuyCallback().finally(() => setLoadingTx(false))\n    }\n  }\n\n  const handleOpenModal = () => {\n    const bonus = trueBondPriceData?.bonusWithFee ?? 0\n    if (bonus <= 0) {\n      openNoBonusModal()\n    } else {\n      openTxModal()\n    }\n  }\n\n  const openExternal = () => {\n    if (bondData?.lpToken?.getLpUrl?.[bondData?.chainId]) {\n      window.open(bondData.lpToken.getLpUrl?.[bondData?.chainId], '_blank')\n    } else {\n      window.open(\n        `https://ape.bond/swap?outputcurrency=${bondData?.lpToken.address[bondData?.chainId]}&outputChain=${bondData?.chainId}`,\n        '_blank',\n      )\n    }\n  }\n\n  // Modals\n\n  const [openNewRateModal] = useModal(\n    <NewRateModal\n      bond={bondData}\n      zapTrueBondPrice={zapTrueBondPrice}\n      depositAmount={depositAmount}\n      youSpendString={youSpendString}\n      fetchingZapQuote={fetchingZapQuote}\n      zapError={zapError}\n    />,\n    true,\n    false,\n    'newRateModal',\n  )\n\n  const [openTxModal] = useModal(\n    <TransactionModal\n      txChain={bondChain}\n      approvalState={approvalState}\n      approveCallback={handleApprove}\n      loadingTx={loadingTx}\n      txCallback={handleBothPurchases}\n      bondData={bondData!}\n      inputToken={inputToken}\n      inputValue={inputValue}\n      depositAmount={depositAmount}\n      buyTxHash={buyTxHash}\n      rateChanged={rateChanged}\n    />,\n    false,\n    true,\n    'transactionModal',\n  )\n\n  const [onOpenZapModal] = useModal(\n    <ZapModal outputToken={bondData?.lpToken as Token} account={account} chainId={bondData?.chainId as ChainId} />,\n    true,\n    true,\n    'zapModal',\n  )\n\n  const [openNoBonusModal] = useModal(\n    <NoBonusModal onAcknowledge={openTxModal} showcaseTokenName={bondData?.showcaseTokenName} />,\n    true,\n    true,\n    'NoBonusModal',\n  )\n\n  // Effects\n  const [hasChecked, setHasChecked] = useState(false)\n  const [hasCheckedTrack, setHasCheckedTrack] = useState<boolean>(false)\n  useEffect(() => {\n    if (\n      inputCurrencyBalance !== undefined &&\n      inputCurrencyBalance === '0' &&\n      !hasChecked &&\n      bondChain &&\n      zapEnabled &&\n      sortedZapList?.length > 0 &&\n      sortedZapList[0].usdValue !== 0\n    ) {\n      setHasChecked(true)\n      setInputTokenString(\n        sortedZapList[0].token === 'NATIVE' ? 'NATIVE' : sortedZapList[0].token.address[bondChain as ChainId],\n      )\n    }\n    if (bondData && !hasCheckedTrack) {\n      setHasCheckedTrack(true)\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [inputCurrencyBalance, sortedZapList, bondData])\n\n  // If rateChanged meaning the zap quote has a >1% difference from the true bond price, we let the user know and we update state\n  useEffect(() => {\n    if (rateChanged) {\n      console.log('rate changed, refetch state and let user know')\n      openNewRateModal()\n      refetchBondState()\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [rateChanged])\n\n  return bondData ? (\n    <Flex className={`modal-content ${isGoldRush ? 'gold-rush' : ''}`}>\n      {!isProjectView && <div className=\"gold-ribbon\"></div>}\n      <Flex className=\"modaltable-container\">\n        <BondModalHeader\n          bondData={bondData}\n          onDismiss={onDismiss}\n          showProjectInfoButton={SDKConfig?.referenceId === 'apebond'}\n        />\n        <ProjectDescription description={bondData.shortDescription} isProjectView />\n        <Flex sx={{ width: '100%', display: isProjectView ? ['flex', 'flex', 'flex', 'none'] : 'flex' }}>\n          <BondCards bondData={bondData} />\n        </Flex>\n        <Estimations\n          depositAmount={depositAmount}\n          bondData={bondData}\n          youSpendString={youSpendString}\n          isZap={isZap}\n          fetchingZapQuote={fetchingZapQuote}\n          zapError={zapError}\n        />\n        <TokenSelectorPanel\n          typedValue={inputValue}\n          setTypedValue={setInputValue}\n          selectedToken={inputToken}\n          handleValueBtn={() => setInputValue(new BigNumber(inputCurrencyBalance ?? '0')?.toString())}\n          handleCurrencySelect={handleCurrencySelect}\n          chainId={bondData?.chainId}\n          enableZap={zapEnabled}\n          bondPrincipalToken={bondData?.lpToken}\n          tokenBalance={inputCurrencyBalance}\n          selectedTokenPrice={inputTokenPrice}\n          inputDisabled={isUserRestricted}\n        />\n        {SDKConfig.useTiers && <GetUpToComponent bond={bondData} depositAmount={depositAmount} />}\n        {bondData?.warningCard && (\n          <Flex\n            sx={{\n              width: '100%',\n              background: '#DE62F366',\n              justifyContent: 'center',\n              mt: '10px',\n              borderRadius: 'normal',\n              p: '2px 10px',\n            }}\n          >\n            <Text sx={{ fontSize: '12px', fontWeight: 400, display: 'flex', alignItems: 'center', gap: '10px' }}>\n              <SafeHTMLComponent html={bondData?.warningCard} />\n              {bondData?.chainId === ChainId.SONIC && bondData?.earnToken.symbol.toLowerCase() === 'moon' && (\n                <TooltipBubble\n                  className=\"tooltip-bubble\"\n                  body={\n                    <Text sx={{ textTransform: 'none' }}>\n                      Open the &#39;cog&#39; icon menu in the top right and set the Slippage Tolerance to 5% or more.\n                    </Text>\n                  }\n                  width=\"315px\"\n                  placement=\"topRight\"\n                  transformTip=\"translate(9%, -10%)\"\n                >\n                  <Svg icon=\"questionCircle\" width={14} color=\"textDisabledButton\" />\n                </TooltipBubble>\n              )}\n            </Text>\n          </Flex>\n        )}\n        <Flex className=\"modaltable-container button-container\">\n          {account && (\n            <Flex className=\"button-container get\">\n              <Button\n                className=\"action-button\"\n                onClick={() =>\n                  bondData.billVersion === BillVersion.V4 && SDKConfig.useTiers && zapEnabled\n                    ? window.open('http://ape.bond/tier-staking', '_blank')\n                    : zapEnabled\n                      ? handleOpenZapModal()\n                      : openExternal()\n                }\n                variant=\"secondary\"\n                fullWidth\n              >\n                {bondData.billVersion === BillVersion.V4 && SDKConfig.useTiers && zapEnabled\n                  ? `Get ${!isMobile ? 'your' : ''} Tier`\n                  : `Get ${getSymbol(bondData?.lpToken)}`}\n              </Button>\n            </Flex>\n          )}\n          <Flex className=\"button-container buy\">\n            {!account ? (\n              <ConnectButton />\n            ) : isUserRestricted ? (\n              <Button className=\"action-button\" disabled>\n                INSUFFICIENT TIER\n              </Button>\n            ) : (\n              <Button\n                className=\"action-button\"\n                load={load || fetchingZapQuote}\n                disabled={\n                  load ||\n                  bondData?.soldOut ||\n                  !account ||\n                  !inputValue ||\n                  parseFloat(inputValue) === 0 ||\n                  fetchingZapQuote ||\n                  zapError ||\n                  exceedsMaxBuy ||\n                  exceedsBalance ||\n                  (isZap && !zapData)\n                }\n                onClick={handleOpenModal}\n              >\n                {exceedsMaxBuy\n                  ? 'Exceeds Max Buy'\n                  : exceedsBalance\n                    ? 'Exceeds balance'\n                    : zapError\n                      ? 'something went wrong'\n                      : !inputValue || parseFloat(inputValue) === 0\n                        ? 'Insert amount'\n                        : `buy`}\n              </Button>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  ) : (\n    <></>\n  )\n}\nexport default BuyBond\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"BuyBond.js","sources":["../../../src/views/BuyBond/BuyBond.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react'\nimport { BigNumber } from 'bignumber.js'\nimport Button from '../../components/uikit-sdk/Button/Button'\nimport Flex from '../../components/uikit-sdk/Flex'\nimport QuestionCircle from '../../components/uikit-sdk/Svg/Icons/QuestionCircle'\nimport Text from '../../components/uikit-sdk/Text'\nimport TooltipBubble from '../../components/uikit-sdk/TooltipBubble'\nimport { adjustDecimals } from '../../utils/convertToTokenValue'\nimport ABI_DEPOSIT from '../../config/abi/deposit.json'\nimport ABI_DEPOSIT_SIG from '../../config/abi/depositSig.json'\nimport { useAccount, useChainId, useSendTransaction, useWriteContract } from 'wagmi'\nimport useModal from '../../hooks/useModal'\nimport ZapModal from '../ZapModal'\nimport { BillArtCollection, BillVersion, ChainId, Token } from '@ape.swap/apeswap-lists'\nimport TokenSelectorPanel from '../../components/TokenSelectorPanel'\nimport { useApproval } from '../../state/allowance/useAllowance'\nimport { SoulZapTokenManager } from '../../config/constants/addresses'\nimport useSoulZapBondQuote from '../../state/zap/useSoulZapBondQuote'\nimport { parseEther } from 'viem'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport useTokenFromZapList from '../../hooks/useTokenFromZapList'\nimport { useMonitorTxHash } from '../../hooks/useMonitorTxHash'\nimport { usePopups } from '../../state/popups/usePopups'\nimport { formatNumber, formatUSDNumber, getMaxBuy, getPayoutAmount } from '../../utils/displayHelpers'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport { supportedByLIFI } from '../../config/constants/variables'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport { useSendReferenceId } from '../../hooks/useSendReferenceId'\nimport ConnectButton from '../../components/ConnectButton'\nimport BondModalHeader from './components/BondModalHeader'\nimport BondCards from './components/BondCards'\nimport Estimations from './components/Estimations'\nimport ProjectDescription from './components/ProjectDescription'\nimport track from '../../utils/track'\nimport { remove0xPrefix } from '../../utils/remove0xPrefix'\nimport useTierPoints, { getUserTier } from '../../state/tiers/useTierPoints'\nimport NewRateModal from './components/NewRateModal/NewRateModal'\nimport NoBonusModal from './components/NoBonusModal/NoBonusModal'\nimport useTierProofSignature from '../../state/bonds/useTierProofSignature'\nimport { findHighestTrueBondPrice } from './findHighestTrueBondPrice'\nimport GetUpToComponent from './components/GetUpToComponent/GetUpToComponent'\nimport SafeHTMLComponent from '../../components/SafeHTMLComponent'\nimport { useIsMobile } from '../../hooks/useIsMobile'\nimport useSortedZapList from '../../hooks/useSortedZapList'\nimport TransactionModal from '../TransactionModal/TransactionModal'\nimport { reportError } from '../../utils/reportError'\n\nexport interface BuyBondProps {\n  onDismiss?: () => void // this is only the modal\n  bondAddress?: string\n  bondChain?: number\n  handlePurchasedBond?: (hash: string) => void\n  isProjectView?: boolean\n}\n\nconst BuyBond: React.FC<BuyBondProps> = ({ onDismiss, bondAddress, bondChain, handlePurchasedBond, isProjectView }) => {\n  const SDKConfig = useSDKConfig()\n  // Hooks\n  const userChainId = useChainId()\n  const { address: account } = useAccount()\n  const { writeContractAsync } = useWriteContract()\n  const { sendTransactionAsync } = useSendTransaction()\n  const { data: bonds, refetch: refetchBondState } = useBondsData()\n  const sendReferenceId = useSendReferenceId()\n  const { data: userPoints } = useTierPoints()\n  const bondData = bonds?.find(\n    (bond) => bond?.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress?.toLowerCase(),\n  )!\n  const isMobile = useIsMobile()\n\n  // Tier Gating\n  const userTier = getUserTier(userPoints ?? '0')\n  const minTier = bondData?.minTier !== undefined ? bondData.minTier : null\n  const isUserRestricted = minTier !== null && (userTier === null || userTier < minTier)\n  const trueBondPriceData = findHighestTrueBondPrice(userPoints, bondData)\n  const trueBondPrice = trueBondPriceData?.trueBondPrice\n  const { data: tierProofSig } = useTierProofSignature(bondAddress, bondChain, isUserRestricted)\n\n  // State\n  const [buyTxHash, setBuyTxHash] = useState<string | undefined>()\n  const [inputValue, setInputValue] = useState('')\n  const [inputTokenString, setInputTokenString] = useState(bondData?.lpToken?.address?.[bondData.chainId])\n\n  // On-chain Data\n  const inputToken = useTokenFromZapList(inputTokenString, bondData?.chainId, bondData?.lpToken)\n  const isZap = inputTokenString?.toLowerCase() !== bondData?.lpToken?.address?.[bondData?.chainId]?.toLowerCase()\n  const [fetchingZapQuote, zapData, zapDepositAmount, zapError, zapTrueBondPrice] = useSoulZapBondQuote(\n    inputValue,\n    inputToken,\n    bondData,\n    account,\n    tierProofSig ?? undefined,\n  )\n\n  const { sortedZapList } = useSortedZapList(bondChain, bondData?.lpToken)\n  const enrichedTokenData = sortedZapList.find((item) =>\n    item.token === 'NATIVE' || inputToken === 'NATIVE'\n      ? item.token === inputToken\n      : item?.token?.address?.[bondChain as ChainId]?.toLowerCase() ===\n        inputToken?.address?.[bondChain as ChainId]?.toLowerCase(),\n  )\n  const inputCurrencyBalance = enrichedTokenData?.balance\n  const inputTokenPrice = enrichedTokenData?.price\n  const rateChanged = parseFloat(zapTrueBondPrice ?? '0') > parseFloat(trueBondPrice ?? '0') * 1.01 && isZap\n\n  // Estimations\n  const depositAmount = isZap ? zapDepositAmount : inputValue\n  const youSpendString = `${formatNumber(inputValue)} ${getSymbol(inputToken, bondData?.chainId)} = \n                  $${formatUSDNumber((parseFloat(inputValue) * (inputTokenPrice ?? 0)).toString())}`\n\n  // Validations\n  const isGoldRush = bondData?.billArt?.collection === BillArtCollection.GoldenTicket_Collection1\n  const zapEnabled = supportedByLIFI.includes(bondData?.chainId)\n  const exceedsMaxBuy = getMaxBuy(bondData, SDKConfig.showLowValueBonds).lt(\n    getPayoutAmount(bondData, depositAmount, userPoints ?? '0'),\n  )\n  const exceedsBalance = new BigNumber(inputCurrencyBalance ?? '0').lt(inputValue)\n\n  // Loading State\n  const [loadingTx, setLoadingTx] = useState(false)\n  const { addToastError } = usePopups()\n  const { isLoading: isConfirming, isSuccess: isConfirmed } = useMonitorTxHash(buyTxHash, userChainId)\n  const load = loadingTx || (isConfirming && !isConfirmed)\n\n  // State Handlers\n  const handleCurrencySelect = useCallback((newInputToken: string) => {\n    setInputValue('')\n    setInputTokenString(newInputToken)\n  }, [])\n\n  const handleOpenZapModal = () => {\n    onOpenZapModal()\n    track({\n      event: 'getTokenClick',\n      chain: bondData?.chainId,\n      data: {\n        bond: bondData?.earnToken.symbol,\n        token: bondData?.lpToken?.symbol,\n      },\n    })\n  }\n\n  // Approve & Purchase Functions\n  const [approvalState, approveCallback] = useApproval(\n    inputValue,\n    inputToken ?? null,\n    (isZap ? SoulZapTokenManager?.[bondData?.chainId as ChainId] : bondData?.contractAddress?.[bondData.chainId]) ??\n      null,\n    account ?? null,\n    bondData?.chainId ?? null,\n  )\n  const handleApprove = async () => {\n    return approveCallback().then(() => {\n      track({\n        event: 'approveBondClick',\n        chain: userChainId,\n        data: {\n          cat: bondData?.billType,\n          bond: bondData?.earnToken.symbol,\n        },\n      })\n    })\n  }\n\n  const handleBuyCallback = async () => {\n    const billAddress: `0x${string}` = bondData?.contractAddress?.[bondData.chainId] as `0x${string}`\n    const decimals = bondData?.lpToken.decimals?.[bondData?.chainId] ?? 18\n    track({\n      event: 'buyBondClick',\n      chain: bondChain,\n      data: {\n        cat: bondData?.billType,\n        bond: bondData?.earnToken.symbol,\n        value: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n      },\n    })\n    try {\n      const maxPrice = new BigNumber(trueBondPrice ?? '0').times(102).div(100).toFixed(0) // multiply it by 1.02\n      const rawAmount = adjustDecimals(inputValue)\n      const amount = new BigNumber(rawAmount).times(new BigNumber(10).pow(decimals ?? 18)).toString()\n\n      const shouldUseSig = bondData?.billVersion === BillVersion.V4 && SDKConfig.useTiers\n      const args = shouldUseSig ? [amount, maxPrice, account, tierProofSig] : [amount, maxPrice, account]\n      const hash = await writeContractAsync({\n        address: billAddress,\n        abi: shouldUseSig ? ABI_DEPOSIT_SIG : ABI_DEPOSIT,\n        functionName: 'deposit',\n        args: args,\n        chain: bondData?.chainId as any,\n        account,\n      })\n      if (hash) {\n        setBuyTxHash(hash)\n        await sendReferenceId(billAddress, userChainId, hash)\n        handlePurchasedBond?.(hash)\n        track({\n          event: 'bond',\n          chain: bondChain,\n          data: {\n            cat: 'lp-buy',\n            type: bondData?.billType ?? '',\n            typedValue: inputValue,\n            principalToken: bondData?.lpToken.symbol ?? '',\n            earnToken: bondData?.earnToken.symbol ?? '',\n            address: remove0xPrefix(bondData?.contractAddress?.[bondData.chainId]),\n            usdAmount: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n          },\n        })\n      }\n    } catch (error: any) {\n      console.error('Buy error', error)\n      reportError({\n        apiUrl: SDKConfig?.urls?.apiV2,\n        error,\n        extraInfo: { type: 'buyBond', bondData, error },\n        chainId: bondChain,\n        account,\n      })\n      addToastError(error.shortMessage)\n    }\n  }\n  const handleZapCallback = async () => {\n    if (zapData && zapData?.txData?.to && zapData?.txData?.data) {\n      console.log('Attempting zap tx')\n      track({\n        event: 'buyBondClick',\n        chain: bondData?.chainId,\n        data: {\n          cat: bondData?.billType,\n          bond: bondData?.earnToken.symbol ?? '',\n          value: zapData.lpQuote.fromAmountUSD,\n        },\n      })\n      try {\n        console.log(zapData)\n        const validated18DecimalAmount = new BigNumber(inputValue ?? '0').toFixed(18, 5)\n        const parsedValue = parseEther(validated18DecimalAmount)\n\n        const hash = await sendTransactionAsync({\n          to: zapData.txData.to,\n          data: zapData.txData.data,\n          value: inputToken === 'NATIVE' ? parsedValue : undefined,\n        })\n        if (hash) {\n          setBuyTxHash(hash)\n          await sendReferenceId(bondData?.contractAddress?.[bondData.chainId] ?? '', userChainId, hash)\n          handlePurchasedBond?.(hash)\n          track({\n            event: 'zap',\n            chain: bondChain,\n            data: {\n              cat: 'bill',\n              token1: getSymbol(inputToken),\n              token2: `${bondData?.lpToken.symbol ?? ''}`,\n              amount: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n            },\n          })\n          track({\n            event: 'bond',\n            chain: bondChain,\n            data: {\n              cat: 'zap-buy',\n              type: bondData?.billType ?? '',\n              principalToken: bondData?.lpToken.symbol ?? '',\n              earnToken: bondData?.earnToken.symbol ?? '',\n              address: remove0xPrefix(bondData?.contractAddress?.[bondData.chainId]),\n              amount: inputValue,\n              usdAmount: parseFloat(inputValue) * (inputTokenPrice ?? 0),\n            },\n          })\n        }\n      } catch (e: any) {\n        console.log(e)\n        addToastError(e.shortMessage)\n        reportError({\n          apiUrl: SDKConfig?.urls?.apiV2,\n          error: e,\n          extraInfo: { type: 'zapBuyBond', bondData, zapData, e },\n          chainId: bondChain,\n          account,\n        })\n      }\n    }\n  }\n\n  const handleBothPurchases = () => {\n    setLoadingTx(true)\n    if (isZap) {\n      handleZapCallback().finally(() => setLoadingTx(false))\n    } else {\n      handleBuyCallback().finally(() => setLoadingTx(false))\n    }\n  }\n\n  const handleOpenModal = () => {\n    const bonus = trueBondPriceData?.bonusWithFee ?? 0\n    if (bonus <= 0) {\n      openNoBonusModal()\n    } else {\n      openTxModal()\n    }\n  }\n\n  const openExternal = () => {\n    if (bondData?.lpToken?.getLpUrl?.[bondData?.chainId]) {\n      window.open(bondData.lpToken.getLpUrl?.[bondData?.chainId], '_blank')\n    } else {\n      window.open(\n        `https://ape.bond/swap?outputcurrency=${bondData?.lpToken.address[bondData?.chainId]}&outputChain=${bondData?.chainId}`,\n        '_blank',\n      )\n    }\n  }\n\n  // Modals\n\n  const [openNewRateModal] = useModal(\n    <NewRateModal\n      bond={bondData}\n      zapTrueBondPrice={zapTrueBondPrice}\n      depositAmount={depositAmount}\n      youSpendString={youSpendString}\n      fetchingZapQuote={fetchingZapQuote}\n      zapError={zapError}\n    />,\n    true,\n    false,\n    'newRateModal',\n  )\n\n  const [openTxModal] = useModal(\n    <TransactionModal\n      txChain={bondChain}\n      approvalState={approvalState}\n      approveCallback={handleApprove}\n      loadingTx={loadingTx}\n      txCallback={handleBothPurchases}\n      bondData={bondData!}\n      inputToken={inputToken}\n      inputValue={inputValue}\n      depositAmount={depositAmount}\n      buyTxHash={buyTxHash}\n      rateChanged={rateChanged}\n    />,\n    false,\n    true,\n    'transactionModal',\n  )\n\n  const [onOpenZapModal] = useModal(\n    <ZapModal outputToken={bondData?.lpToken as Token} account={account} chainId={bondData?.chainId as ChainId} />,\n    true,\n    true,\n    'zapModal',\n  )\n\n  const [openNoBonusModal] = useModal(\n    <NoBonusModal onAcknowledge={openTxModal} showcaseTokenName={bondData?.showcaseTokenName} />,\n    true,\n    true,\n    'NoBonusModal',\n  )\n\n  // Effects\n  const [hasChecked, setHasChecked] = useState(false)\n  const [hasCheckedTrack, setHasCheckedTrack] = useState<boolean>(false)\n  useEffect(() => {\n    if (\n      inputCurrencyBalance !== undefined &&\n      inputCurrencyBalance === '0' &&\n      !hasChecked &&\n      bondChain &&\n      zapEnabled &&\n      sortedZapList?.length > 0 &&\n      sortedZapList[0].usdValue !== 0\n    ) {\n      setHasChecked(true)\n      setInputTokenString(\n        sortedZapList[0].token === 'NATIVE' ? 'NATIVE' : sortedZapList[0].token.address[bondChain as ChainId],\n      )\n    }\n    if (bondData && !hasCheckedTrack) {\n      setHasCheckedTrack(true)\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [inputCurrencyBalance, sortedZapList, bondData])\n\n  // If rateChanged meaning the zap quote has a >1% difference from the true bond price, we let the user know and we update state\n  useEffect(() => {\n    if (rateChanged) {\n      console.log('rate changed, refetch state and let user know')\n      openNewRateModal()\n      refetchBondState()\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [rateChanged])\n\n  return bondData ? (\n    <Flex className={`modal-content ${isGoldRush ? 'gold-rush' : ''}`}>\n      {!isProjectView && <div className=\"gold-ribbon\"></div>}\n      <Flex className=\"modaltable-container\">\n        <BondModalHeader\n          bondData={bondData}\n          onDismiss={onDismiss}\n          showProjectInfoButton={SDKConfig?.referenceId === 'apebond'}\n        />\n        <ProjectDescription description={bondData.shortDescription} isProjectView />\n        <Flex sx={{ width: '100%', display: isProjectView ? ['flex', 'flex', 'flex', 'none'] : 'flex' }}>\n          <BondCards bondData={bondData} />\n        </Flex>\n        <Estimations\n          depositAmount={depositAmount}\n          bondData={bondData}\n          youSpendString={youSpendString}\n          isZap={isZap}\n          fetchingZapQuote={fetchingZapQuote}\n          zapError={zapError}\n        />\n        <TokenSelectorPanel\n          typedValue={inputValue}\n          setTypedValue={setInputValue}\n          selectedToken={inputToken}\n          handleValueBtn={() => setInputValue(new BigNumber(inputCurrencyBalance ?? '0')?.toString())}\n          handleCurrencySelect={handleCurrencySelect}\n          chainId={bondData?.chainId}\n          enableZap={zapEnabled}\n          bondPrincipalToken={bondData?.lpToken}\n          tokenBalance={inputCurrencyBalance}\n          selectedTokenPrice={inputTokenPrice}\n          inputDisabled={isUserRestricted}\n        />\n        {SDKConfig.useTiers && <GetUpToComponent bond={bondData} depositAmount={depositAmount} />}\n        {bondData?.warningCard && (\n          <Flex\n            sx={{\n              width: '100%',\n              background: '#DE62F366',\n              justifyContent: 'center',\n              mt: '10px',\n              borderRadius: 'normal',\n              p: '2px 10px',\n            }}\n          >\n            <Text sx={{ fontSize: '12px', fontWeight: 400, display: 'flex', alignItems: 'center', gap: '10px' }}>\n              <SafeHTMLComponent html={bondData?.warningCard} />\n              {bondData?.chainId === ChainId.SONIC && bondData?.earnToken.symbol.toLowerCase() === 'moon' && (\n                <TooltipBubble\n                  className=\"tooltip-bubble\"\n                  body={\n                    <Text sx={{ textTransform: 'none' }}>\n                      Open the &#39;cog&#39; icon menu in the top right and set the Slippage Tolerance to 5% or more.\n                    </Text>\n                  }\n                  width=\"315px\"\n                  placement=\"topRight\"\n                  transformTip=\"translate(9%, -10%)\"\n                >\n                  <QuestionCircle width={14} color=\"textDisabledButton\" />\n                </TooltipBubble>\n              )}\n            </Text>\n          </Flex>\n        )}\n        <Flex className=\"modaltable-container button-container\">\n          {account && (\n            <Flex className=\"button-container get\">\n              <Button\n                className=\"action-button\"\n                onClick={() =>\n                  bondData.billVersion === BillVersion.V4 && SDKConfig.useTiers && zapEnabled\n                    ? window.open('http://ape.bond/tier-staking', '_blank')\n                    : zapEnabled\n                      ? handleOpenZapModal()\n                      : openExternal()\n                }\n                variant=\"secondary\"\n                fullWidth\n              >\n                {bondData.billVersion === BillVersion.V4 && SDKConfig.useTiers && zapEnabled\n                  ? `Get ${!isMobile ? 'your' : ''} Tier`\n                  : `Get ${getSymbol(bondData?.lpToken)}`}\n              </Button>\n            </Flex>\n          )}\n          <Flex className=\"button-container buy\">\n            {!account ? (\n              <ConnectButton />\n            ) : isUserRestricted ? (\n              <Button className=\"action-button\" disabled>\n                INSUFFICIENT TIER\n              </Button>\n            ) : (\n              <Button\n                className=\"action-button\"\n                load={load || fetchingZapQuote}\n                disabled={\n                  load ||\n                  bondData?.soldOut ||\n                  !account ||\n                  !inputValue ||\n                  parseFloat(inputValue) === 0 ||\n                  fetchingZapQuote ||\n                  zapError ||\n                  exceedsMaxBuy ||\n                  exceedsBalance ||\n                  (isZap && !zapData)\n                }\n                onClick={handleOpenModal}\n              >\n                {exceedsMaxBuy\n                  ? 'Exceeds Max Buy'\n                  : exceedsBalance\n                    ? 'Exceeds balance'\n                    : zapError\n                      ? 'something went wrong'\n                      : !inputValue || parseFloat(inputValue) === 0\n                        ? 'Insert amount'\n                        : `buy`}\n              </Button>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Flex>\n  ) : (\n    <></>\n  )\n}\nexport default BuyBond\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,MAAM,OAAO,GAA2B,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,mBAAmB,EAAE,aAAa,EAAE,KAAI;AACpH,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;;AAEhC,IAAA,MAAM,WAAW,GAAG,UAAU,EAAE;IAChC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE;AACzC,IAAA,MAAM,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,EAAE;AACjD,IAAA,MAAM,EAAE,oBAAoB,EAAE,GAAG,kBAAkB,EAAE;AACrD,IAAA,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE;AACjE,IAAA,MAAM,eAAe,GAAG,kBAAkB,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE;AAC5C,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE,IAAI,CAC1B,CAAC,IAAI,KAAK,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,WAAW,EAAE,CAC7F;AACF,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE;;IAG9B,MAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,IAAI,GAAG,CAAC;AAC/C,IAAA,MAAM,OAAO,GAAG,QAAQ,EAAE,OAAO,KAAK,SAAS,GAAG,QAAQ,CAAC,OAAO,GAAG,IAAI;AACzE,IAAA,MAAM,gBAAgB,GAAG,OAAO,KAAK,IAAI,KAAK,QAAQ,KAAK,IAAI,IAAI,QAAQ,GAAG,OAAO,CAAC;IACtF,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,UAAU,EAAE,QAAQ,CAAC;AACxE,IAAA,MAAM,aAAa,GAAG,iBAAiB,EAAE,aAAa;AACtD,IAAA,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,qBAAqB,CAAC,WAAW,EAAE,SAAS,EAAE,gBAAgB,CAAC;;IAG9F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAsB;IAChE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;IAChD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;;AAGxG,IAAA,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;IAC9F,MAAM,KAAK,GAAG,gBAAgB,EAAE,WAAW,EAAE,KAAK,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE;IAChH,MAAM,CAAC,gBAAgB,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,gBAAgB,CAAC,GAAG,mBAAmB,CACnG,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAY,IAAI,SAAS,CAC1B;AAED,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC;AACxE,IAAA,MAAM,iBAAiB,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,KAChD,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,UAAU,KAAK;AACxC,UAAE,IAAI,CAAC,KAAK,KAAK;AACjB,UAAE,IAAI,EAAE,KAAK,EAAE,OAAO,GAAG,SAAoB,CAAC,EAAE,WAAW,EAAE;YAC3D,UAAU,EAAE,OAAO,GAAG,SAAoB,CAAC,EAAE,WAAW,EAAE,CAC/D;AACD,IAAA,MAAM,oBAAoB,GAAG,iBAAiB,EAAE,OAAO;AACvD,IAAA,MAAM,eAAe,GAAG,iBAAiB,EAAE,KAAK;AAChD,IAAA,MAAM,WAAW,GAAG,UAAU,CAAC,gBAAgB,IAAI,GAAG,CAAC,GAAG,UAAU,CAAC,aAAa,IAAI,GAAG,CAAC,GAAG,IAAI,IAAI,KAAK;;IAG1G,MAAM,aAAa,GAAG,KAAK,GAAG,gBAAgB,GAAG,UAAU;AAC3D,IAAA,MAAM,cAAc,GAAG,CAAA,EAAG,YAAY,CAAC,UAAU,CAAC,CAAA,CAAA,EAAI,SAAS,CAAC,UAAU,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAC3E,mBAAA,EAAA,eAAe,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE;;IAGlG,MAAM,UAAU,GAAG,QAAQ,EAAE,OAAO,EAAE,UAAU,KAAK,iBAAiB,CAAC,wBAAwB;IAC/F,MAAM,UAAU,GAAG,eAAe,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC9D,MAAM,aAAa,GAAG,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC,EAAE,CACvE,eAAe,CAAC,QAAQ,EAAE,aAAa,EAAE,UAAU,IAAI,GAAG,CAAC,CAC5D;AACD,IAAA,MAAM,cAAc,GAAG,IAAI,SAAS,CAAC,oBAAoB,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC;;IAGhF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACjD,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE;AACrC,IAAA,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC;IACpG,MAAM,IAAI,GAAG,SAAS,KAAK,YAAY,IAAI,CAAC,WAAW,CAAC;;AAGxD,IAAA,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,aAAqB,KAAI;QACjE,aAAa,CAAC,EAAE,CAAC;QACjB,mBAAmB,CAAC,aAAa,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC;IAEN,MAAM,kBAAkB,GAAG,MAAK;AAC9B,QAAA,cAAc,EAAE;AAChB,QAAA,KAAK,CAAC;AACJ,YAAA,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,QAAQ,EAAE,OAAO;AACxB,YAAA,IAAI,EAAE;AACJ,gBAAA,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM;AAChC,gBAAA,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM;AACjC,aAAA;AACF,SAAA,CAAC;AACJ,IAAA,CAAC;;AAGD,IAAA,MAAM,CAAC,aAAa,EAAE,eAAe,CAAC,GAAG,WAAW,CAClD,UAAU,EACV,UAAU,IAAI,IAAI,EAClB,CAAC,KAAK,GAAG,mBAAmB,GAAG,QAAQ,EAAE,OAAkB,CAAC,GAAG,QAAQ,EAAE,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC1G,IAAI,EACN,OAAO,IAAI,IAAI,EACf,QAAQ,EAAE,OAAO,IAAI,IAAI,CAC1B;AACD,IAAA,MAAM,aAAa,GAAG,YAAW;AAC/B,QAAA,OAAO,eAAe,EAAE,CAAC,IAAI,CAAC,MAAK;AACjC,YAAA,KAAK,CAAC;AACJ,gBAAA,KAAK,EAAE,kBAAkB;AACzB,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,IAAI,EAAE;oBACJ,GAAG,EAAE,QAAQ,EAAE,QAAQ;AACvB,oBAAA,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM;AACjC,iBAAA;AACF,aAAA,CAAC;AACJ,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,YAAW;QACnC,MAAM,WAAW,GAAkB,QAAQ,EAAE,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAkB;AACjG,QAAA,MAAM,QAAQ,GAAG,QAAQ,EAAE,OAAO,CAAC,QAAQ,GAAG,QAAQ,EAAE,OAAO,CAAC,IAAI,EAAE;AACtE,QAAA,KAAK,CAAC;AACJ,YAAA,KAAK,EAAE,cAAc;AACrB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,IAAI,EAAE;gBACJ,GAAG,EAAE,QAAQ,EAAE,QAAQ;AACvB,gBAAA,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM;gBAChC,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;AACvD,aAAA;AACF,SAAA,CAAC;AACF,QAAA,IAAI;YACF,MAAM,QAAQ,GAAG,IAAI,SAAS,CAAC,aAAa,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;AACnF,YAAA,MAAM,SAAS,GAAG,cAAc,CAAC,UAAU,CAAC;YAC5C,MAAM,MAAM,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE;AAE/F,YAAA,MAAM,YAAY,GAAG,QAAQ,EAAE,WAAW,KAAK,WAAW,CAAC,EAAE,IAAI,SAAS,CAAC,QAAQ;YACnF,MAAM,IAAI,GAAG,YAAY,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;AACnG,YAAA,MAAM,IAAI,GAAG,MAAM,kBAAkB,CAAC;AACpC,gBAAA,OAAO,EAAE,WAAW;gBACpB,GAAG,EAAE,YAAY,GAAG,eAAe,GAAG,WAAW;AACjD,gBAAA,YAAY,EAAE,SAAS;AACvB,gBAAA,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,QAAQ,EAAE,OAAc;gBAC/B,OAAO;AACR,aAAA,CAAC;YACF,IAAI,IAAI,EAAE;gBACR,YAAY,CAAC,IAAI,CAAC;gBAClB,MAAM,eAAe,CAAC,WAAW,EAAE,WAAW,EAAE,IAAI,CAAC;AACrD,gBAAA,mBAAmB,GAAG,IAAI,CAAC;AAC3B,gBAAA,KAAK,CAAC;AACJ,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,KAAK,EAAE,SAAS;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,GAAG,EAAE,QAAQ;AACb,wBAAA,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAI,EAAE;AAC9B,wBAAA,UAAU,EAAE,UAAU;AACtB,wBAAA,cAAc,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE;AAC9C,wBAAA,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM,IAAI,EAAE;AAC3C,wBAAA,OAAO,EAAE,cAAc,CAAC,QAAQ,EAAE,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;wBACtE,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;AAC3D,qBAAA;AACF,iBAAA,CAAC;YACJ;QACF;QAAE,OAAO,KAAU,EAAE;AACnB,YAAA,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC;AACjC,YAAA,WAAW,CAAC;AACV,gBAAA,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK;gBAC9B,KAAK;gBACL,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC/C,gBAAA,OAAO,EAAE,SAAS;gBAClB,OAAO;AACR,aAAA,CAAC;AACF,YAAA,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC;QACnC;AACF,IAAA,CAAC;AACD,IAAA,MAAM,iBAAiB,GAAG,YAAW;AACnC,QAAA,IAAI,OAAO,IAAI,OAAO,EAAE,MAAM,EAAE,EAAE,IAAI,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE;AAC3D,YAAA,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;AAChC,YAAA,KAAK,CAAC;AACJ,gBAAA,KAAK,EAAE,cAAc;gBACrB,KAAK,EAAE,QAAQ,EAAE,OAAO;AACxB,gBAAA,IAAI,EAAE;oBACJ,GAAG,EAAE,QAAQ,EAAE,QAAQ;AACvB,oBAAA,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM,IAAI,EAAE;AACtC,oBAAA,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,aAAa;AACrC,iBAAA;AACF,aAAA,CAAC;AACF,YAAA,IAAI;AACF,gBAAA,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC;AACpB,gBAAA,MAAM,wBAAwB,GAAG,IAAI,SAAS,CAAC,UAAU,IAAI,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AAChF,gBAAA,MAAM,WAAW,GAAG,UAAU,CAAC,wBAAwB,CAAC;AAExD,gBAAA,MAAM,IAAI,GAAG,MAAM,oBAAoB,CAAC;AACtC,oBAAA,EAAE,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE;AACrB,oBAAA,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI;oBACzB,KAAK,EAAE,UAAU,KAAK,QAAQ,GAAG,WAAW,GAAG,SAAS;AACzD,iBAAA,CAAC;gBACF,IAAI,IAAI,EAAE;oBACR,YAAY,CAAC,IAAI,CAAC;AAClB,oBAAA,MAAM,eAAe,CAAC,QAAQ,EAAE,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC;AAC7F,oBAAA,mBAAmB,GAAG,IAAI,CAAC;AAC3B,oBAAA,KAAK,CAAC;AACJ,wBAAA,KAAK,EAAE,KAAK;AACZ,wBAAA,KAAK,EAAE,SAAS;AAChB,wBAAA,IAAI,EAAE;AACJ,4BAAA,GAAG,EAAE,MAAM;AACX,4BAAA,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC;4BAC7B,MAAM,EAAE,GAAG,QAAQ,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE,CAAA,CAAE;4BAC3C,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;AACxD,yBAAA;AACF,qBAAA,CAAC;AACF,oBAAA,KAAK,CAAC;AACJ,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,KAAK,EAAE,SAAS;AAChB,wBAAA,IAAI,EAAE;AACJ,4BAAA,GAAG,EAAE,SAAS;AACd,4BAAA,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAI,EAAE;AAC9B,4BAAA,cAAc,EAAE,QAAQ,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE;AAC9C,4BAAA,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,MAAM,IAAI,EAAE;AAC3C,4BAAA,OAAO,EAAE,cAAc,CAAC,QAAQ,EAAE,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;AACtE,4BAAA,MAAM,EAAE,UAAU;4BAClB,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,IAAI,eAAe,IAAI,CAAC,CAAC;AAC3D,yBAAA;AACF,qBAAA,CAAC;gBACJ;YACF;YAAE,OAAO,CAAM,EAAE;AACf,gBAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;AACd,gBAAA,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;AAC7B,gBAAA,WAAW,CAAC;AACV,oBAAA,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK;AAC9B,oBAAA,KAAK,EAAE,CAAC;oBACR,SAAS,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE;AACvD,oBAAA,OAAO,EAAE,SAAS;oBAClB,OAAO;AACR,iBAAA,CAAC;YACJ;QACF;AACF,IAAA,CAAC;IAED,MAAM,mBAAmB,GAAG,MAAK;QAC/B,YAAY,CAAC,IAAI,CAAC;QAClB,IAAI,KAAK,EAAE;AACT,YAAA,iBAAiB,EAAE,CAAC,OAAO,CAAC,MAAM,YAAY,CAAC,KAAK,CAAC,CAAC;QACxD;aAAO;AACL,YAAA,iBAAiB,EAAE,CAAC,OAAO,CAAC,MAAM,YAAY,CAAC,KAAK,CAAC,CAAC;QACxD;AACF,IAAA,CAAC;IAED,MAAM,eAAe,GAAG,MAAK;AAC3B,QAAA,MAAM,KAAK,GAAG,iBAAiB,EAAE,YAAY,IAAI,CAAC;AAClD,QAAA,IAAI,KAAK,IAAI,CAAC,EAAE;AACd,YAAA,gBAAgB,EAAE;QACpB;aAAO;AACL,YAAA,WAAW,EAAE;QACf;AACF,IAAA,CAAC;IAED,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,IAAI,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE;AACpD,YAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC;QACvE;aAAO;YACL,MAAM,CAAC,IAAI,CACT,CAAA,qCAAA,EAAwC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,gBAAgB,QAAQ,EAAE,OAAO,CAAA,CAAE,EACvH,QAAQ,CACT;QACH;AACF,IAAA,CAAC;;AAID,IAAA,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CACjCA,IAAC,YAAY,EAAA,EACX,IAAI,EAAE,QAAQ,EACd,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAAA,CAClB,EACF,IAAI,EACJ,KAAK,EACL,cAAc,CACf;AAED,IAAA,MAAM,CAAC,WAAW,CAAC,GAAG,QAAQ,CAC5BA,GAAA,CAAC,gBAAgB,EAAA,EACf,OAAO,EAAE,SAAS,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,aAAa,EAC9B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,mBAAmB,EAC/B,QAAQ,EAAE,QAAS,EACnB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EAAA,CACxB,EACF,KAAK,EACL,IAAI,EACJ,kBAAkB,CACnB;AAED,IAAA,MAAM,CAAC,cAAc,CAAC,GAAG,QAAQ,CAC/BA,GAAA,CAAC,QAAQ,EAAA,EAAC,WAAW,EAAE,QAAQ,EAAE,OAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAkB,EAAA,CAAI,EAC9G,IAAI,EACJ,IAAI,EACJ,UAAU,CACX;IAED,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CACjCA,GAAA,CAAC,YAAY,EAAA,EAAC,aAAa,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,EAAA,CAAI,EAC5F,IAAI,EACJ,IAAI,EACJ,cAAc,CACf;;IAGD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACnD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IACtE,SAAS,CAAC,MAAK;QACb,IACE,oBAAoB,KAAK,SAAS;AAClC,YAAA,oBAAoB,KAAK,GAAG;AAC5B,YAAA,CAAC,UAAU;YACX,SAAS;YACT,UAAU;YACV,aAAa,EAAE,MAAM,GAAG,CAAC;YACzB,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAC/B;YACA,aAAa,CAAC,IAAI,CAAC;AACnB,YAAA,mBAAmB,CACjB,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,SAAoB,CAAC,CACtG;QACH;AACA,QAAA,IAAI,QAAQ,IAAI,CAAC,eAAe,EAAE;YAChC,kBAAkB,CAAC,IAAI,CAAC;QAC1B;;IAEF,CAAC,EAAE,CAAC,oBAAoB,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;;IAGnD,SAAS,CAAC,MAAK;QACb,IAAI,WAAW,EAAE;AACf,YAAA,OAAO,CAAC,GAAG,CAAC,+CAA+C,CAAC;AAC5D,YAAA,gBAAgB,EAAE;AAClB,YAAA,gBAAgB,EAAE;QACpB;;AAEF,IAAA,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;IAEjB,OAAO,QAAQ,IACbC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAE,CAAA,cAAA,EAAiB,UAAU,GAAG,WAAW,GAAG,EAAE,CAAA,CAAE,EAAA,QAAA,EAAA,CAC9D,CAAC,aAAa,IAAID,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,aAAa,EAAA,CAAO,EACtDC,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAAA,CACpCD,GAAA,CAAC,eAAe,EAAA,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,SAAS,EAAE,WAAW,KAAK,SAAS,GAC3D,EACFA,GAAA,CAAC,kBAAkB,EAAA,EAAC,WAAW,EAAE,QAAQ,CAAC,gBAAgB,EAAE,aAAa,EAAA,IAAA,EAAA,CAAG,EAC5EA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,YAC7FA,GAAA,CAAC,SAAS,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAA,CAAI,EAAA,CAC5B,EACPA,GAAA,CAAC,WAAW,EAAA,EACV,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAAA,CAClB,EACFA,GAAA,CAAC,kBAAkB,EAAA,EACjB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,UAAU,EACzB,cAAc,EAAE,MAAM,aAAa,CAAC,IAAI,SAAS,CAAC,oBAAoB,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAC3F,oBAAoB,EAAE,oBAAoB,EAC1C,OAAO,EAAE,QAAQ,EAAE,OAAO,EAC1B,SAAS,EAAE,UAAU,EACrB,kBAAkB,EAAE,QAAQ,EAAE,OAAO,EACrC,YAAY,EAAE,oBAAoB,EAClC,kBAAkB,EAAE,eAAe,EACnC,aAAa,EAAE,gBAAgB,EAAA,CAC/B,EACD,SAAS,CAAC,QAAQ,IAAIA,GAAA,CAAC,gBAAgB,EAAA,EAAC,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAA,CAAI,EACxF,QAAQ,EAAE,WAAW,KACpBA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,4BAAA,KAAK,EAAE,MAAM;AACb,4BAAA,UAAU,EAAE,WAAW;AACvB,4BAAA,cAAc,EAAE,QAAQ;AACxB,4BAAA,EAAE,EAAE,MAAM;AACV,4BAAA,YAAY,EAAE,QAAQ;AACtB,4BAAA,CAAC,EAAE,UAAU;AACd,yBAAA,EAAA,QAAA,EAEDC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CACjGD,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAA,CAAI,EACjD,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,KAAK,IAAI,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,KAAK,MAAM,KACzFA,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EACFA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,yFAAA,EAAA,CAE5B,EAET,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,UAAU,EACpB,YAAY,EAAC,qBAAqB,EAAA,QAAA,EAElCA,IAAC,cAAc,EAAA,EAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,oBAAoB,EAAA,CAAG,EAAA,CAC1C,CACjB,CAAA,EAAA,CACI,GACF,CACR,EACDC,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,CACpD,OAAO,KACND,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sBAAsB,YACpCA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,MACP,QAAQ,CAAC,WAAW,KAAK,WAAW,CAAC,EAAE,IAAI,SAAS,CAAC,QAAQ,IAAI;0CAC7D,MAAM,CAAC,IAAI,CAAC,8BAA8B,EAAE,QAAQ;AACtD,0CAAE;8CACE,kBAAkB;8CAClB,YAAY,EAAE,EAEtB,OAAO,EAAC,WAAW,EACnB,SAAS,EAAA,IAAA,EAAA,QAAA,EAER,QAAQ,CAAC,WAAW,KAAK,WAAW,CAAC,EAAE,IAAI,SAAS,CAAC,QAAQ,IAAI;AAChE,0CAAE,CAAA,IAAA,EAAO,CAAC,QAAQ,GAAG,MAAM,GAAG,EAAE,CAAA,KAAA;AAChC,0CAAE,CAAA,IAAA,EAAO,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA,CAAE,EAAA,CAClC,EAAA,CACJ,CACR,EACDA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sBAAsB,EAAA,QAAA,EACnC,CAAC,OAAO,IACPA,GAAA,CAAC,aAAa,EAAA,EAAA,CAAG,IACf,gBAAgB,IAClBA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,eAAe,EAAC,QAAQ,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,CAEjC,KAETA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,eAAe,EACzB,IAAI,EAAE,IAAI,IAAI,gBAAgB,EAC9B,QAAQ,EACN,IAAI;AACJ,wCAAA,QAAQ,EAAE,OAAO;AACjB,wCAAA,CAAC,OAAO;AACR,wCAAA,CAAC,UAAU;AACX,wCAAA,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC;wCAC5B,gBAAgB;wCAChB,QAAQ;wCACR,aAAa;wCACb,cAAc;yCACb,KAAK,IAAI,CAAC,OAAO,CAAC,EAErB,OAAO,EAAE,eAAe,EAAA,QAAA,EAEvB;AACC,0CAAE;AACF,0CAAE;AACA,8CAAE;AACF,8CAAE;AACA,kDAAE;kDACA,CAAC,UAAU,IAAI,UAAU,CAAC,UAAU,CAAC,KAAK;AAC1C,sDAAE;AACF,sDAAE,CAAA,GAAA,CAAK,EAAA,CACR,CACV,GACI,CAAA,EAAA,CACF,CAAA,EAAA,CACF,CAAA,EAAA,CACF,KAEPA,GAAA,CAAAE,QAAA,EAAA,EAAA,CAAK,CACN;AACH;;;;"}

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

@@ -11,7 +11,8 @@ import { useSDKConfig } from '../../../state/useSDKConfig.js';
 import { MCColorMapping } from '../../../utils/campaingStyles.js';
 import Flex from '../../../components/uikit-sdk/Flex/index.js';
 import TooltipBubble from '../../../components/uikit-sdk/TooltipBubble/index.js';
-import Svg from '../../../components/uikit-sdk/Svg/index.js';
+import QuestionCircle from '../../../components/uikit-sdk/Svg/Icons/QuestionCircle.js';
+import Success from '../../../components/uikit-sdk/Svg/Icons/Success.js';
 
 const BondCards = ({ bondData, isDoingMaxBuy }) => {
     const isMobile = useIsMobile();
@@ -27,7 +28,7 @@ const BondCards = ({ bondData, isDoingMaxBuy }) => {
                         borderBottomLeftRadius: 'normal',
                     },
                     background: MCColorMapping.white3[bondData.marketingCampaign],
-                }, children: [jsxs(Flex, { className: "bond-card-title", children: [SDKConfig.namingPreference, jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsx(BonusComponent, { trueBondPrices: SDKConfig.namingPreference !== 'Discount' ? bondData.trueBondPrices : undefined, minTier: bondData.minTier, tooltipPosition: isMobile ? 'bottomRight' : 'bottomLeft', bonus: SDKConfig.namingPreference === 'Discount'
+                }, children: [jsxs(Flex, { className: "bond-card-title", children: [SDKConfig.namingPreference, jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Discount }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsx(BonusComponent, { trueBondPrices: SDKConfig.namingPreference !== 'Discount' ? bondData.trueBondPrices : undefined, minTier: bondData.minTier, tooltipPosition: isMobile ? 'bottomRight' : 'bottomLeft', bonus: SDKConfig.namingPreference === 'Discount'
                             ? `${bondData?.trueBondPrices?.[0]?.discountWithFee?.toFixed(2)}%`
                             : undefined })] }), jsxs("div", { className: "bond-card-block", sx: {
                     borderRadius: ['0px', '0px', '0px', 'normal'],
@@ -40,7 +41,7 @@ const BondCards = ({ bondData, isDoingMaxBuy }) => {
                         borderBottomLeftRadius: 'normal',
                     },
                     background: MCColorMapping.white3[bondData.marketingCampaign],
-                }, children: [jsxs("div", { className: "bond-card-title", children: ["Terms", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs("div", { className: "bond-card-content", children: [getVestingTermsString(bondData), bondData.vestingCliff && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: getVestingTermsTooltipString(bondData) }), width: "180px", placement: "bottomRight", transformTip: "translate(13%, 0%)", children: jsx(Flex, { sx: { opacity: 0.6, ml: '6px' }, children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) }))] })] }), jsxs("div", { className: "bond-card-block", sx: {
+                }, children: [jsxs("div", { className: "bond-card-title", children: ["Terms", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Terms }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs("div", { className: "bond-card-content", children: [getVestingTermsString(bondData), bondData.vestingCliff && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: getVestingTermsTooltipString(bondData) }), width: "180px", placement: "bottomRight", transformTip: "translate(13%, 0%)", children: jsx(Flex, { sx: { opacity: 0.6, ml: '6px' }, children: jsx(QuestionCircle, { width: "12px" }) }) }))] })] }), jsxs("div", { className: "bond-card-block", sx: {
                     borderRadius: ['0px', '0px', '0px', 'normal'],
                     '&:first-of-type': {
                         borderTopRightRadius: 'normal',
@@ -58,7 +59,7 @@ const BondCards = ({ bondData, isDoingMaxBuy }) => {
                             top: '0px',
                             right: '0px',
                             transform: ['translate(50%,-50%)', 'translate(50%,-50%)', 'translate(50%,-50%)', 'translate(-50%,-50%)'],
-                        }, children: jsx(Svg, { icon: "success", width: isMobile ? 16 : 20 }) })), jsxs("div", { className: "bond-card-title", children: ["Max Buy", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.MaxBuy(bondData?.earnToken?.symbol) }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { className: "bond-card-content", sx: { alignItems: 'center' }, children: [jsx("div", { style: { paddingRight: '3px' }, children: jsx(TokenImage, { symbol: bondData.showcaseTokenName ?? bondData.earnToken.symbol, size: 22, chain: bondData.chainId }) }), formatNumberSI(getMaxBuy(bondData, SDKConfig.showLowValueBonds), 0)] })] }), jsxs("div", { className: "bond-card-block", sx: {
+                        }, children: jsx(Success, { width: isMobile ? 16 : 20 }) })), jsxs("div", { className: "bond-card-title", children: ["Max Buy", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.MaxBuy(bondData?.earnToken?.symbol) }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsxs(Flex, { className: "bond-card-content", sx: { alignItems: 'center' }, children: [jsx("div", { style: { paddingRight: '3px' }, children: jsx(TokenImage, { symbol: bondData.showcaseTokenName ?? bondData.earnToken.symbol, size: 22, chain: bondData.chainId }) }), formatNumberSI(getMaxBuy(bondData, SDKConfig.showLowValueBonds), 0)] })] }), jsxs("div", { className: "bond-card-block", sx: {
                     borderRadius: ['0px', '0px', '0px', 'normal'],
                     '&:first-of-type': {
                         borderTopRightRadius: 'normal',
@@ -69,7 +70,7 @@ const BondCards = ({ bondData, isDoingMaxBuy }) => {
                         borderBottomLeftRadius: 'normal',
                     },
                     background: MCColorMapping.white3[bondData.marketingCampaign],
-                }, children: [jsxs(Flex, { className: "bond-card-title", children: ["Tokens Remaining", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.TokensRemaining }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsx(ProgressBarWrapper, { title: '', value: jsx(ProgressBar, { value: remainingPercentage(bondData) }), style: {
+                }, children: [jsxs(Flex, { className: "bond-card-title", children: ["Tokens Remaining", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.TokensRemaining }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(QuestionCircle, { width: "12px" }) }) })] }), jsx(ProgressBarWrapper, { title: '', value: jsx(ProgressBar, { value: remainingPercentage(bondData) }), style: {
                             width: '127px',
                             height: '25px',
                             flexDirection: 'column',