@ape.swap/bonds-sdk 6.2.13-test.3 → 6.2.14

package/dist/views/YourBondsModalYield/components/UnstakeModalYield/UnstakeModalYield.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnstakeModalYield.js","sources":["../../../../../src/views/YourBondsModalYield/components/UnstakeModalYield/UnstakeModalYield.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Vault_Shares_ABI from '../../../../config/abi/Vault_Shares.json'\nimport { useWriteContract } from 'wagmi'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport Checkbox from '../../../../components/uikit-sdk/Checkbox'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { useMonitorTx } from '../../../../hooks/useMonitorTx'\n\nconst UnstakeModalYield = ({\n  userBill,\n  onSuccessFullTx,\n  onDismiss,\n}: {\n  userBill?: PreTGEUserBonds\n  onSuccessFullTx?: () => void\n  onDismiss?: () => void\n}) => {\n  // Hooks\n  const { writeContractAsync } = useWriteContract()\n  const { address: account } = useEVMAccount()\n  const SDKConfig = useSDKConfig()\n  const { addToastError } = usePopups()\n\n  // State\n  const [loading, setLoading] = useState(false)\n  const [hash, setHash] = useState('')\n  const [acknowledge, setAcknowledge] = useState(false)\n\n  const { isLoading: isLoadingOnChain, isSuccess } = useMonitorTx(hash, userBill?.chainId)\n\n  // Static Data\n  const futureRewards = userBill?.yieldData?.futureRewards ?? 0\n\n  const handleUnstake = async () => {\n    setLoading(true)\n    setHash('')\n    if (!userBill?.userOwnedBillsData?.id) return\n    writeContractAsync({\n      address: userBill?.earnToken.address[userBill?.chainId] as `0x${string}`,\n      abi: Vault_Shares_ABI,\n      functionName: 'redeem',\n      args: [userBill?.yieldData?.vaultTokenBalance, account, account],\n      chain: userBill?.chainId as any,\n      account,\n    })\n      .then((r) => {\n        setHash(r)\n      })\n      .catch((e) => {\n        console.error(e.message)\n        reportError({\n          apiUrl: SDKConfig?.urls?.apiV2,\n          error: e.message,\n          extraInfo: { type: 'claimLaunchBond', error: e.message },\n          chainId: userBill?.chainId,\n          account,\n        })\n        addToastError(e.shortMessage)\n      })\n      .finally(() => setLoading(false))\n  }\n\n  useEffect(() => {\n    if (isSuccess) {\n      onSuccessFullTx?.()\n    }\n  }, [isSuccess, onSuccessFullTx])\n\n  return (\n    <Modal\n      className=\"ape:w-[400px] ape:[overflow-y:unset]! ape:bg-white2 ape:top-[56%]\"\n      title={'Confirm Unstake'}\n      onDismiss={onDismiss}\n    >\n      <Flex className=\"ape:w-full ape:flex-col\">\n        <Flex className=\"ape:text-[16px] ape:md:text-[20px] ape:font-semibold ape:md:font-bold\">\n          Are you sure you want to unstake?\n        </Flex>\n        <Flex className=\"ape:text-[14px] ape:font-normal ape:mt-[10px]\">{`You'll lose the rewards that have not been accrued yet (${formatNumberSI(futureRewards)} ${userBill?.underlyingEarnToken?.symbol}).`}</Flex>\n        <Flex className=\"ape:w-full ape:mt-[15px] ape:font-normal ape:text-[14px] ape:items-center\">\n          <Checkbox checked={acknowledge} onChange={() => setAcknowledge(!acknowledge)} className=\"ape:mr-[10px]\" />I\n          understand and I want to proceed to unstake.\n        </Flex>\n        <Flex className=\"ape:w-full ape:gap-[10px] ape:mt-[15px]\">\n          <Button\n            className=\"ape:w-full ape:text-[14px]! ape:h-[35px]\"\n            disabled={!acknowledge || loading || isLoadingOnChain}\n            load={loading || isLoadingOnChain}\n            onClick={handleUnstake}\n          >\n            Unstake\n          </Button>\n          <Button variant=\"secondary\" className=\"ape:w-full ape:h-[35px] ape:text-[14px]!\" onClick={onDismiss}>\n            Cancel\n          </Button>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default UnstakeModalYield\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"UnstakeModalYield.js","sources":["../../../../../src/views/YourBondsModalYield/components/UnstakeModalYield/UnstakeModalYield.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Vault_Shares_ABI from '../../../../config/abi/Vault_Shares.json'\nimport { useWriteContract } from 'wagmi'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport Checkbox from '../../../../components/uikit-sdk/Checkbox'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { useMonitorTx } from '../../../../hooks/useMonitorTx'\n\nconst UnstakeModalYield = ({\n  userBill,\n  onSuccessFullTx,\n  onDismiss,\n}: {\n  userBill?: PreTGEUserBonds\n  onSuccessFullTx?: () => void\n  onDismiss?: () => void\n}) => {\n  // Hooks\n  const { writeContractAsync } = useWriteContract()\n  const { address: account } = useEVMAccount()\n  const SDKConfig = useSDKConfig()\n  const { addToastError } = usePopups()\n\n  // State\n  const [loading, setLoading] = useState(false)\n  const [hash, setHash] = useState('')\n  const [acknowledge, setAcknowledge] = useState(false)\n\n  const { isLoading: isLoadingOnChain, isSuccess } = useMonitorTx(hash, userBill?.chainId)\n\n  // Static Data\n  const futureRewards = userBill?.yieldData?.futureRewards ?? 0\n\n  const handleUnstake = async () => {\n    setLoading(true)\n    setHash('')\n    if (!userBill?.userOwnedBillsData?.id) return\n    writeContractAsync({\n      address: userBill?.earnToken.address[userBill?.chainId] as `0x${string}`,\n      abi: Vault_Shares_ABI,\n      functionName: 'redeem',\n      args: [userBill?.yieldData?.vaultTokenBalance, account, account],\n      chain: userBill?.chainId as any,\n      account,\n    })\n      .then((r) => {\n        setHash(r)\n      })\n      .catch((e) => {\n        console.error(e.message)\n        reportError({\n          apiUrl: SDKConfig?.urls?.apiV2,\n          error: e.message,\n          extraInfo: { type: 'claimLaunchBond', error: e.message },\n          chainId: userBill?.chainId,\n          account,\n        })\n        addToastError(e.shortMessage)\n      })\n      .finally(() => setLoading(false))\n  }\n\n  useEffect(() => {\n    if (isSuccess) {\n      onSuccessFullTx?.()\n    }\n  }, [isSuccess, onSuccessFullTx])\n\n  return (\n    <Modal\n      sx={{\n        width: '400px',\n        overflowY: 'unset !important',\n        background: 'white2',\n        top: '56%',\n      }}\n      title={'Confirm Unstake'}\n      onDismiss={onDismiss}\n    >\n      <Flex sx={{ width: '100%', flexDirection: 'column' }}>\n        <Flex sx={{ fontSize: ['16px', '16px', '16px', '20px'], fontWeight: [600, 600, 600, 700] }}>\n          Are you sure you want to unstake?\n        </Flex>\n        <Flex\n          sx={{ fontSize: '14px', fontWeight: 400, mt: '10px' }}\n        >{`You'll lose the rewards that have not been accrued yet (${formatNumberSI(futureRewards)} ${userBill?.underlyingEarnToken?.symbol}).`}</Flex>\n        <Flex sx={{ width: '100%', mt: '15px', fontWeight: 400, fontSize: '14px', alignItems: 'center' }}>\n          <Checkbox checked={acknowledge} onChange={() => setAcknowledge(!acknowledge)} sx={{ mr: '10px' }} />I\n          understand and I want to proceed to unstake.\n        </Flex>\n        <Flex sx={{ width: '100%', gap: '10px', mt: '15px' }}>\n          <Button\n            sx={{ width: '100%', fontSize: '14px', height: '35px' }}\n            disabled={!acknowledge || loading || isLoadingOnChain}\n            load={loading || isLoadingOnChain}\n            onClick={handleUnstake}\n          >\n            Unstake\n          </Button>\n          <Button variant=\"secondary\" sx={{ width: '100%', height: '35px', fontSize: '14px' }} onClick={onDismiss}>\n            Cancel\n          </Button>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default UnstakeModalYield\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/views/YourBondsModalYield/components/YourBondModalHeader/YourBondModalHeader.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE';
 declare const YourBondModalHeader: ({ userBill, onDismiss }: {
     userBill?: PreTGEUserBonds;
     onDismiss?: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default YourBondModalHeader;

package/dist/views/YourBondsModalYield/components/YourBondModalHeader/YourBondModalHeader.js

@@ -1,5 +1,6 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'theme-ui/jsx-runtime';
 import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
+import { Box } from 'theme-ui';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
 import Skeleton from '../../../../components/uikit-sdk/Skeleton/index.js';
 import ListTag from '../../../../components/uikit-sdk/Tag/ListTag.js';
@@ -8,7 +9,23 @@ import Close from '../../../../components/uikit-sdk/Svg/Icons/Close.js';
 const YourBondModalHeader = ({ userBill, onDismiss }) => {
     // Static Data
     const payoutTokenSymbol = userBill?.underlyingEarnToken?.symbol;
-    return (jsxs(Flex, { className: "ape:w-full ape:justify-between ape:items-center", children: [jsx(Flex, { className: "ape:items-center ape:gap-[7px]", children: payoutTokenSymbol ? (jsxs(Fragment, { children: [jsx(TokenImage, { symbol: payoutTokenSymbol, size: 30, chain: userBill?.chainId }), jsx("div", { className: "ape:text-[16px] ape:md:text-[18px] ape:font-bold ape:opacity-70 ape:overflow-hidden ape:whitespace-nowrap ape:text-ellipsis ape:max-w-[100px]", children: payoutTokenSymbol }), jsx(ListTag, { text: 'Yield Bond' })] })) : (jsxs(Fragment, { children: [jsx(Skeleton, { animation: "waves", style: { width: '30px', height: '30px', borderRadius: '55px', marginRight: '10px' } }), jsx(Skeleton, { animation: "waves", style: { width: '100px', borderRadius: 'var(--ape-radius-normal)' } })] })) }), jsx(Flex, { className: "svg-close ape:cursor-pointer ape:p-[2px_5px]", onClick: onDismiss, children: jsx(Close, { width: '16px' }) })] }));
+    return (jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', alignItems: 'center' }, children: [jsx(Flex, { sx: { alignItems: 'center', gap: '7px' }, children: payoutTokenSymbol ? (jsxs(Fragment, { children: [jsx(TokenImage, { symbol: payoutTokenSymbol, size: 30, chain: userBill?.chainId }), jsx(Box, { sx: {
+                                fontSize: ['16px', '16px', '16px', '18px'],
+                                fontWeight: 700,
+                                opacity: 0.7,
+                                overflow: 'hidden',
+                                whiteSpace: 'nowrap',
+                                textOverflow: 'ellipsis',
+                                maxWidth: '100px',
+                            }, children: payoutTokenSymbol }), jsx(ListTag, { text: 'Yield Bond' })] })) : (jsxs(Fragment, { children: [jsx(Skeleton, { animation: "waves", sx: {
+                                width: '30px',
+                                height: '30px',
+                                borderRadius: '55px',
+                                mr: '10px',
+                            } }), jsx(Skeleton, { animation: "waves", sx: {
+                                width: '100px',
+                                borderRadius: 'normal',
+                            } })] })) }), jsx(Flex, { className: "svg-close", onClick: onDismiss, sx: { cursor: 'pointer', p: '2px 5px' }, children: jsx(Close, { width: '16px' }) })] }));
 };
 
 export { YourBondModalHeader as default };

