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

package/dist/components/uikit-sdk/Toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/Toggle/index.tsx"],"sourcesContent":["import React from 'react'\nimport styles from './styles'\nimport Flex from '../Flex'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { BondsViewOptions } from '../../../views/FullBondsView/FullBondsView'\n\nconst Toggle = ({\n  options,\n  activeOption,\n  handleToggle,\n  claimableBillsAmount,\n}: {\n  options: string[]\n  activeOption: string\n  handleToggle: (newOption: string) => void\n  claimableBillsAmount?: string\n}) => {\n  return (\n    <Flex sx={styles.container}>\n      <AnimatePresence initial={false}>\n        {options.map((option) => {\n          return (\n            <motion.div\n              key={option}\n              animate={{ opacity: option === activeOption ? 1 : 0.6, scale: option === activeOption ? 1 : 0.9 }}\n              exit={{ opacity: 0, scale: 0.9 }}\n              transition={{ duration: 0.2, type: 'spring', stiffness: 50 }}\n              sx={{ overflow: 'hidden', width: '100%' }}\n            >\n              <Flex\n                sx={{\n                  ...styles.switch,\n                  background: option === activeOption ? 'primaryButton' : 'white2',\n                  color: option === activeOption ? 'primaryBright' : 'primaryButtonDisable',\n                }}\n                onClick={() => handleToggle(option)}\n              >\n                {option}\n                {option === BondsViewOptions.YOURBONDS && claimableBillsAmount ? ` (${claimableBillsAmount})` : ''}\n              </Flex>\n            </motion.div>\n          )\n        })}\n      </AnimatePresence>\n    </Flex>\n  )\n}\n\nexport default Toggle\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,CAAC,EACd,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,oBAAoB,GAMrB,KAAI;IACH,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EACxBA,GAAA,CAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAA,QAAA,EAC5B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;AACtB,gBAAA,QACEA,GAAA,CAAC,MAAM,CAAC,GAAG,IAET,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,KAAK,YAAY,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,GAAG,CAAC,GAAG,GAAG,EAAE,EACjG,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAChC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,EAC5D,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAEzCC,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;4BACF,GAAG,MAAM,CAAC,MAAM;4BAChB,UAAU,EAAE,MAAM,KAAK,YAAY,GAAG,eAAe,GAAG,QAAQ;4BAChE,KAAK,EAAE,MAAM,KAAK,YAAY,GAAG,eAAe,GAAG,sBAAsB;AAC1E,yBAAA,EACD,OAAO,EAAE,MAAM,YAAY,CAAC,MAAM,CAAC,aAElC,MAAM,EACN,MAAM,KAAK,gBAAgB,CAAC,SAAS,IAAI,oBAAoB,GAAG,CAAA,EAAA,EAAK,oBAAoB,CAAA,CAAA,CAAG,GAAG,EAAE,CAAA,EAAA,CAC7F,EAAA,EAhBF,MAAM,CAiBA;AAEjB,YAAA,CAAC,CAAC,EAAA,CACc,EAAA,CACb;AAEX;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/Toggle/index.tsx"],"sourcesContent":["import React from 'react'\nimport styles from './styles'\nimport Flex from '../Flex'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { BondsViewOptions } from '../../../state/activeView'\n\nconst Toggle = ({\n  options,\n  activeOption,\n  handleToggle,\n  claimableBillsAmount,\n}: {\n  options: string[]\n  activeOption: string\n  handleToggle: (newOption: string) => void\n  claimableBillsAmount?: string\n}) => {\n  return (\n    <Flex sx={styles.container}>\n      <AnimatePresence initial={false}>\n        {options.map((option) => {\n          return (\n            <motion.div\n              key={option}\n              animate={{ opacity: option === activeOption ? 1 : 0.6, scale: option === activeOption ? 1 : 0.9 }}\n              exit={{ opacity: 0, scale: 0.9 }}\n              transition={{ duration: 0.2, type: 'spring', stiffness: 50 }}\n              sx={{ overflow: 'hidden', width: '100%' }}\n            >\n              <Flex\n                sx={{\n                  ...styles.switch,\n                  background: option === activeOption ? 'primaryButton' : 'white2',\n                  color: option === activeOption ? 'primaryBright' : 'primaryButtonDisable',\n                }}\n                onClick={() => handleToggle(option)}\n              >\n                {option}\n                {option === BondsViewOptions.YOURBONDS && claimableBillsAmount ? ` (${claimableBillsAmount})` : ''}\n              </Flex>\n            </motion.div>\n          )\n        })}\n      </AnimatePresence>\n    </Flex>\n  )\n}\n\nexport default Toggle\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,CAAC,EACd,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,oBAAoB,GAMrB,KAAI;IACH,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EACxBA,GAAA,CAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAA,QAAA,EAC5B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;AACtB,gBAAA,QACEA,GAAA,CAAC,MAAM,CAAC,GAAG,IAET,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,KAAK,YAAY,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,GAAG,CAAC,GAAG,GAAG,EAAE,EACjG,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAChC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,EAC5D,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAEzCC,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;4BACF,GAAG,MAAM,CAAC,MAAM;4BAChB,UAAU,EAAE,MAAM,KAAK,YAAY,GAAG,eAAe,GAAG,QAAQ;4BAChE,KAAK,EAAE,MAAM,KAAK,YAAY,GAAG,eAAe,GAAG,sBAAsB;AAC1E,yBAAA,EACD,OAAO,EAAE,MAAM,YAAY,CAAC,MAAM,CAAC,aAElC,MAAM,EACN,MAAM,KAAK,gBAAgB,CAAC,SAAS,IAAI,oBAAoB,GAAG,CAAA,EAAA,EAAK,oBAAoB,CAAA,CAAA,CAAG,GAAG,EAAE,CAAA,EAAA,CAC7F,EAAA,EAhBF,MAAM,CAiBA;AAEjB,YAAA,CAAC,CAAC,EAAA,CACc,EAAA,CACb;AAEX;;;;"}

package/dist/components/uikit-sdk/TokenImage/index.js

@@ -2,19 +2,6 @@ import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import Flex from '../Flex/index.js';
 import { NETWORK_ICONS } from '../../../config/constants/chains.js';
 import Svg from '../Svg/index.js';