package/dist/views/YourBondsModalYield/components/YourBondModalHeader/YourBondModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"YourBondModalHeader.js","sources":["../../../../../src/views/YourBondsModalYield/components/YourBondModalHeader/YourBondModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Skeleton from '../../../../components/uikit-sdk/Skeleton'\nimport { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE'\nimport ListTag from '../../../../components/uikit-sdk/Tag/ListTag'\nimport Close from '../../../../components/uikit-sdk/Svg/Icons/Close'\n\nconst YourBondModalHeader = ({ userBill, onDismiss }: { userBill?: PreTGEUserBonds; onDismiss?: () => void }) => {\n  // Static Data\n  const payoutTokenSymbol = userBill?.underlyingEarnToken?.symbol\n\n  return (\n    <Flex className=\"ape:w-full ape:justify-between ape:items-center\">\n      <Flex className=\"ape:items-center ape:gap-[7px]\">\n        {payoutTokenSymbol ? (\n          <>\n            <TokenImage symbol={payoutTokenSymbol} size={30} chain={userBill?.chainId} />\n            <div className=\"ape:text-[16px] ape:md:text-[18px] ape:font-bold ape:opacity-70 ape:overflow-hidden ape:whitespace-nowrap ape:text-ellipsis ape:max-w-[100px]\">\n              {payoutTokenSymbol}\n            </div>\n            <ListTag text={'Yield Bond'} />\n          </>\n        ) : (\n          <>\n            <Skeleton animation=\"waves\" style={{ width: '30px', height: '30px', borderRadius: '55px', marginRight: '10px' }} />\n            <Skeleton animation=\"waves\" style={{ width: '100px', borderRadius: 'var(--ape-radius-normal)' }} />\n          </>\n        )}\n      </Flex>\n      <Flex className=\"svg-close ape:cursor-pointer ape:p-[2px_5px]\" onClick={onDismiss}>\n        <Close width={'16px'} />\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default YourBondModalHeader\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;AAQA,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA0D,KAAI;;AAE9G,IAAA,MAAM,iBAAiB,GAAG,QAAQ,EAAE,mBAAmB,EAAE,MAAM;AAE/D,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iDAAiD,EAAA,QAAA,EAAA,CAC/DC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAC7C,iBAAiB,IAChBD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAA,CAAI,EAC7EA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+IAA+I,EAAA,QAAA,EAC3J,iBAAiB,EAAA,CACd,EACNA,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,YAAY,EAAA,CAAI,CAAA,EAAA,CAC9B,KAEHD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,EAAA,CAAI,EACnHA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,0BAA0B,EAAE,EAAA,CAAI,CAAA,EAAA,CAClG,CACJ,EAAA,CACI,EACPA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,8CAA8C,EAAC,OAAO,EAAE,SAAS,EAAA,QAAA,EAC/EA,IAAC,KAAK,EAAA,EAAC,KAAK,EAAE,MAAM,EAAA,CAAI,EAAA,CACnB,CAAA,EAAA,CACF;AAEX;;;;"}
+{"version":3,"file":"YourBondModalHeader.js","sources":["../../../../../src/views/YourBondsModalYield/components/YourBondModalHeader/YourBondModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { Box } from 'theme-ui'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Skeleton from '../../../../components/uikit-sdk/Skeleton'\nimport { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE'\nimport ListTag from '../../../../components/uikit-sdk/Tag/ListTag'\nimport Close from '../../../../components/uikit-sdk/Svg/Icons/Close'\n\nconst YourBondModalHeader = ({ userBill, onDismiss }: { userBill?: PreTGEUserBonds; onDismiss?: () => void }) => {\n  // Static Data\n  const payoutTokenSymbol = userBill?.underlyingEarnToken?.symbol\n\n  return (\n    <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n      <Flex sx={{ alignItems: 'center', gap: '7px' }}>\n        {payoutTokenSymbol ? (\n          <>\n            <TokenImage symbol={payoutTokenSymbol} size={30} chain={userBill?.chainId} />\n            <Box\n              sx={{\n                fontSize: ['16px', '16px', '16px', '18px'],\n                fontWeight: 700,\n                opacity: 0.7,\n                overflow: 'hidden',\n                whiteSpace: 'nowrap',\n                textOverflow: 'ellipsis',\n                maxWidth: '100px',\n              }}\n            >\n              {payoutTokenSymbol}\n            </Box>\n            <ListTag text={'Yield Bond'} />\n          </>\n        ) : (\n          <>\n            <Skeleton\n              animation=\"waves\"\n              sx={{\n                width: '30px',\n                height: '30px',\n                borderRadius: '55px',\n                mr: '10px',\n              }}\n            />\n            <Skeleton\n              animation=\"waves\"\n              sx={{\n                width: '100px',\n                borderRadius: 'normal',\n              }}\n            />\n          </>\n        )}\n      </Flex>\n      <Flex className=\"svg-close\" onClick={onDismiss} sx={{ cursor: 'pointer', p: '2px 5px' }}>\n        <Close width={'16px'} />\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default YourBondModalHeader\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;AASA,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA0D,KAAI;;AAE9G,IAAA,MAAM,iBAAiB,GAAG,QAAQ,EAAE,mBAAmB,EAAE,MAAM;AAE/D,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAChFC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAA,QAAA,EAC3C,iBAAiB,IAChBD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAA,CAAI,EAC7EA,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;gCACF,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAC1C,gCAAA,UAAU,EAAE,GAAG;AACf,gCAAA,OAAO,EAAE,GAAG;AACZ,gCAAA,QAAQ,EAAE,QAAQ;AAClB,gCAAA,UAAU,EAAE,QAAQ;AACpB,gCAAA,YAAY,EAAE,UAAU;AACxB,gCAAA,QAAQ,EAAE,OAAO;6BAClB,EAAA,QAAA,EAEA,iBAAiB,EAAA,CACd,EACNA,GAAA,CAAC,OAAO,IAAC,IAAI,EAAE,YAAY,EAAA,CAAI,CAAA,EAAA,CAC9B,KAEHD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAC,QAAQ,EAAA,EACP,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE;AACF,gCAAA,KAAK,EAAE,MAAM;AACb,gCAAA,MAAM,EAAE,MAAM;AACd,gCAAA,YAAY,EAAE,MAAM;AACpB,gCAAA,EAAE,EAAE,MAAM;6BACX,EAAA,CACD,EACFA,IAAC,QAAQ,EAAA,EACP,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE;AACF,gCAAA,KAAK,EAAE,OAAO;AACd,gCAAA,YAAY,EAAE,QAAQ;AACvB,6BAAA,EAAA,CACD,IACD,CACJ,EAAA,CACI,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,EAAA,QAAA,EACrFA,GAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAE,MAAM,GAAI,EAAA,CACnB,CAAA,EAAA,CACF;AAEX;;;;"}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "6.2.13-test.3",
+  "version": "6.2.14",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",
@@ -82,9 +82,10 @@
   "scripts": {
     "prepublishOnly": "npm run build",
     "build": "node scripts/build.mjs",
+    "build:legacy": "rimraf dist/ && rollup -c && npm run compile-scss",
     "build:vite": "vite build --outDir vite-build",
     "dev": "vite",
-    "compile-tailwind": "tailwindcss -i src/theme/tailwind.css -o dist/styles.tailwind.css --minify",
+    "compile-scss": "sass src/scss/index.scss dist/styles.css --no-source-map",
     "format:write": "prettier --write \"**/*.{js,jsx,ts,tsx,json}\" --config .prettierrc",
     "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,json}\" --config .prettierrc",
     "lint": "eslint && tsc --noEmit --skipLibCheck",
@@ -117,12 +118,13 @@
   },
   "dependencies": {
     "@ape.swap/apeswap-lists": "4.8.6",
+    "@emotion/react": "11.14.0",
     "@jup-ag/api": "6.0.45",
     "buffer": "6.0.3",
-    "clsx": "2.1.1",
     "framer-motion": "11.18.2",
     "lightweight-charts": "4.2.3",
-    "lodash-es": "4.17.23"
+    "lodash-es": "4.17.23",
+    "theme-ui": "0.17.2"
   },
   "devDependencies": {
     "@eslint/js": "9.39.4",
@@ -133,8 +135,6 @@
     "@rollup/plugin-typescript": "11.1.6",
     "@solana/wallet-adapter-react-ui": "^0.9.39",
     "@solana/wallet-adapter-wallets": "0.19.33",
-    "@tailwindcss/cli": "^4.3.3",
-    "@tailwindcss/vite": "^4.3.3",
     "@tanstack/react-query": "5.90.2",
     "@tanstack/react-query-devtools": "5.90.2",
     "@types/lodash": "4.17.24",
@@ -154,9 +154,10 @@
     "react-dom": "19.2.8",
     "rimraf": "5.0.10",
     "rollup": "4.60.0",
-    "tailwindcss": "^4.3.3",
-    "typescript": "6.0.3",
-    "typescript-eslint": "^8.68.0",
+    "rollup-plugin-scss": "4.0.1",
+    "sass": "1.98.0",
+    "typescript": "5.9.3",
+    "typescript-eslint": "8.57.2",
     "vite": "7.3.3",
     "wagmi": "2.19.5"
   },

package/dist/components/uikit-sdk/Spinner/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-interface SpinnerProps {
-    size?: number;
-    strokeWidth?: number;
-    title?: string;
-    duration?: number;
-    style?: React.CSSProperties;
-    className?: string;
-}
-declare const Spinner: ({ size, strokeWidth, title, duration, style, className }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
-export default Spinner;

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

@@ -1,9 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-const Spinner = ({ size = 48, strokeWidth = 4, title = 'Loading', duration = 750, style, className }) => {
-    const r = 16 - strokeWidth;
-    return (jsxs("svg", { viewBox: "0 0 32 32", width: size, height: size, fill: "none", stroke: "currentColor", strokeWidth: strokeWidth, role: "img", className: className, style: { overflow: 'visible', ...style }, children: [jsx("title", { children: title }), jsx("circle", { r: r, cx: 16, cy: 16, fill: "none", strokeWidth: strokeWidth, opacity: 1 / 8 }), jsx("circle", { r: r, cx: 16, cy: 16, fill: "none", strokeWidth: strokeWidth, strokeDasharray: "20 110", children: jsx("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 16 16", to: "360 16 16", dur: `${duration}ms`, repeatCount: "indefinite" }) })] }));
-};
-
-export { Spinner as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/uikit-sdk/Spinner/index.tsx"],"sourcesContent":["import React from 'react'\n\ninterface SpinnerProps {\n  size?: number\n  strokeWidth?: number\n  title?: string\n  duration?: number\n  style?: React.CSSProperties\n  className?: string\n}\n\nconst Spinner = ({ size = 48, strokeWidth = 4, title = 'Loading', duration = 750, style, className }: SpinnerProps) => {\n  const r = 16 - strokeWidth\n\n  return (\n    <svg\n      viewBox=\"0 0 32 32\"\n      width={size}\n      height={size}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={strokeWidth}\n      role=\"img\"\n      className={className}\n      style={{ overflow: 'visible', ...style }}\n    >\n      <title>{title}</title>\n      <circle r={r} cx={16} cy={16} fill=\"none\" strokeWidth={strokeWidth} opacity={1 / 8} />\n      <circle r={r} cx={16} cy={16} fill=\"none\" strokeWidth={strokeWidth} strokeDasharray=\"20 110\">\n        <animateTransform\n          attributeName=\"transform\"\n          attributeType=\"XML\"\n          type=\"rotate\"\n          from=\"0 16 16\"\n          to=\"360 16 16\"\n          dur={`${duration}ms`}\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n    </svg>\n  )\n}\n\nexport default Spinner\n"],"names":["_jsxs","_jsx"],"mappings":";;AAWA,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,WAAW,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,QAAQ,GAAG,GAAG,EAAE,KAAK,EAAE,SAAS,EAAgB,KAAI;AACpH,IAAA,MAAM,CAAC,GAAG,EAAE,GAAG,WAAW;AAE1B,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAA,QAAA,EAAA,CAExCC,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,KAAK,GAAS,EACtBA,GAAA,CAAA,QAAA,EAAA,EAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,GAAG,CAAC,EAAA,CAAI,EACtFA,GAAA,CAAA,QAAA,EAAA,EAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,eAAe,EAAC,QAAQ,EAAA,QAAA,EAC1FA,GAAA,CAAA,kBAAA,EAAA,EACE,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,SAAS,EACd,EAAE,EAAC,WAAW,EACd,GAAG,EAAE,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAI,EACpB,WAAW,EAAC,YAAY,EAAA,CACxB,EAAA,CACK,CAAA,EAAA,CACL;AAEV;;;;"}

package/dist/utils/resolveColor.d.ts

@@ -1,13 +0,0 @@
-/**
- * Resolves a theme color key (e.g. 'primaryButton', 'white3', 'textDisabledButton')
- * to the matching CSS custom property Tailwind's `@theme` block defines in
- * src/theme/tailwind.css — the single source of truth for color values, so no
- * color hex codes are duplicated here.
- *
- * Anything that isn't a simple camelCase identifier (hex codes, rgb()/rgba(),
- * space-separated values, etc.) is assumed to already be a literal CSS color
- * and passed through unchanged. A literal CSS color keyword that happens to be
- * a simple identifier but isn't a real theme token (e.g. 'red', 'grey') still
- * resolves correctly via the var() fallback.
- */
-export declare const resolveColor: (color?: string) => string | undefined;

package/dist/utils/resolveColor.js

@@ -1,21 +0,0 @@
-const camelToKebab = (str) => str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
-/**
- * Resolves a theme color key (e.g. 'primaryButton', 'white3', 'textDisabledButton')
- * to the matching CSS custom property Tailwind's `@theme` block defines in
- * src/theme/tailwind.css — the single source of truth for color values, so no
- * color hex codes are duplicated here.
- *
- * Anything that isn't a simple camelCase identifier (hex codes, rgb()/rgba(),
- * space-separated values, etc.) is assumed to already be a literal CSS color
- * and passed through unchanged. A literal CSS color keyword that happens to be
- * a simple identifier but isn't a real theme token (e.g. 'red', 'grey') still
- * resolves correctly via the var() fallback.
- */
-const resolveColor = (color) => {
-    if (!color || !/^[a-zA-Z][a-zA-Z0-9]*$/.test(color))
-        return color;
-    return `var(--ape-color-${camelToKebab(color)}, ${color})`;
-};
-
-export { resolveColor };
-//# sourceMappingURL=resolveColor.js.map

package/dist/utils/resolveColor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveColor.js","sources":["../../src/utils/resolveColor.ts"],"sourcesContent":["const camelToKebab = (str: string) => str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase()\n\n/**\n * Resolves a theme color key (e.g. 'primaryButton', 'white3', 'textDisabledButton')\n * to the matching CSS custom property Tailwind's `@theme` block defines in\n * src/theme/tailwind.css — the single source of truth for color values, so no\n * color hex codes are duplicated here.\n *\n * Anything that isn't a simple camelCase identifier (hex codes, rgb()/rgba(),\n * space-separated values, etc.) is assumed to already be a literal CSS color\n * and passed through unchanged. A literal CSS color keyword that happens to be\n * a simple identifier but isn't a real theme token (e.g. 'red', 'grey') still\n * resolves correctly via the var() fallback.\n */\nexport const resolveColor = (color?: string) => {\n  if (!color || !/^[a-zA-Z][a-zA-Z0-9]*$/.test(color)) return color\n  return `var(--ape-color-${camelToKebab(color)}, ${color})`\n}\n"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,GAAW,KAAK,GAAG,CAAC,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,WAAW,EAAE;AAE9F;;;;;;;;;;;AAWG;AACI,MAAM,YAAY,GAAG,CAAC,KAAc,KAAI;IAC7C,IAAI,CAAC,KAAK,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;IACjE,OAAO,CAAA,gBAAA,EAAmB,YAAY,CAAC,KAAK,CAAC,CAAA,EAAA,EAAK,KAAK,GAAG;AAC5D;;;;"}