-import 'theme-ui';
-import '../Text/types.js';
-import '../Checkbox/types.js';
-import '../Skeleton/types.js';
-import '../Skeleton/styles.js';
-import '../TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
-import '../Button/types.js';
-import '../Svg/types.js';
-import '../../../contexts/ModalContext.js';
-import '../../../views/FullBondsView/FullBondsView.js';
-import '../Select/types.js';
 import { APEBOND } from '../../../config/constants/variables.js';
 
 const TokenImage = ({ symbol, symbol2, size, chain, }) => {

package/dist/components/uikit-sdk/TokenImage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/TokenImage/index.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../Flex'\nimport { NETWORK_ICONS } from '../../../config/constants/chains'\nimport { Svg } from '../index'\nimport { APEBOND } from '../../../config/constants/variables'\n\nconst TokenImage = ({\n  symbol,\n  symbol2,\n  size,\n  chain,\n}: {\n  symbol?: string\n  symbol2?: string\n  size: number\n  chain?: number\n}) => {\n  const token1 = symbol === 'USDC.e' ? 'USDC' : symbol\n  const token2 = symbol2 === 'USDC.e' ? 'USDC' : symbol2\n  return token2 ? (\n    <Flex\n      sx={{\n        minWidth: size * 1.5 - 2,\n        height: size - 2,\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: '55px',\n        position: 'relative',\n      }}\n    >\n      <img\n        src={`${APEBOND}/tokenImages/${token1?.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token1}`}\n        width={size}\n        height={size}\n        style={{ position: 'absolute', zIndex: 4001, left: 0 }}\n      />\n      <img\n        src={`${APEBOND}/tokenImages/${token2.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token2}`}\n        width={size}\n        height={size}\n        style={{ position: 'absolute', zIndex: 4000, left: '33%' }}\n      />\n      {chain && (\n        <Flex\n          sx={{\n            zIndex: 4002,\n            position: 'absolute',\n            top: '-2px',\n            right: `-${size / 5}px`,\n            overflow: 'hidden',\n            borderRadius: '50px',\n          }}\n        >\n          <Svg width={size / 2.5} height={size / 2.5} icon={NETWORK_ICONS?.[chain] ?? 'question'} />\n        </Flex>\n      )}\n    </Flex>\n  ) : (\n    <Flex\n      sx={{\n        width: size - 2,\n        height: size - 2,\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: '55px',\n        position: 'relative',\n      }}\n    >\n      <img\n        src={`${APEBOND}/tokenImages/${token1?.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token1}`}\n        width={size}\n        height={token1 === 'BNB-ICHI' ? 19 : size}\n      />\n      {chain && (\n        <Flex\n          sx={{\n            zIndex: 5,\n            position: 'absolute',\n            top: '-2px',\n            right: '-4px',\n            overflow: 'hidden',\n            borderRadius: '50px',\n            width: `${size / 2.5}px`,\n            height: `${size / 2.5}px`,\n          }}\n        >\n          <Svg width={size / 2.5} height={size / 2.5} icon={NETWORK_ICONS?.[chain] ?? 'question'} />\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default TokenImage\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAMA,MAAM,UAAU,GAAG,CAAC,EAClB,MAAM,EACN,OAAO,EACP,IAAI,EACJ,KAAK,GAMN,KAAI;AACH,IAAA,MAAM,MAAM,GAAG,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM;AACpD,IAAA,MAAM,MAAM,GAAG,OAAO,KAAK,QAAQ,GAAG,MAAM,GAAG,OAAO;IACtD,OAAO,MAAM,IACXA,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,YAAA,QAAQ,EAAE,IAAI,GAAG,GAAG,GAAG,CAAC;YACxB,MAAM,EAAE,IAAI,GAAG,CAAC;AAChB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,YAAY,EAAE,MAAM;AACpB,YAAA,QAAQ,EAAE,UAAU;SACrB,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,CAAA,EAAG,OAAO,CAAA,aAAA,EAAgB,MAAM,EAAE,WAAW,EAAE,MAAM,EAC1D,GAAG,EAAE,CAAA,YAAA,EAAe,MAAM,EAAE,EAC5B,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,EAAA,CACtD,EACFA,aACE,GAAG,EAAE,GAAG,OAAO,CAAA,aAAA,EAAgB,MAAM,CAAC,WAAW,EAAE,CAAA,IAAA,CAAM,EACzD,GAAG,EAAE,CAAA,YAAA,EAAe,MAAM,CAAA,CAAE,EAC5B,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAA,CAC1D,EACD,KAAK,KACJA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,MAAM,EAAE,IAAI;AACZ,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,GAAG,EAAE,MAAM;AACX,oBAAA,KAAK,EAAE,CAAA,CAAA,EAAI,IAAI,GAAG,CAAC,CAAA,EAAA,CAAI;AACvB,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,YAAY,EAAE,MAAM;AACrB,iBAAA,EAAA,QAAA,EAEDA,IAAC,GAAG,EAAA,EAAC,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,MAAM,EAAE,IAAI,GAAG,GAAG,EAAE,IAAI,EAAE,aAAa,GAAG,KAAK,CAAC,IAAI,UAAU,EAAA,CAAI,GACrF,CACR,CAAA,EAAA,CACI,KAEPD,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;YACF,KAAK,EAAE,IAAI,GAAG,CAAC;YACf,MAAM,EAAE,IAAI,GAAG,CAAC;AAChB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,YAAY,EAAE,MAAM;AACpB,YAAA,QAAQ,EAAE,UAAU;SACrB,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,CAAA,EAAG,OAAO,CAAA,aAAA,EAAgB,MAAM,EAAE,WAAW,EAAE,MAAM,EAC1D,GAAG,EAAE,CAAA,YAAA,EAAe,MAAM,EAAE,EAC5B,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,MAAM,KAAK,UAAU,GAAG,EAAE,GAAG,IAAI,EAAA,CACzC,EACD,KAAK,KACJA,IAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,GAAG,EAAE,MAAM;AACX,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,QAAQ,EAAE,QAAQ;AAClB,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,KAAK,EAAE,CAAA,EAAG,IAAI,GAAG,GAAG,CAAA,EAAA,CAAI;AACxB,oBAAA,MAAM,EAAE,CAAA,EAAG,IAAI,GAAG,GAAG,CAAA,EAAA,CAAI;AAC1B,iBAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,GAAG,EAAA,EAAC,KAAK,EAAE,IAAI,GAAG,GAAG,EAAE,MAAM,EAAE,IAAI,GAAG,GAAG,EAAE,IAAI,EAAE,aAAa,GAAG,KAAK,CAAC,IAAI,UAAU,EAAA,CAAI,EAAA,CACrF,CACR,CAAA,EAAA,CACI,CACR;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/TokenImage/index.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../Flex'\nimport { NETWORK_ICONS } from '../../../config/constants/chains'\nimport Svg from '../Svg'\nimport { APEBOND } from '../../../config/constants/variables'\n\nconst TokenImage = ({\n  symbol,\n  symbol2,\n  size,\n  chain,\n}: {\n  symbol?: string\n  symbol2?: string\n  size: number\n  chain?: number\n}) => {\n  const token1 = symbol === 'USDC.e' ? 'USDC' : symbol\n  const token2 = symbol2 === 'USDC.e' ? 'USDC' : symbol2\n  return token2 ? (\n    <Flex\n      sx={{\n        minWidth: size * 1.5 - 2,\n        height: size - 2,\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: '55px',\n        position: 'relative',\n      }}\n    >\n      <img\n        src={`${APEBOND}/tokenImages/${token1?.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token1}`}\n        width={size}\n        height={size}\n        style={{ position: 'absolute', zIndex: 4001, left: 0 }}\n      />\n      <img\n        src={`${APEBOND}/tokenImages/${token2.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token2}`}\n        width={size}\n        height={size}\n        style={{ position: 'absolute', zIndex: 4000, left: '33%' }}\n      />\n      {chain && (\n        <Flex\n          sx={{\n            zIndex: 4002,\n            position: 'absolute',\n            top: '-2px',\n            right: `-${size / 5}px`,\n            overflow: 'hidden',\n            borderRadius: '50px',\n          }}\n        >\n          <Svg width={size / 2.5} height={size / 2.5} icon={NETWORK_ICONS?.[chain] ?? 'question'} />\n        </Flex>\n      )}\n    </Flex>\n  ) : (\n    <Flex\n      sx={{\n        width: size - 2,\n        height: size - 2,\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: '55px',\n        position: 'relative',\n      }}\n    >\n      <img\n        src={`${APEBOND}/tokenImages/${token1?.toUpperCase()}.png`}\n        alt={`tokenImgFor:${token1}`}\n        width={size}\n        height={token1 === 'BNB-ICHI' ? 19 : size}\n      />\n      {chain && (\n        <Flex\n          sx={{\n            zIndex: 5,\n            position: 'absolute',\n            top: '-2px',\n            right: '-4px',\n            overflow: 'hidden',\n            borderRadius: '50px',\n            width: `${size / 2.5}px`,\n            height: `${size / 2.5}px`,\n          }}\n        >\n          <Svg width={size / 2.5} height={size / 2.5} icon={NETWORK_ICONS?.[chain] ?? 'question'} />\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default TokenImage\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/config/abi/launchBond_v2_4_1.json.js

@@ -1,4 +1,4 @@
-var launchBondsABI_V2_2_0 = [
+var LaunchBondABI_V_2_4_1 = [
 	{
 		anonymous: false,
 		inputs: [
@@ -2354,5 +2354,5 @@ var launchBondsABI_V2_2_0 = [
 	}
 ];
 
-export { launchBondsABI_V2_2_0 as default };
+export { LaunchBondABI_V_2_4_1 as default };
 //# sourceMappingURL=launchBond_v2_4_1.json.js.map

package/dist/config/constants/walletConnectors.d.ts

@@ -0,0 +1,3 @@
+export type Ecosystem = 'evm';
+export declare const setWalletConnectorOpener: (ecosystem: Ecosystem, fn?: () => void) => void;
+export declare const openEvmWalletConnector: () => void;

package/dist/config/constants/walletConnectors.js

@@ -0,0 +1,18 @@
+// Module-level singleton for wallet-connect-modal openers injected by the SDK consumer via `SDKPropsDTO.openWalletConnector`.
+const openers = {};
+const setWalletConnectorOpener = (ecosystem, fn) => {
+    openers[ecosystem] = fn;
+};
+const callOpener = (ecosystem) => {
+    const fn = openers[ecosystem];
+    if (!fn) {
+        console.error(`[ApeBond SDK] openWalletConnector.${ecosystem} was called but no opener has been registered via SDKPropsDTO.openWalletConnector.${ecosystem}`);
+    }
+    else {
+        fn();
+    }
+};
+const openEvmWalletConnector = () => callOpener('evm');
+
+export { openEvmWalletConnector, setWalletConnectorOpener };
+//# sourceMappingURL=walletConnectors.js.map

package/dist/config/constants/walletConnectors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"walletConnectors.js","sources":["../../../src/config/constants/walletConnectors.ts"],"sourcesContent":["// Module-level singleton for wallet-connect-modal openers injected by the SDK consumer via `SDKPropsDTO.openWalletConnector`.\n\nexport type Ecosystem = 'evm'\n\nconst openers: Partial<Record<Ecosystem, () => void>> = {}\n\nexport const setWalletConnectorOpener = (ecosystem: Ecosystem, fn?: () => void) => {\n  openers[ecosystem] = fn\n}\n\nconst callOpener = (ecosystem: Ecosystem) => {\n  const fn = openers[ecosystem]\n  if (!fn) {\n    console.error(\n      `[ApeBond SDK] openWalletConnector.${ecosystem} was called but no opener has been registered via SDKPropsDTO.openWalletConnector.${ecosystem}`,\n    )\n  } else {\n    fn()\n  }\n}\n\nexport const openEvmWalletConnector = () => callOpener('evm')\n"],"names":[],"mappings":"AAAA;AAIA,MAAM,OAAO,GAA2C,EAAE;MAE7C,wBAAwB,GAAG,CAAC,SAAoB,EAAE,EAAe,KAAI;AAChF,IAAA,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;AACzB;AAEA,MAAM,UAAU,GAAG,CAAC,SAAoB,KAAI;AAC1C,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;IAC7B,IAAI,CAAC,EAAE,EAAE;QACP,OAAO,CAAC,KAAK,CACX,CAAA,kCAAA,EAAqC,SAAS,CAAA,kFAAA,EAAqF,SAAS,CAAA,CAAE,CAC/I;IACH;SAAO;AACL,QAAA,EAAE,EAAE;IACN;AACF,CAAC;AAEM,MAAM,sBAAsB,GAAG,MAAM,UAAU,CAAC,KAAK;;;;"}

package/dist/contexts/ModalContext.js

@@ -1,17 +1,6 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
-import '../components/uikit-sdk/Svg/types.js';
-import 'theme-ui';
 import Flex from '../components/uikit-sdk/Flex/index.js';
-import '../components/uikit-sdk/Text/types.js';
-import '../components/uikit-sdk/Checkbox/types.js';
-import '../components/uikit-sdk/Skeleton/types.js';
-import '../components/uikit-sdk/Skeleton/styles.js';
-import '../components/uikit-sdk/TooltipBubble/index.js';
 import React, { createContext, useState } from 'react';
-import 'framer-motion';
-import '../components/uikit-sdk/Button/types.js';
-import '../views/FullBondsView/FullBondsView.js';
-import '../components/uikit-sdk/Select/types.js';
 
 const Context = createContext({
     nodeId: [],

package/dist/contexts/ModalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContext.js","sources":["../../src/contexts/ModalContext.tsx"],"sourcesContent":["import { Flex } from '../components/uikit-sdk'\nimport React, { createContext, useState } from 'react'\n\ninterface ModalsContext {\n  nodeId: string[]\n  modalNode: React.ReactNode[]\n  setModalNode: React.Dispatch<React.SetStateAction<React.ReactNode[]>>\n  onPresent: (node: React.ReactNode, newNodeId: string, clearModalStack: boolean) => void\n  handleClose: () => void\n  setCloseOnOverlayClick: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const Context = createContext<ModalsContext>({\n  nodeId: [],\n  modalNode: [],\n  setModalNode: () => null,\n  onPresent: () => null,\n  handleClose: () => null,\n  setCloseOnOverlayClick: () => true,\n})\n\nconst ModalProvider = ({ children }: { children: React.ReactNode }) => {\n  const [nodeId, setNodeId] = useState<string[]>([])\n  const [modalNode, setModalNode] = useState<React.ReactNode[]>([])\n  const [closeOnOverlayClick, setCloseOnOverlayClick] = useState(true)\n\n  const handlePresent = (node: React.ReactNode, newNodeId: string, clearModalStack: boolean) => {\n    if (clearModalStack) {\n      setModalNode([node])\n      setNodeId([newNodeId])\n    } else {\n      setModalNode((prev) => [...prev, node])\n      setNodeId((prev) => [...prev, newNodeId])\n    }\n  }\n\n  const handleDismiss = () => {\n    if (modalNode.length > 0) {\n      if (React.isValidElement(modalNode[modalNode.length - 1])) {\n        // @ts-ignore\n        modalNode[modalNode.length - 1].props.onDismiss?.()\n      }\n    }\n    setModalNode(modalNode.slice(0, modalNode.length - 1))\n    setNodeId(nodeId.slice(0, nodeId.length - 1))\n  }\n\n  const handleOverlayDismiss = () => {\n    if (closeOnOverlayClick) {\n      handleDismiss()\n    }\n  }\n\n  return (\n    <Context.Provider\n      value={{\n        nodeId,\n        modalNode,\n        setModalNode,\n        onPresent: handlePresent,\n        handleClose: handleDismiss,\n        setCloseOnOverlayClick,\n      }}\n    >\n      {modalNode.map((modal, i) => {\n        return (\n          <Flex key={nodeId[i]}>\n            <Flex onClick={handleOverlayDismiss} />\n            {React.isValidElement(modal) &&\n              React.cloneElement(modal, {\n                // @ts-ignore\n                onDismiss: handleDismiss,\n              })}\n          </Flex>\n        )\n      })}\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport default ModalProvider\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;AAYO,MAAM,OAAO,GAAG,aAAa,CAAgB;AAClD,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,YAAY,EAAE,MAAM,IAAI;AACxB,IAAA,SAAS,EAAE,MAAM,IAAI;AACrB,IAAA,WAAW,EAAE,MAAM,IAAI;AACvB,IAAA,sBAAsB,EAAE,MAAM,IAAI;AACnC,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAiC,KAAI;IACpE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC;IACjE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAEpE,MAAM,aAAa,GAAG,CAAC,IAAqB,EAAE,SAAiB,EAAE,eAAwB,KAAI;QAC3F,IAAI,eAAe,EAAE;AACnB,YAAA,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC;AACpB,YAAA,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;QACxB;aAAO;AACL,YAAA,YAAY,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC;AACvC,YAAA,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,EAAE,SAAS,CAAC,CAAC;QAC3C;AACF,IAAA,CAAC;IAED,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;AACxB,YAAA,IAAI,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;;AAEzD,gBAAA,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI;YACrD;QACF;AACA,QAAA,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACtD,QAAA,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAC/C,IAAA,CAAC;IAED,MAAM,oBAAoB,GAAG,MAAK;QAChC,IAAI,mBAAmB,EAAE;AACvB,YAAA,aAAa,EAAE;QACjB;AACF,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAC,OAAO,CAAC,QAAQ,EAAA,EACf,KAAK,EAAE;YACL,MAAM;YACN,SAAS;YACT,YAAY;AACZ,YAAA,SAAS,EAAE,aAAa;AACxB,YAAA,WAAW,EAAE,aAAa;YAC1B,sBAAsB;SACvB,EAAA,QAAA,EAAA,CAEA,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAI;AAC1B,gBAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACHC,GAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,oBAAoB,GAAI,EACtC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;AAC1B,4BAAA,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;;AAExB,gCAAA,SAAS,EAAE,aAAa;AACzB,6BAAA,CAAC,KANK,MAAM,CAAC,CAAC,CAAC,CAOb;AAEX,YAAA,CAAC,CAAC,EACD,QAAQ,CAAA,EAAA,CACQ;AAEvB;;;;"}
+{"version":3,"file":"ModalContext.js","sources":["../../src/contexts/ModalContext.tsx"],"sourcesContent":["import Flex from '../components/uikit-sdk/Flex'\nimport React, { createContext, useState } from 'react'\n\ninterface ModalsContext {\n  nodeId: string[]\n  modalNode: React.ReactNode[]\n  setModalNode: React.Dispatch<React.SetStateAction<React.ReactNode[]>>\n  onPresent: (node: React.ReactNode, newNodeId: string, clearModalStack: boolean) => void\n  handleClose: () => void\n  setCloseOnOverlayClick: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const Context = createContext<ModalsContext>({\n  nodeId: [],\n  modalNode: [],\n  setModalNode: () => null,\n  onPresent: () => null,\n  handleClose: () => null,\n  setCloseOnOverlayClick: () => true,\n})\n\nconst ModalProvider = ({ children }: { children: React.ReactNode }) => {\n  const [nodeId, setNodeId] = useState<string[]>([])\n  const [modalNode, setModalNode] = useState<React.ReactNode[]>([])\n  const [closeOnOverlayClick, setCloseOnOverlayClick] = useState(true)\n\n  const handlePresent = (node: React.ReactNode, newNodeId: string, clearModalStack: boolean) => {\n    if (clearModalStack) {\n      setModalNode([node])\n      setNodeId([newNodeId])\n    } else {\n      setModalNode((prev) => [...prev, node])\n      setNodeId((prev) => [...prev, newNodeId])\n    }\n  }\n\n  const handleDismiss = () => {\n    if (modalNode.length > 0) {\n      if (React.isValidElement(modalNode[modalNode.length - 1])) {\n        // @ts-ignore\n        modalNode[modalNode.length - 1].props.onDismiss?.()\n      }\n    }\n    setModalNode(modalNode.slice(0, modalNode.length - 1))\n    setNodeId(nodeId.slice(0, nodeId.length - 1))\n  }\n\n  const handleOverlayDismiss = () => {\n    if (closeOnOverlayClick) {\n      handleDismiss()\n    }\n  }\n\n  return (\n    <Context.Provider\n      value={{\n        nodeId,\n        modalNode,\n        setModalNode,\n        onPresent: handlePresent,\n        handleClose: handleDismiss,\n        setCloseOnOverlayClick,\n      }}\n    >\n      {modalNode.map((modal, i) => {\n        return (\n          <Flex key={nodeId[i]}>\n            <Flex onClick={handleOverlayDismiss} />\n            {React.isValidElement(modal) &&\n              React.cloneElement(modal, {\n                // @ts-ignore\n                onDismiss: handleDismiss,\n              })}\n          </Flex>\n        )\n      })}\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport default ModalProvider\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAYO,MAAM,OAAO,GAAG,aAAa,CAAgB;AAClD,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,YAAY,EAAE,MAAM,IAAI;AACxB,IAAA,SAAS,EAAE,MAAM,IAAI;AACrB,IAAA,WAAW,EAAE,MAAM,IAAI;AACvB,IAAA,sBAAsB,EAAE,MAAM,IAAI;AACnC,CAAA;AAED,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAiC,KAAI;IACpE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC;IACjE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;IAEpE,MAAM,aAAa,GAAG,CAAC,IAAqB,EAAE,SAAiB,EAAE,eAAwB,KAAI;QAC3F,IAAI,eAAe,EAAE;AACnB,YAAA,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC;AACpB,YAAA,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;QACxB;aAAO;AACL,YAAA,YAAY,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC;AACvC,YAAA,SAAS,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,EAAE,SAAS,CAAC,CAAC;QAC3C;AACF,IAAA,CAAC;IAED,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;AACxB,YAAA,IAAI,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;;AAEzD,gBAAA,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI;YACrD;QACF;AACA,QAAA,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACtD,QAAA,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAC/C,IAAA,CAAC;IAED,MAAM,oBAAoB,GAAG,MAAK;QAChC,IAAI,mBAAmB,EAAE;AACvB,YAAA,aAAa,EAAE;QACjB;AACF,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAC,OAAO,CAAC,QAAQ,EAAA,EACf,KAAK,EAAE;YACL,MAAM;YACN,SAAS;YACT,YAAY;AACZ,YAAA,SAAS,EAAE,aAAa;AACxB,YAAA,WAAW,EAAE,aAAa;YAC1B,sBAAsB;SACvB,EAAA,QAAA,EAAA,CAEA,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAI;AAC1B,gBAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACHC,GAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,oBAAoB,GAAI,EACtC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;AAC1B,4BAAA,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;;AAExB,gCAAA,SAAS,EAAE,aAAa;AACzB,6BAAA,CAAC,KANK,MAAM,CAAC,CAAC,CAAC,CAOb;AAEX,YAAA,CAAC,CAAC,EACD,QAAQ,CAAA,EAAA,CACQ;AAEvB;;;;"}

package/dist/contexts/Popups.js

@@ -1,18 +1,5 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
-import '../components/uikit-sdk/Svg/types.js';
-import 'theme-ui';
 import Flex from '../components/uikit-sdk/Flex/index.js';
-import '../components/uikit-sdk/Text/types.js';
-import '../components/uikit-sdk/Checkbox/types.js';
-import '../components/uikit-sdk/Skeleton/types.js';
-import '../components/uikit-sdk/Skeleton/styles.js';
-import '../components/uikit-sdk/TooltipBubble/index.js';
-import 'react';
-import 'framer-motion';
-import '../components/uikit-sdk/Button/types.js';
-import './ModalContext.js';
-import '../views/FullBondsView/FullBondsView.js';
-import '../components/uikit-sdk/Select/types.js';
 import Toast from '../components/Toast/index.js';
 import { usePopups } from '../state/popups/usePopups.js';
 

package/dist/contexts/Popups.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popups.js","sources":["../../src/contexts/Popups.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from '../components/uikit-sdk'\nimport Toast from '../components/Toast'\nimport { PopupProps, usePopups } from '../state/popups/usePopups'\n\nconst Popups = ({ children }: { children: React.ReactNode }) => {\n  const { data: activePopups } = usePopups()\n\n  const filteredPopups = activePopups?.filter((popup: PopupProps) => popup.timestamp > Date.now() - 10000)\n\n  return (\n    <Flex sx={{ width: '100%', height: '100%', position: 'relative', flexDirection: 'column' }}>\n      <Flex sx={{ position: 'absolute', top: 0, right: 0 }}>\n        {filteredPopups?.map((popup: PopupProps, i) => {\n          return <Toast key={popup.timestamp} popIndex={i + 1} popup={popup} />\n        })}\n      </Flex>\n      {children}\n    </Flex>\n  )\n}\n\nexport default Popups\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAiC,KAAI;IAC7D,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE;IAE1C,MAAM,cAAc,GAAG,YAAY,EAAE,MAAM,CAAC,CAAC,KAAiB,KAAK,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC;IAExG,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACxFC,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAA,QAAA,EACjD,cAAc,EAAE,GAAG,CAAC,CAAC,KAAiB,EAAE,CAAC,KAAI;AAC5C,oBAAA,OAAOA,IAAC,KAAK,EAAA,EAAuB,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAA,EAA9C,KAAK,CAAC,SAAS,CAAmC;AACvE,gBAAA,CAAC,CAAC,EAAA,CACG,EACN,QAAQ,CAAA,EAAA,CACJ;AAEX;;;;"}
+{"version":3,"file":"Popups.js","sources":["../../src/contexts/Popups.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../components/uikit-sdk/Flex'\nimport Toast from '../components/Toast'\nimport { PopupProps, usePopups } from '../state/popups/usePopups'\n\nconst Popups = ({ children }: { children: React.ReactNode }) => {\n  const { data: activePopups } = usePopups()\n\n  const filteredPopups = activePopups?.filter((popup: PopupProps) => popup.timestamp > Date.now() - 10000)\n\n  return (\n    <Flex sx={{ width: '100%', height: '100%', position: 'relative', flexDirection: 'column' }}>\n      <Flex sx={{ position: 'absolute', top: 0, right: 0 }}>\n        {filteredPopups?.map((popup: PopupProps, i) => {\n          return <Toast key={popup.timestamp} popIndex={i + 1} popup={popup} />\n        })}\n      </Flex>\n      {children}\n    </Flex>\n  )\n}\n\nexport default Popups\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAKA,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAiC,KAAI;IAC7D,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE;IAE1C,MAAM,cAAc,GAAG,YAAY,EAAE,MAAM,CAAC,CAAC,KAAiB,KAAK,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC;IAExG,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACxFC,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAA,QAAA,EACjD,cAAc,EAAE,GAAG,CAAC,CAAC,KAAiB,EAAE,CAAC,KAAI;AAC5C,oBAAA,OAAOA,IAAC,KAAK,EAAA,EAAuB,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAA,EAA9C,KAAK,CAAC,SAAS,CAAmC;AACvE,gBAAA,CAAC,CAAC,EAAA,CACG,EACN,QAAQ,CAAA,EAAA,CACJ;AAEX;;;;"}

package/dist/state/allowance/useAllowance.js

@@ -3,7 +3,7 @@ import BigNumber from 'bignumber.js';
 import ERC_20_ABI from '../../config/abi/erc20.json.js';
 import { QUERY_KEYS } from '../../config/constants/queryKeys.js';
 import multicall from '../../utils/multicall.js';
-import convertToTokenValue from '../../utils/convertToTokenValue.js';
+import { convertToBigish } from '../../utils/convertToTokenValue.js';
 import USDT_ETH_ABI from '../../config/abi/usdtETH.json.js';
 import { useState, useEffect, useCallback } from 'react';
 import { useWriteContract } from 'wagmi';
@@ -88,7 +88,7 @@ const useApproval = (amount, currency, spender, account, chainId) => {
         if (!decimals || !tokenAddress)
             return null;
         try {
-            const bigishAmount = convertToTokenValue(amount, decimals);
+            const bigishAmount = convertToBigish(amount, decimals);
             setConfirmingTxOnWallet(true);
             const hash = await writeContractAsync({
                 address: tokenAddress,

package/dist/state/allowance/useAllowance.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAllowance.js","sources":["../../../src/state/allowance/useAllowance.ts"],"sourcesContent":["import { useQuery, UseQueryResult } from '@tanstack/react-query'\nimport BigNumber from 'bignumber.js'\nimport { ChainId, Token } from '@ape.swap/apeswap-lists'\nimport erc20ABI from '../../config/abi/erc20.json'\nimport { QUERY_KEYS } from '../../config/constants/queryKeys'\nimport multicall, { Call } from '../../utils/multicall'\nimport convertToTokenValue from '../../utils/convertToTokenValue'\nimport ERC_20_ABI from '../../config/abi/erc20.json'\nimport USDT_ETH_ABI from '../../config/abi/usdtETH.json'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useWriteContract } from 'wagmi'\nimport { useMonitorTxHash } from '../../hooks/useMonitorTxHash'\nimport { usePopups } from '../popups/usePopups'\nimport { reportError } from '../../utils/reportError'\nimport { useURLByEnvironment } from '../useSDKConfig'\n\n/**\n * useAllowance hook: fetches the amount approved by the user for a given token\n * useApproval hook: returns the approval state (not approved, pending or approved) and a function to approve on chain\n * getTokenAllowance function fetches the allowance on chain\n */\n\nexport enum ApprovalState {\n  NOT_APPROVED = 'NOT_APPROVED',\n  PENDING = 'PENDING',\n  APPROVED = 'APPROVED',\n}\n\nexport default function useAllowance(\n  currency: 'NATIVE' | Token | null,\n  spender: string | null,\n  account: string | null,\n  chainId: ChainId | null,\n): UseQueryResult<number | null> {\n  return useQuery({\n    queryKey: [\n      QUERY_KEYS.ALLOWANCE,\n      account ?? '',\n      chainId,\n      currency === 'NATIVE' ? currency : currency?.symbol,\n      spender,\n    ],\n    queryFn: () => getTokenAllowance(currency, spender, account, chainId),\n    refetchInterval: 10000, // i.e. 10 sec\n    refetchOnWindowFocus: false,\n    retry: 1,\n  })\n}\n\nexport const getTokenAllowance = async (\n  currency: 'NATIVE' | Token | null,\n  spender: string | null,\n  account: string | null,\n  chainId: ChainId | null,\n): Promise<number | null> => {\n  if (currency === 'NATIVE') return null\n  // if (!account) {\n  //   console.log('Account disconnected')\n  // } else if (!currency) {\n  //   console.log('No currency selected')\n  // } else if (!chainId) {\n  //   console.log('No chainId selected')\n  // } else if (!spender) {\n  //   console.log('No spender selected')\n  // }\n  if (!account || !currency || !chainId || !spender) return null\n  const calls: Call[] = [\n    {\n      address: currency.address[chainId]!,\n      name: 'allowance',\n      params: [account, spender],\n    },\n  ]\n  const data = await multicall(chainId, erc20ABI, calls)\n  const value = new BigNumber(data[0] ?? 0).div(new BigNumber(10).pow(currency.decimals![chainId]!))\n  return value.toNumber()\n}\n\nexport const useApproval = (\n  amount: string,\n  currency: 'NATIVE' | Token | null,\n  spender: string | null,\n  account: string | null,\n  chainId: ChainId | null,\n): [ApprovalState, () => Promise<string | null | undefined>] => {\n  const apiUrl = useURLByEnvironment('apiV2')\n  const [confirmingTxOnWallet, setConfirmingTxOnWallet] = useState(false)\n  const [txHash, setTxHash] = useState('')\n  const { data: allowance, refetch } = useAllowance(currency, spender, account, chainId)\n\n  const { writeContractAsync } = useWriteContract()\n  const { isLoading: isConfirming, isSuccess: isConfirmed } = useMonitorTxHash(txHash, chainId as ChainId)\n  const { addToastError } = usePopups()\n  const confirmingTxOnChain = isConfirming && !isConfirmed\n\n  useEffect(() => {\n    if (txHash && isConfirmed) {\n      setTxHash('')\n      refetch()\n      console.log('refetch allowance')\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [txHash, confirmingTxOnChain])\n\n  const handleApprove = useCallback(async () => {\n    if (!chainId || !amount || currency === 'NATIVE' || !currency) return null\n    const decimals = currency.decimals![chainId]\n    const tokenAddress = currency.address[chainId] as `0x${string}`\n    if (!decimals || !tokenAddress) return null\n    try {\n      const bigishAmount = convertToTokenValue(amount, decimals)\n      setConfirmingTxOnWallet(true)\n      const hash = await writeContractAsync({\n        address: tokenAddress,\n        abi:\n          tokenAddress?.toLowerCase() === '0xdAC17F958D2ee523a2206206994597C13D831ec7'.toLowerCase()\n            ? USDT_ETH_ABI\n            : ERC_20_ABI,\n        functionName: 'approve',\n        args: [spender, bigishAmount],\n        account: account as `0x${string}`,\n        chain: chainId as any,\n      })\n      setConfirmingTxOnWallet(false)\n      setTxHash(hash)\n      return hash\n    } catch (error: any) {\n      setConfirmingTxOnWallet(false)\n      console.error('Approval failed:', error)\n      addToastError(error?.shortMessage || error?.details || error?.message)\n      reportError({\n        apiUrl,\n        error,\n        extraInfo: { type: 'approval', tokenAddress: tokenAddress, spenderAddress: spender, error },\n        chainId,\n        account: account!,\n      })\n      throw error\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [amount, currency, chainId])\n\n  let approvalState: ApprovalState = ApprovalState.NOT_APPROVED\n\n  if (allowance && amount) {\n    approvalState = allowance >= parseFloat(amount) ? ApprovalState.APPROVED : ApprovalState.NOT_APPROVED\n  }\n  if (currency === 'NATIVE') {\n    approvalState = ApprovalState.APPROVED\n  }\n  if (confirmingTxOnChain || confirmingTxOnWallet) {\n    approvalState = ApprovalState.PENDING\n  }\n\n  return [approvalState ?? ApprovalState.NOT_APPROVED, handleApprove]\n}\n"],"names":["erc20ABI"],"mappings":"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"}
+{"version":3,"file":"useAllowance.js","sources":["../../../src/state/allowance/useAllowance.ts"],"sourcesContent":["import { useQuery, UseQueryResult } from '@tanstack/react-query'\nimport BigNumber from 'bignumber.js'\nimport { ChainId, Token } from '@ape.swap/apeswap-lists'\nimport erc20ABI from '../../config/abi/erc20.json'\nimport { QUERY_KEYS } from '../../config/constants/queryKeys'\nimport multicall, { Call } from '../../utils/multicall'\nimport { convertToBigish } from '../../utils/convertToTokenValue'\nimport ERC_20_ABI from '../../config/abi/erc20.json'\nimport USDT_ETH_ABI from '../../config/abi/usdtETH.json'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useWriteContract } from 'wagmi'\nimport { useMonitorTxHash } from '../../hooks/useMonitorTxHash'\nimport { usePopups } from '../popups/usePopups'\nimport { reportError } from '../../utils/reportError'\nimport { useURLByEnvironment } from '../useSDKConfig'\n\n/**\n * useAllowance hook: fetches the amount approved by the user for a given token\n * useApproval hook: returns the approval state (not approved, pending or approved) and a function to approve on chain\n * getTokenAllowance function fetches the allowance on chain\n */\n\nexport enum ApprovalState {\n  NOT_APPROVED = 'NOT_APPROVED',\n  PENDING = 'PENDING',\n  APPROVED = 'APPROVED',\n}\n\nexport default function useAllowance(\n  currency: 'NATIVE' | Token | null,\n  spender: string | null,\n  account: string | null,\n  chainId: ChainId | null,\n): UseQueryResult<number | null> {\n  return useQuery({\n    queryKey: [\n      QUERY_KEYS.ALLOWANCE,\n      account ?? '',\n      chainId,\n      currency === 'NATIVE' ? currency : currency?.symbol,\n      spender,\n    ],\n    queryFn: () => getTokenAllowance(currency, spender, account, chainId),\n    refetchInterval: 10000, // i.e. 10 sec\n    refetchOnWindowFocus: false,\n    retry: 1,\n  })\n}\n\nexport const getTokenAllowance = async (\n  currency: 'NATIVE' | Token | null,\n  spender: string | null,\n  account: string | null,\n  chainId: ChainId | null,\n): Promise<number | null> => {\n  if (currency === 'NATIVE') return null\n  // if (!account) {\n  //   console.log('Account disconnected')\n  // } else if (!currency) {\n  //   console.log('No currency selected')\n  // } else if (!chainId) {\n  //   console.log('No chainId selected')\n  // } else if (!spender) {\n  //   console.log('No spender selected')\n  // }\n  if (!account || !currency || !chainId || !spender) return null\n  const calls: Call[] = [\n    {\n      address: currency.address[chainId]!,\n      name: 'allowance',\n      params: [account, spender],\n    },\n  ]\n  const data = await multicall(chainId, erc20ABI, calls)\n  const value = new BigNumber(data[0] ?? 0).div(new BigNumber(10).pow(currency.decimals![chainId]!))\n  return value.toNumber()\n}\n\nexport const useApproval = (\n  amount: string,\n  currency: 'NATIVE' | Token | null,\n  spender: string | null,\n  account: string | null,\n  chainId: ChainId | null,\n): [ApprovalState, () => Promise<string | null | undefined>] => {\n  const apiUrl = useURLByEnvironment('apiV2')\n  const [confirmingTxOnWallet, setConfirmingTxOnWallet] = useState(false)\n  const [txHash, setTxHash] = useState('')\n  const { data: allowance, refetch } = useAllowance(currency, spender, account, chainId)\n\n  const { writeContractAsync } = useWriteContract()\n  const { isLoading: isConfirming, isSuccess: isConfirmed } = useMonitorTxHash(txHash, chainId as ChainId)\n  const { addToastError } = usePopups()\n  const confirmingTxOnChain = isConfirming && !isConfirmed\n\n  useEffect(() => {\n    if (txHash && isConfirmed) {\n      setTxHash('')\n      refetch()\n      console.log('refetch allowance')\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [txHash, confirmingTxOnChain])\n\n  const handleApprove = useCallback(async () => {\n    if (!chainId || !amount || currency === 'NATIVE' || !currency) return null\n    const decimals = currency.decimals![chainId]\n    const tokenAddress = currency.address[chainId] as `0x${string}`\n    if (!decimals || !tokenAddress) return null\n    try {\n      const bigishAmount = convertToBigish(amount, decimals)\n      setConfirmingTxOnWallet(true)\n      const hash = await writeContractAsync({\n        address: tokenAddress,\n        abi:\n          tokenAddress?.toLowerCase() === '0xdAC17F958D2ee523a2206206994597C13D831ec7'.toLowerCase()\n            ? USDT_ETH_ABI\n            : ERC_20_ABI,\n        functionName: 'approve',\n        args: [spender, bigishAmount],\n        account: account as `0x${string}`,\n        chain: chainId as any,\n      })\n      setConfirmingTxOnWallet(false)\n      setTxHash(hash)\n      return hash\n    } catch (error: any) {\n      setConfirmingTxOnWallet(false)\n      console.error('Approval failed:', error)\n      addToastError(error?.shortMessage || error?.details || error?.message)\n      reportError({\n        apiUrl,\n        error,\n        extraInfo: { type: 'approval', tokenAddress: tokenAddress, spenderAddress: spender, error },\n        chainId,\n        account: account!,\n      })\n      throw error\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [amount, currency, chainId])\n\n  let approvalState: ApprovalState = ApprovalState.NOT_APPROVED\n\n  if (allowance && amount) {\n    approvalState = allowance >= parseFloat(amount) ? ApprovalState.APPROVED : ApprovalState.NOT_APPROVED\n  }\n  if (currency === 'NATIVE') {\n    approvalState = ApprovalState.APPROVED\n  }\n  if (confirmingTxOnChain || confirmingTxOnWallet) {\n    approvalState = ApprovalState.PENDING\n  }\n\n  return [approvalState ?? ApprovalState.NOT_APPROVED, handleApprove]\n}\n"],"names":["erc20ABI"],"mappings":"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"}

package/dist/state/bonds/utils.js

@@ -1,7 +1,7 @@
 import { getBalanceNumber } from '../../utils/getBalanceNumber.js';
 import { BillVersion } from '@ape.swap/apeswap-lists';
 import multicall from '../../utils/multicall.js';
-import launchBondsABI_V2_2_0 from '../../config/abi/launchBond_v2_4_1.json.js';
+import LaunchBondABI_V_2_4_1 from '../../config/abi/launchBond_v2_4_1.json.js';
 import BOND_ABI from '../../config/abi/BOND_2_4_0.json.js';
 import ERC_20_ABI from '../../config/abi/erc20.json.js';
 import { reportError } from '../../utils/reportError.js';
@@ -51,7 +51,7 @@ const fetchBondsDataPreTGE = async (chain, tokenPrices, preTGEBonds, apiUrl) =>
                 },
             ];
         });
-        const vals = await multicall(chainId, launchBondsABI_V2_2_0, launchBondsCalls);
+        const vals = await multicall(chainId, LaunchBondABI_V_2_4_1, launchBondsCalls);
         const chunkSize = vals.length / preTGEBonds.length;
         const chunkedBills = chunk(vals, chunkSize);
         const returnedBills = chunkedBills?.map((chunk, index) => {

package/dist/state/preTGEBonds/usePreTGEUserBonds.js

@@ -1,7 +1,7 @@
 import { useQuery } from '@tanstack/react-query';
 import { QUERY_KEYS } from '../../config/constants/queryKeys.js';
 import multicall from '../../utils/multicall.js';
-import launchBondsABI_V2_2_0 from '../../config/abi/launchBond_v2_4_1.json.js';
+import LaunchBondABI_V_2_4_1 from '../../config/abi/launchBond_v2_4_1.json.js';
 import BigNumber from 'bignumber.js';
 import { reportError } from '../../utils/reportError.js';
 import { useURLByEnvironment, useSDKConfig } from '../useSDKConfig.js';
@@ -58,7 +58,7 @@ const fetchPreTGEUserBonds = async (chains, tokenPrices, preTGEList, account, ap
                         name: 'trueBillPrice',
                     },
                 ];
-                const res = await multicall(bond.chainId, launchBondsABI_V2_2_0, calls);
+                const res = await multicall(bond.chainId, LaunchBondABI_V_2_4_1, calls);
                 const billId = res?.[0]?.[0]?.[0]?.toString();
                 let userOwnedBillsData;
                 if (billId) {
@@ -78,7 +78,7 @@ const fetchPreTGEUserBonds = async (chains, tokenPrices, preTGEList, account, ap
                             params: [billId],
                         },
                     ];
-                    const billData = await multicall(bond.chainId, launchBondsABI_V2_2_0, billDataCalls);
+                    const billData = await multicall(bond.chainId, LaunchBondABI_V_2_4_1, billDataCalls);
                     userOwnedBillsData = {
                         address: bond.contractAddress[bond.chainId] ?? '',
                         id: billId,

package/dist/state/useSDKConfig.d.ts

@@ -1,9 +1,11 @@
 import { ChainId } from '@ape.swap/apeswap-lists';
+export interface OpenWalletConnectorsDTO {
+    evm?: () => void;
+}
 export interface SDKPropsDTO {
     referenceId: string;
     chains: number[];
     hotBondChains?: number[];
-    connector?: 'rainbowkit' | 'appkit' | 'default';
     useHotBonds?: boolean;
     useTiers?: boolean;
     useTGEBonds?: boolean;
@@ -14,12 +16,12 @@ export interface SDKPropsDTO {
     theme?: any;
     highestCompatibleVersion?: string;
     customRPCS?: Partial<Record<ChainId, string[]>>;
+    openWalletConnectors?: OpenWalletConnectorsDTO;
 }
 export interface SDKProps {
     referenceId: string;
     chains: number[];
     hotBondChains: number[];
-    connector?: 'rainbowkit' | 'appkit' | 'default';
     useHotBonds: boolean;
     useTiers: boolean;
     useTGEBonds: boolean;
@@ -30,6 +32,9 @@ export interface SDKProps {
     theme?: any;
     highestCompatibleVersion?: string;
     customRPCS?: Partial<Record<ChainId, string[]>>;
+    openWalletConnectors: {
+        evm: boolean;
+    };
 }
 export declare const useSDKConfig: (config?: SDKPropsDTO) => SDKProps;
 export type URLKeys = 'apiV2' | 'realTimeApi' | 'mainUrl' | 'priceApi';

package/dist/state/useSDKConfig.js

@@ -3,6 +3,7 @@ import { QUERY_KEYS } from '../config/constants/queryKeys.js';
 import { ChainId } from '@ape.swap/apeswap-lists';
 import { useEffect } from 'react';
 import { setCustomRPCS } from '../config/constants/networks.js';
+import { setWalletConnectorOpener } from '../config/constants/walletConnectors.js';
 
 // Prod URLS. Do not make changes here
 const defaultUrls = {
@@ -25,21 +26,28 @@ const useSDKConfig = (config) => {
         chains: [],
         hotBondChains: [ChainId.BSC, ChainId.MATIC],
         useHotBonds: true,
-        connector: 'default',
         useTiers: false,
         useTGEBonds: false,
         showLowValueBonds: false,
         bondPartner: undefined,
         namingPreference: 'Bonus',
         ...config,
+        openWalletConnectors: {
+            evm: !!config?.openWalletConnectors?.evm,
+        },
         urls: { ...urls, ...config?.urls },
         highestCompatibleVersion: '2.1.3',
     };
+    const evmConnectorOpener = config?.openWalletConnectors?.evm;
     useEffect(() => {
         if (config?.customRPCS) {
             setCustomRPCS(config.customRPCS);
         }
-    }, [config?.customRPCS]);
+        if (evmConnectorOpener) {
+            console.log('set evm wallet opener');
+            setWalletConnectorOpener('evm', evmConnectorOpener);
+        }
+    }, [config?.customRPCS, evmConnectorOpener]);
     const { data } = useQuery({
         queryKey: [QUERY_KEYS.SDK_CONFIG],
         queryFn: () => {

package/dist/state/useSDKConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSDKConfig.js","sources":["../../src/state/useSDKConfig.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { QUERY_KEYS } from '../config/constants/queryKeys'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { useEffect } from 'react'\nimport { setCustomRPCS } from '../config/constants/networks'\n\n// Prod URLS. Do not make changes here\nconst defaultUrls = {\n  apiV2: 'https://api.ape.bond',\n  realTimeApi: 'https://realtime-api.ape.bond',\n  mainUrl: 'https://ape.bond',\n  priceApi: 'https://price-api.ape.bond',\n}\n\n// Staging URLS.\nconst stagingUrls = {\n  apiV2: 'https://staging-api.ape.bond',\n  realTimeApi: 'https://realtime-api-staging.ape.bond',\n  mainUrl: 'https://staging.ape.bond',\n  priceApi: 'https://price-api.ape.bond',\n}\n\nexport interface SDKPropsDTO {\n  referenceId: string\n  chains: number[]\n  hotBondChains?: number[]\n  connector?: 'rainbowkit' | 'appkit' | 'default'\n  useHotBonds?: boolean\n  useTiers?: boolean\n  useTGEBonds?: boolean\n  showLowValueBonds?: boolean\n  bondPartner?: string\n  namingPreference?: 'Discount' | 'Bonus'\n  urls?: Partial<Record<URLKeys, string>>\n  theme?: any\n  highestCompatibleVersion?: string\n  customRPCS?: Partial<Record<ChainId, string[]>>\n}\n\nexport interface SDKProps {\n  referenceId: string\n  chains: number[]\n  hotBondChains: number[]\n  connector?: 'rainbowkit' | 'appkit' | 'default'\n  useHotBonds: boolean\n  useTiers: boolean\n  useTGEBonds: boolean\n  showLowValueBonds: boolean\n  bondPartner?: string\n  namingPreference: 'Discount' | 'Bonus'\n  urls: Record<URLKeys, string>\n  theme?: any\n  highestCompatibleVersion?: string\n  customRPCS?: Partial<Record<ChainId, string[]>>\n}\n\nexport const useSDKConfig = (config?: SDKPropsDTO): SDKProps => {\n  const urls = process.env.NODE_ENV === 'production' ? defaultUrls : stagingUrls\n\n  const initialData: SDKProps = {\n    referenceId: '',\n    chains: [],\n    hotBondChains: [ChainId.BSC, ChainId.MATIC],\n    useHotBonds: true,\n    connector: 'default',\n    useTiers: false,\n    useTGEBonds: false,\n    showLowValueBonds: false,\n    bondPartner: undefined,\n    namingPreference: 'Bonus',\n    ...config,\n    urls: { ...urls, ...config?.urls },\n    highestCompatibleVersion: '2.1.3',\n  }\n\n  useEffect(() => {\n    if (config?.customRPCS) {\n      setCustomRPCS(config.customRPCS)\n    }\n  }, [config?.customRPCS])\n\n  const { data } = useQuery({\n    queryKey: [QUERY_KEYS.SDK_CONFIG],\n    queryFn: () => {\n      throw new Error('Just a hotfix for latest versions of react-query that make queryFn a required prop')\n    },\n    initialData,\n  })\n  return data as SDKProps\n}\n\nexport type URLKeys = 'apiV2' | 'realTimeApi' | 'mainUrl' | 'priceApi'\n\nexport const useURLByEnvironment = (key: URLKeys) => {\n  const config = useSDKConfig()\n  return config?.urls?.[key] as string\n}\n"],"names":[],"mappings":";;;;;;AAMA;AACA,MAAM,WAAW,GAAG;AAClB,IAAA,KAAK,EAAE,sBAAsB;AAC7B,IAAA,WAAW,EAAE,+BAA+B;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,QAAQ,EAAE,4BAA4B;CACvC;AAED;AACA,MAAM,WAAW,GAAG;AAClB,IAAA,KAAK,EAAE,8BAA8B;AACrC,IAAA,WAAW,EAAE,uCAAuC;AACpD,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,QAAQ,EAAE,4BAA4B;CACvC;AAoCM,MAAM,YAAY,GAAG,CAAC,MAAoB,KAAc;AAC7D,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,GAAG,WAAW,GAAG,WAAW;AAE9E,IAAA,MAAM,WAAW,GAAa;AAC5B,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,MAAM,EAAE,EAAE;QACV,aAAa,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC;AAC3C,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,WAAW,EAAE,KAAK;AAClB,QAAA,iBAAiB,EAAE,KAAK;AACxB,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,gBAAgB,EAAE,OAAO;AACzB,QAAA,GAAG,MAAM;QACT,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,EAAE,IAAI,EAAE;AAClC,QAAA,wBAAwB,EAAE,OAAO;KAClC;IAED,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,EAAE,UAAU,EAAE;AACtB,YAAA,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC;QAClC;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAExB,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;AACxB,QAAA,QAAQ,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC;QACjC,OAAO,EAAE,MAAK;AACZ,YAAA,MAAM,IAAI,KAAK,CAAC,oFAAoF,CAAC;QACvG,CAAC;QACD,WAAW;AACZ,KAAA,CAAC;AACF,IAAA,OAAO,IAAgB;AACzB;AAIO,MAAM,mBAAmB,GAAG,CAAC,GAAY,KAAI;AAClD,IAAA,MAAM,MAAM,GAAG,YAAY,EAAE;AAC7B,IAAA,OAAO,MAAM,EAAE,IAAI,GAAG,GAAG,CAAW;AACtC;;;;"}
+{"version":3,"file":"useSDKConfig.js","sources":["../../src/state/useSDKConfig.ts"],"sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { QUERY_KEYS } from '../config/constants/queryKeys'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { useEffect } from 'react'\nimport { setCustomRPCS } from '../config/constants/networks'\nimport { setWalletConnectorOpener } from '../config/constants/walletConnectors'\n\n// Prod URLS. Do not make changes here\nconst defaultUrls = {\n  apiV2: 'https://api.ape.bond',\n  realTimeApi: 'https://realtime-api.ape.bond',\n  mainUrl: 'https://ape.bond',\n  priceApi: 'https://price-api.ape.bond',\n}\n\n// Staging URLS.\nconst stagingUrls = {\n  apiV2: 'https://staging-api.ape.bond',\n  realTimeApi: 'https://realtime-api-staging.ape.bond',\n  mainUrl: 'https://staging.ape.bond',\n  priceApi: 'https://price-api.ape.bond',\n}\n\nexport interface OpenWalletConnectorsDTO {\n  evm?: () => void\n}\n\nexport interface SDKPropsDTO {\n  referenceId: string\n  chains: number[]\n  hotBondChains?: number[]\n  useHotBonds?: boolean\n  useTiers?: boolean\n  useTGEBonds?: boolean\n  showLowValueBonds?: boolean\n  bondPartner?: string\n  namingPreference?: 'Discount' | 'Bonus'\n  urls?: Partial<Record<URLKeys, string>>\n  theme?: any\n  highestCompatibleVersion?: string\n  customRPCS?: Partial<Record<ChainId, string[]>>\n  openWalletConnectors?: OpenWalletConnectorsDTO\n}\n\nexport interface SDKProps {\n  referenceId: string\n  chains: number[]\n  hotBondChains: number[]\n  useHotBonds: boolean\n  useTiers: boolean\n  useTGEBonds: boolean\n  showLowValueBonds: boolean\n  bondPartner?: string\n  namingPreference: 'Discount' | 'Bonus'\n  urls: Record<URLKeys, string>\n  theme?: any\n  highestCompatibleVersion?: string\n  customRPCS?: Partial<Record<ChainId, string[]>>\n  openWalletConnectors: {\n    evm: boolean\n  }\n}\n\nexport const useSDKConfig = (config?: SDKPropsDTO): SDKProps => {\n  const urls = process.env.NODE_ENV === 'production' ? defaultUrls : stagingUrls\n\n  const initialData: SDKProps = {\n    referenceId: '',\n    chains: [],\n    hotBondChains: [ChainId.BSC, ChainId.MATIC],\n    useHotBonds: true,\n    useTiers: false,\n    useTGEBonds: false,\n    showLowValueBonds: false,\n    bondPartner: undefined,\n    namingPreference: 'Bonus',\n    ...config,\n    openWalletConnectors: {\n      evm: !!config?.openWalletConnectors?.evm,\n    },\n    urls: { ...urls, ...config?.urls },\n    highestCompatibleVersion: '2.1.3',\n  }\n\n  const evmConnectorOpener = config?.openWalletConnectors?.evm\n\n  useEffect(() => {\n    if (config?.customRPCS) {\n      setCustomRPCS(config.customRPCS)\n    }\n    if (evmConnectorOpener) {\n      console.log('set evm wallet opener')\n      setWalletConnectorOpener('evm', evmConnectorOpener)\n    }\n  }, [config?.customRPCS, evmConnectorOpener])\n\n  const { data } = useQuery({\n    queryKey: [QUERY_KEYS.SDK_CONFIG],\n    queryFn: () => {\n      throw new Error('Just a hotfix for latest versions of react-query that make queryFn a required prop')\n    },\n    initialData,\n  })\n  return data as SDKProps\n}\n\nexport type URLKeys = 'apiV2' | 'realTimeApi' | 'mainUrl' | 'priceApi'\n\nexport const useURLByEnvironment = (key: URLKeys) => {\n  const config = useSDKConfig()\n  return config?.urls?.[key] as string\n}\n"],"names":[],"mappings":";;;;;;;AAOA;AACA,MAAM,WAAW,GAAG;AAClB,IAAA,KAAK,EAAE,sBAAsB;AAC7B,IAAA,WAAW,EAAE,+BAA+B;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,QAAQ,EAAE,4BAA4B;CACvC;AAED;AACA,MAAM,WAAW,GAAG;AAClB,IAAA,KAAK,EAAE,8BAA8B;AACrC,IAAA,WAAW,EAAE,uCAAuC;AACpD,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,QAAQ,EAAE,4BAA4B;CACvC;AA0CM,MAAM,YAAY,GAAG,CAAC,MAAoB,KAAc;AAC7D,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,GAAG,WAAW,GAAG,WAAW;AAE9E,IAAA,MAAM,WAAW,GAAa;AAC5B,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,MAAM,EAAE,EAAE;QACV,aAAa,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC;AAC3C,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,WAAW,EAAE,KAAK;AAClB,QAAA,iBAAiB,EAAE,KAAK;AACxB,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,gBAAgB,EAAE,OAAO;AACzB,QAAA,GAAG,MAAM;AACT,QAAA,oBAAoB,EAAE;AACpB,YAAA,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,oBAAoB,EAAE,GAAG;AACzC,SAAA;QACD,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,EAAE,IAAI,EAAE;AAClC,QAAA,wBAAwB,EAAE,OAAO;KAClC;AAED,IAAA,MAAM,kBAAkB,GAAG,MAAM,EAAE,oBAAoB,EAAE,GAAG;IAE5D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,EAAE,UAAU,EAAE;AACtB,YAAA,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC;QAClC;QACA,IAAI,kBAAkB,EAAE;AACtB,YAAA,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC;AACpC,YAAA,wBAAwB,CAAC,KAAK,EAAE,kBAAkB,CAAC;QACrD;IACF,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAAC;AAE5C,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;AACxB,QAAA,QAAQ,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC;QACjC,OAAO,EAAE,MAAK;AACZ,YAAA,MAAM,IAAI,KAAK,CAAC,oFAAoF,CAAC;QACvG,CAAC;QACD,WAAW;AACZ,KAAA,CAAC;AACF,IAAA,OAAO,IAAgB;AACzB;AAIO,MAAM,mBAAmB,GAAG,CAAC,GAAY,KAAI;AAClD,IAAA,MAAM,MAAM,GAAG,YAAY,EAAE;AAC7B,IAAA,OAAO,MAAM,EAAE,IAAI,GAAG,GAAG,CAAW;AACtC;;;;"}

package/dist/utils/convertToTokenValue.d.ts

@@ -1,4 +1,2 @@
-import { ethers } from 'ethers';
 export declare function adjustDecimals(numStr: string): string;
-declare const convertToTokenValue: (numberString: string, decimals: number) => ethers.BigNumber;
-export default convertToTokenValue;
+export declare const convertToBigish: (numberString?: string, decimals?: number) => string;

package/dist/utils/convertToTokenValue.js

@@ -1,4 +1,4 @@
-import { ethers } from 'ethers';
+import BigNumber from 'bignumber.js';
 
 function adjustDecimals(numStr) {
     const parts = numStr.split('.');
@@ -14,14 +14,12 @@ function adjustDecimals(numStr) {
         return numStr;
     }
 }
-const convertToTokenValue = (numberString, decimals) => {
-    if (isNaN(parseFloat(numberString))) {
-        console.error('Error: numberString to parse is not a number');
-        return ethers.utils.parseUnits('0', decimals);
-    }
-    const tokenValue = ethers.utils.parseUnits(adjustDecimals(numberString), decimals);
-    return tokenValue;
+const convertToBigish = (numberString, decimals = 18) => {
+    if (!numberString || !decimals)
+        return '';
+    const adjustedDecimals = adjustDecimals(numberString);
+    return new BigNumber(adjustedDecimals).times(new BigNumber(10).pow(decimals)).toFixed(0);
 };
 
-export { adjustDecimals, convertToTokenValue as default };
+export { adjustDecimals, convertToBigish };
 //# sourceMappingURL=convertToTokenValue.js.map

package/dist/utils/convertToTokenValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"convertToTokenValue.js","sources":["../../src/utils/convertToTokenValue.ts"],"sourcesContent":["import { ethers } from 'ethers'\n\nexport function adjustDecimals(numStr: string) {\n  const parts = numStr.split('.')\n  if (parts.length < 2) {\n    // This means the number doesn't have any decimals\n    return numStr\n  }\n  if (parts[1].length > 18) {\n    parts[1] = parts[1].slice(0, 18) // Take the first 18 decimals\n    return parts[0] + '.' + parts[1]\n  } else {\n    return numStr\n  }\n}\n\nconst convertToTokenValue = (numberString: string, decimals: number): ethers.BigNumber => {\n  if (isNaN(parseFloat(numberString))) {\n    console.error('Error: numberString to parse is not a number')\n    return ethers.utils.parseUnits('0', decimals)\n  }\n  const tokenValue = ethers.utils.parseUnits(adjustDecimals(numberString), decimals)\n  return tokenValue\n}\n\nexport default convertToTokenValue\n"],"names":[],"mappings":";;AAEM,SAAU,cAAc,CAAC,MAAc,EAAA;IAC3C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;AAC/B,IAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;;AAEpB,QAAA,OAAO,MAAM;IACf;IACA,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,EAAE,EAAE;AACxB,QAAA,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;QAChC,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC;IAClC;SAAO;AACL,QAAA,OAAO,MAAM;IACf;AACF;AAEA,MAAM,mBAAmB,GAAG,CAAC,YAAoB,EAAE,QAAgB,KAAsB;IACvF,IAAI,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,EAAE;AACnC,QAAA,OAAO,CAAC,KAAK,CAAC,8CAA8C,CAAC;QAC7D,OAAO,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC;IAC/C;AACA,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC;AAClF,IAAA,OAAO,UAAU;AACnB;;;;"}
+{"version":3,"file":"convertToTokenValue.js","sources":["../../src/utils/convertToTokenValue.ts"],"sourcesContent":["import BigNumber from 'bignumber.js'\n\nexport function adjustDecimals(numStr: string) {\n  const parts = numStr.split('.')\n  if (parts.length < 2) {\n    // This means the number doesn't have any decimals\n    return numStr\n  }\n  if (parts[1].length > 18) {\n    parts[1] = parts[1].slice(0, 18) // Take the first 18 decimals\n    return parts[0] + '.' + parts[1]\n  } else {\n    return numStr\n  }\n}\n\nexport const convertToBigish = (numberString?: string, decimals: number = 18) => {\n  if (!numberString || !decimals) return ''\n\n  const adjustedDecimals = adjustDecimals(numberString)\n\n  return new BigNumber(adjustedDecimals).times(new BigNumber(10).pow(decimals)).toFixed(0)\n}\n"],"names":[],"mappings":";;AAEM,SAAU,cAAc,CAAC,MAAc,EAAA;IAC3C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;AAC/B,IAAA,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;;AAEpB,QAAA,OAAO,MAAM;IACf;IACA,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,EAAE,EAAE;AACxB,QAAA,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;QAChC,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC;IAClC;SAAO;AACL,QAAA,OAAO,MAAM;IACf;AACF;AAEO,MAAM,eAAe,GAAG,CAAC,YAAqB,EAAE,QAAA,GAAmB,EAAE,KAAI;AAC9E,IAAA,IAAI,CAAC,YAAY,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,EAAE;AAEzC,IAAA,MAAM,gBAAgB,GAAG,cAAc,CAAC,YAAY,CAAC;IAErD,OAAO,IAAI,SAAS,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1F;;;;"}

package/dist/utils/formatNumbers.d.ts

@@ -19,7 +19,6 @@ interface FormatDollarArgs {
  * @param round whether or not to round up non-price amounts
  */
 export declare const formatDollar: ({ num, isPrice, lessPreciseStablecoinValues, digits, round, }: FormatDollarArgs) => string;
-export declare const formatValue: ({ num, digits, round }: any) => string;
 /**
  * Returns a numerical amount of any token formatted in human readable string for use in template.
  *

package/dist/utils/formatNumbers.js

@@ -1,6 +1,21 @@
-import numbro from 'numbro';
-
-/* Copied from Uniswap/v-3: https://github.com/Uniswap/v3-info/blob/master/src/utils/numbers.ts */
+const dollarAbbreviations = [
+    { value: 1e12, suffix: 'T' },
+    { value: 1e9, suffix: 'B' },
+    { value: 1e6, suffix: 'M' },
+    // { value: 1e3, suffix: 'K' },
+];
+const formatDollarAmount = (num, digits, round) => {
+    const mantissa = num > 1000 ? 2 : digits;
+    const sign = num < 0 ? '-' : '';
+    const absoluteNum = Math.abs(num);
+    if (round) {
+        const abbreviation = dollarAbbreviations.find(({ value }) => absoluteNum >= value);
+        if (abbreviation) {
+            return `${sign}$${(absoluteNum / abbreviation.value).toFixed(mantissa)}${abbreviation.suffix}`;
+        }
+    }
+    return `${sign}$${absoluteNum.toFixed(mantissa)}`;
+};
 /**
  * Returns a USD dollar or equivalent denominated numerical value formatted
  * in human readable string for use in template.
@@ -49,16 +64,7 @@ const formatDollar = ({ num, isPrice = false, lessPreciseStablecoinValues = fals
         if (num >= 0.1 && num < 1.05) {
             return `$${num.toFixed(3)}`;
         }
-        return numbro(num)
-            .formatCurrency({
-            average: round,
-            mantissa: num > 1000 ? 2 : digits,
-            abbreviations: {
-                million: 'M',
-                billion: 'B',
-            },
-        })
-            .toUpperCase();
+        return formatDollarAmount(num, digits, round);
     }
 };
 

package/dist/utils/formatNumbers.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatNumbers.js","sources":["../../src/utils/formatNumbers.ts"],"sourcesContent":["/* Copied from Uniswap/v-3: https://github.com/Uniswap/v3-info/blob/master/src/utils/numbers.ts */\nimport numbro from 'numbro'\n\ninterface FormatDollarArgs {\n  num: number | undefined | null\n  isPrice?: boolean\n  lessPreciseStablecoinValues?: boolean\n  digits?: number\n  round?: boolean\n}\n\n/**\n * Returns a USD dollar or equivalent denominated numerical value formatted\n * in human readable string for use in template.\n *\n * Adheres to guidelines for prices and other numbers defined here:\n * https://www.notion.so/uniswaplabs/Number-standards-fbb9f533f10e4e22820722c2f66d23c0\n * @param num numerical value denominated in USD or USD equivalent\n * @param isPrice whether the amount represents a price or not\n * @param lessPreciseStablecoinValues whether or not we should show less precise values for\n * stablecoins (around 1$ in value always) for the sake of readability\n * @param digits number of digits after the decimal for non-price amounts\n * @param round whether or not to round up non-price amounts\n */\nexport const formatDollar = ({\n  num,\n  isPrice = false,\n  lessPreciseStablecoinValues = false,\n  digits = 2,\n  round = true,\n}: FormatDollarArgs): string => {\n  // For USD dollar denominated prices.\n  if (isPrice) {\n    if (num === 0) return '$0.00'\n    if (!num) return '-'\n    if (num < 0.000001) {\n      return `$${num.toExponential(2)}`\n    }\n    if ((num >= 0.000001 && num < 0.1) || num > 1000000) {\n      return `$${Number(num).toPrecision(3)}`\n    }\n    // We only show 2 decimal places in explore table for stablecoin value ranges\n    // for the sake of readability (as opposed to the usual 3 elsewhere).\n    if (num >= 0.1 && num < (lessPreciseStablecoinValues ? 0.9995 : 1.05)) {\n      return `$${num.toFixed(3)}`\n    }\n    return `$${Number(num.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n  }\n  // For volume dollar amounts, like market cap, total value locked, etc.\n  else {\n    if (num === 0) return '$0.00'\n    if (!num) return '-'\n    if (num < 0.000001) {\n      return '$<0.000001'\n    }\n    if (num >= 0.000001 && num < 0.1) {\n      return `$${Number(num).toPrecision(3)}`\n    }\n    if (num >= 0.1 && num < 1.05) {\n      return `$${num.toFixed(3)}`\n    }\n\n    return numbro(num)\n      .formatCurrency({\n        average: round,\n        mantissa: num > 1000 ? 2 : digits,\n        abbreviations: {\n          million: 'M',\n          billion: 'B',\n        },\n      })\n      .toUpperCase()\n  }\n}\n\nexport const formatValue = ({ num, digits = 2, round = true }: any): string => {\n  if (num === 0) return '0.00'\n  if (!num) return '-'\n  if (num < 0.000001) {\n    return '<0.000001'\n  }\n  if (num >= 0.000001 && num < 0.1) {\n    return `${Number(num).toPrecision(3)}`\n  }\n  if (num >= 0.1 && num < 1.05) {\n    return `${num.toFixed(3)}`\n  }\n\n  return numbro(num)\n    .format({\n      average: round,\n      mantissa: num > 1000 ? 2 : digits,\n      abbreviations: {\n        million: 'M',\n        billion: 'B',\n      },\n    })\n    .toUpperCase()\n}\n\n/**\n * Returns a numerical amount of any token formatted in human readable string for use in template.\n *\n * For transaction review numbers, such as token quantities, NFT price (token-denominated),\n *  network fees, transaction history items. Adheres to guidelines defined here:\n * https://www.notion.so/uniswaplabs/Number-standards-fbb9f533f10e4e22820722c2f66d23c0\n * @param num numerical value denominated in any token\n * @param maxDigits the maximum number of digits that should be shown for the quantity\n */\nexport const formatTransactionAmount = (num: number | undefined | null, maxDigits = 9) => {\n  if (num === 0) return '0.00'\n  if (!num) return ''\n  if (num < 0.00001) {\n    return '<0.00001'\n  }\n  if (num >= 0.00001 && num < 1) {\n    return `${Number(num.toFixed(5)).toLocaleString('en-US', {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 5,\n    })}`\n  }\n  if (num >= 1 && num < 10000) {\n    return `${Number(num.toPrecision(6)).toLocaleString('en-US', {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 6,\n    })}`\n  }\n  if (num >= 10000 && num < 1000000) {\n    return `${Number(num.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n  }\n  // For very large numbers, switch to scientific notation and show as much precision\n  // as permissible by maxDigits param.\n  if (num >= Math.pow(10, maxDigits - 1)) {\n    return `${num.toExponential(maxDigits - 3)}`\n  }\n  return `${Number(num.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n}\n"],"names":[],"mappings":";;AAAA;AAWA;;;;;;;;;;;;AAYG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,GAAG,EACH,OAAO,GAAG,KAAK,EACf,2BAA2B,GAAG,KAAK,EACnC,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,IAAI,GACK,KAAY;;IAE7B,IAAI,OAAO,EAAE;QACX,IAAI,GAAG,KAAK,CAAC;AAAE,YAAA,OAAO,OAAO;AAC7B,QAAA,IAAI,CAAC,GAAG;AAAE,YAAA,OAAO,GAAG;AACpB,QAAA,IAAI,GAAG,GAAG,QAAQ,EAAE;YAClB,OAAO,CAAA,CAAA,EAAI,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;QACnC;AACA,QAAA,IAAI,CAAC,GAAG,IAAI,QAAQ,IAAI,GAAG,GAAG,GAAG,KAAK,GAAG,GAAG,OAAO,EAAE;YACnD,OAAO,CAAA,CAAA,EAAI,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA,CAAE;QACzC;;;AAGA,QAAA,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,2BAA2B,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE;YACrE,OAAO,CAAA,CAAA,EAAI,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAC7B;QACA,OAAO,CAAA,CAAA,EAAI,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,CAAA,CAAE;IAC3F;;SAEK;QACH,IAAI,GAAG,KAAK,CAAC;AAAE,YAAA,OAAO,OAAO;AAC7B,QAAA,IAAI,CAAC,GAAG;AAAE,YAAA,OAAO,GAAG;AACpB,QAAA,IAAI,GAAG,GAAG,QAAQ,EAAE;AAClB,YAAA,OAAO,YAAY;QACrB;QACA,IAAI,GAAG,IAAI,QAAQ,IAAI,GAAG,GAAG,GAAG,EAAE;YAChC,OAAO,CAAA,CAAA,EAAI,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA,CAAE;QACzC;QACA,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,IAAI,EAAE;YAC5B,OAAO,CAAA,CAAA,EAAI,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAC7B;QAEA,OAAO,MAAM,CAAC,GAAG;AACd,aAAA,cAAc,CAAC;AACd,YAAA,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,MAAM;AACjC,YAAA,aAAa,EAAE;AACb,gBAAA,OAAO,EAAE,GAAG;AACZ,gBAAA,OAAO,EAAE,GAAG;AACb,aAAA;SACF;AACA,aAAA,WAAW,EAAE;IAClB;AACF;;;;"}
+{"version":3,"file":"formatNumbers.js","sources":["../../src/utils/formatNumbers.ts"],"sourcesContent":["interface FormatDollarArgs {\n  num: number | undefined | null\n  isPrice?: boolean\n  lessPreciseStablecoinValues?: boolean\n  digits?: number\n  round?: boolean\n}\n\nconst dollarAbbreviations = [\n  { value: 1e12, suffix: 'T' },\n  { value: 1e9, suffix: 'B' },\n  { value: 1e6, suffix: 'M' },\n  // { value: 1e3, suffix: 'K' },\n]\n\nconst formatDollarAmount = (num: number, digits: number, round: boolean): string => {\n  const mantissa = num > 1000 ? 2 : digits\n  const sign = num < 0 ? '-' : ''\n  const absoluteNum = Math.abs(num)\n\n  if (round) {\n    const abbreviation = dollarAbbreviations.find(({ value }) => absoluteNum >= value)\n\n    if (abbreviation) {\n      return `${sign}$${(absoluteNum / abbreviation.value).toFixed(mantissa)}${abbreviation.suffix}`\n    }\n  }\n\n  return `${sign}$${absoluteNum.toFixed(mantissa)}`\n}\n\n/**\n * Returns a USD dollar or equivalent denominated numerical value formatted\n * in human readable string for use in template.\n *\n * Adheres to guidelines for prices and other numbers defined here:\n * https://www.notion.so/uniswaplabs/Number-standards-fbb9f533f10e4e22820722c2f66d23c0\n * @param num numerical value denominated in USD or USD equivalent\n * @param isPrice whether the amount represents a price or not\n * @param lessPreciseStablecoinValues whether or not we should show less precise values for\n * stablecoins (around 1$ in value always) for the sake of readability\n * @param digits number of digits after the decimal for non-price amounts\n * @param round whether or not to round up non-price amounts\n */\nexport const formatDollar = ({\n  num,\n  isPrice = false,\n  lessPreciseStablecoinValues = false,\n  digits = 2,\n  round = true,\n}: FormatDollarArgs): string => {\n  // For USD dollar denominated prices.\n  if (isPrice) {\n    if (num === 0) return '$0.00'\n    if (!num) return '-'\n    if (num < 0.000001) {\n      return `$${num.toExponential(2)}`\n    }\n    if ((num >= 0.000001 && num < 0.1) || num > 1000000) {\n      return `$${Number(num).toPrecision(3)}`\n    }\n    // We only show 2 decimal places in explore table for stablecoin value ranges\n    // for the sake of readability (as opposed to the usual 3 elsewhere).\n    if (num >= 0.1 && num < (lessPreciseStablecoinValues ? 0.9995 : 1.05)) {\n      return `$${num.toFixed(3)}`\n    }\n    return `$${Number(num.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n  }\n  // For volume dollar amounts, like market cap, total value locked, etc.\n  else {\n    if (num === 0) return '$0.00'\n    if (!num) return '-'\n    if (num < 0.000001) {\n      return '$<0.000001'\n    }\n    if (num >= 0.000001 && num < 0.1) {\n      return `$${Number(num).toPrecision(3)}`\n    }\n    if (num >= 0.1 && num < 1.05) {\n      return `$${num.toFixed(3)}`\n    }\n\n    return formatDollarAmount(num, digits, round)\n  }\n}\n\n/**\n * Returns a numerical amount of any token formatted in human readable string for use in template.\n *\n * For transaction review numbers, such as token quantities, NFT price (token-denominated),\n *  network fees, transaction history items. Adheres to guidelines defined here:\n * https://www.notion.so/uniswaplabs/Number-standards-fbb9f533f10e4e22820722c2f66d23c0\n * @param num numerical value denominated in any token\n * @param maxDigits the maximum number of digits that should be shown for the quantity\n */\nexport const formatTransactionAmount = (num: number | undefined | null, maxDigits = 9) => {\n  if (num === 0) return '0.00'\n  if (!num) return ''\n  if (num < 0.00001) {\n    return '<0.00001'\n  }\n  if (num >= 0.00001 && num < 1) {\n    return `${Number(num.toFixed(5)).toLocaleString('en-US', {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 5,\n    })}`\n  }\n  if (num >= 1 && num < 10000) {\n    return `${Number(num.toPrecision(6)).toLocaleString('en-US', {\n      minimumFractionDigits: 2,\n      maximumFractionDigits: 6,\n    })}`\n  }\n  if (num >= 10000 && num < 1000000) {\n    return `${Number(num.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n  }\n  // For very large numbers, switch to scientific notation and show as much precision\n  // as permissible by maxDigits param.\n  if (num >= Math.pow(10, maxDigits - 1)) {\n    return `${num.toExponential(maxDigits - 3)}`\n  }\n  return `${Number(num.toFixed(2)).toLocaleString('en-US', { minimumFractionDigits: 2 })}`\n}\n"],"names":[],"mappings":"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"}

package/dist/utils/multicall.js

@@ -1,33 +1,49 @@
-import { Interface } from '@ethersproject/abi';
+import { createPublicClient, http, encodeFunctionData, decodeFunctionResult } from 'viem';
 import multicallV2Abi from '../config/abi/multicallv2.json.js';
-import { ethers } from 'ethers';
-import { chunk, flatten } from 'lodash';
 import { getRPC } from '../config/constants/networks.js';
 import { MULTICALL_V2 } from '../config/constants/addresses.js';
+import { ChainId } from '@ape.swap/apeswap-lists';
+import { chunk, flatten } from 'lodash';
 
+// Wraps decoded result in an array when the function has a single output,
+// matching ethers v5 Result behavior so consuming code doesn't need to change.
+// Multi-output functions already return an array from viem, so they're left as-is.
+const decodeResult = (abi, functionName, data) => {
+    const decoded = decodeFunctionResult({ abi, functionName, data });
+    const fn = abi.find((item) => item.type === 'function' && item.name === functionName);
+    return fn?.outputs?.length === 1 ? [decoded] : decoded;
+};
 // This is the legacy multicall
 // Try to use multicall hooks
 const multicall = async (chainId, abi, calls, batch, batchSize) => {
     try {
+        if (chainId === ChainId.SOL)
+            return;
         const multicallAddress = MULTICALL_V2[chainId];
-        const provider = new ethers.providers.JsonRpcProvider(getRPC(chainId), chainId);
-        const multi = new ethers.Contract(multicallAddress, multicallV2Abi, provider);
-        const itf = new Interface(abi);
-        const calldata = calls.map((call) => [call.address.toLowerCase(), itf.encodeFunctionData(call.name, call.params)]);
+        const client = createPublicClient({
+            transport: http(getRPC(chainId)),
+        });
+        const calldata = calls.map((call) => ({
+            target: call.address.toLowerCase(),
+            callData: encodeFunctionData({ abi: abi, functionName: call.name, args: call.params }),
+        }));
+        const aggregate = async (calldataChunk, callsChunk) => {
+            const [, returnData] = (await client.readContract({
+                address: multicallAddress,
+                abi: multicallV2Abi,
+                functionName: 'aggregate',
+                args: [calldataChunk],
+            }));
+            return returnData.map((data, i) => decodeResult(abi, callsChunk[i].name, data));
+        };
         if (batch) {
-            const chunkedCalls = chunk(calldata, batchSize);
-            const chunkedCallNames = chunk(calls, batchSize);
-            const chunkedData = chunkedCalls.flatMap(async (chunkedCallSet, i) => {
-                const { returnData } = await multi.aggregate(chunkedCallSet);
-                return returnData.map((call, j) => itf.decodeFunctionResult(chunkedCallNames[i][j].name, call));
-            });
-            const resolveCall = await Promise.all(chunkedData);
-            const flattenCalls = flatten(resolveCall);
-            return flattenCalls;
+            const chunkedCalldata = chunk(calldata, batchSize);
+            const chunkedCalls = chunk(calls, batchSize);
+            const results = await Promise.all(chunkedCalls.map((callsChunk, i) => aggregate(chunkedCalldata[i], callsChunk)));
+            return flatten(results);
         }
         else {
-            const { returnData } = await multi.aggregate(calldata);
-            return returnData.map((call, i) => itf.decodeFunctionResult(calls[i].name, call));
+            return aggregate(calldata, calls);
         }
     }
     catch (e) {