@ape.swap/bonds-sdk 5.1.0 → 5.1.1-test.0

package/dist/components/ConnectButton/RainbowKitButton.js

@@ -0,0 +1,36 @@
+import { ConnectButton } from '@rainbow-me/rainbowkit';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Svg/types.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import Button from '../uikit-sdk/Button/Button.js';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import track from '../../utils/track.js';
+import { jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const RainbowKitButton = () => {
+    return (jsx(ConnectButton.Custom, { children: ({ openConnectModal }) => {
+            return (jsx(Button, { fullWidth: true, onClick: () => {
+                    openConnectModal();
+                    track({
+                        event: 'wallet_connect',
+                        chain: 0,
+                        data: {
+                            wallet: 'rainbow',
+                        },
+                    });
+                }, sx: { height: '45px', padding: '10px 10px', alignItems: 'center', width: '100%' }, children: "Connect" }));
+        } }));
+};
+
+export { RainbowKitButton as default };
+//# sourceMappingURL=RainbowKitButton.js.map

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

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

package/dist/components/ConnectButton/index.js

@@ -0,0 +1,27 @@
+import { useSDKConfig } from '../../state/useSDKConfig.js';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Svg/types.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import Button from '../uikit-sdk/Button/Button.js';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import RainbowKitButton from './RainbowKitButton.js';
+import AppKitButton from './AppKitButton.js';
+import { jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const ConnectButton = () => {
+    const config = useSDKConfig();
+    return (config === null || config === void 0 ? void 0 : config.connector) === 'rainbowkit' ? (jsx(RainbowKitButton, {})) : (config === null || config === void 0 ? void 0 : config.connector) === 'appkit' ? (jsx(AppKitButton, {})) : (jsx(Button, { disabled: true, fullWidth: true, children: "Connect wallet" }));
+};
+
+export { ConnectButton as default };
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/ConnectSolanaWalletButton/ConnectSolanaWalletButton.js

@@ -0,0 +1,42 @@
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Svg/types.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import Text from '../uikit-sdk/Text/index.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import Button from '../uikit-sdk/Button/Button.js';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import { useWalletModal } from '@solana/wallet-adapter-react-ui';
+import useSOLAccount from '../../hooks/accounts/useSOLAccount.js';
+import { jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const ConnectSolanaWallet = ({ navBarFlag }) => {
+    const { setVisible } = useWalletModal();
+    const { publicKey, disconnect, connecting } = useSOLAccount();
+    return (jsx(Flex, { sx: { height: '100%', width: navBarFlag ? 'auto' : '100%', alignItems: 'center' }, children: !publicKey ? (jsx(Button, { fullWidth: true, onClick: () => {
+                setVisible(true);
+            }, sx: {
+                height: navBarFlag ? '32.5px' : '45px',
+                padding: '10px 10px',
+                alignItems: 'center',
+                backgroundColor: navBarFlag ? '#00c59a' : '',
+            }, children: jsx(Text, { color: "primaryBright", size: navBarFlag ? '14px' : '16px', weight: navBarFlag ? 600 : 700, sx: { mt: '1px' }, children: connecting ? 'Connecting...' : 'Connect to Solana' }) })) : (jsx(Button, { fullWidth: true, onClick: () => {
+                disconnect();
+            }, sx: {
+                height: navBarFlag ? '32.5px' : '45px',
+                padding: '10px 10px',
+                alignItems: 'center',
+                backgroundColor: navBarFlag ? '#00c59a' : '',
+            }, children: jsx(Text, { color: "primaryBright", size: navBarFlag ? '14px' : '16px', weight: navBarFlag ? 600 : 700, sx: { mt: '1px' }, children: 'Disconnect from Solana' }) })) }));
+};
+
+export { ConnectSolanaWallet as default };
+//# sourceMappingURL=ConnectSolanaWalletButton.js.map

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

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

package/dist/components/ConnectoToVmBanners/ConnectToEvmBanner.js

@@ -0,0 +1,67 @@
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Svg/types.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import Text from '../uikit-sdk/Text/index.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import ConnectButton from '../ConnectButton/index.js';
+import { jsxs, jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+function ConnectToEVMBanner() {
+    return (jsxs(Flex, { sx: {
+            width: '100%',
+            height: '75px',
+            backgroundColor: 'white2',
+            p: ['10px', '10px', '10px', '20px'],
+            borderRadius: '10px',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            cursor: 'pointer',
+        }, children: [jsxs(Flex, { sx: {
+                    width: '100%',
+                    maxWidth: '300px',
+                    gap: '10px',
+                    alignItems: 'center',
+                }, children: [jsx("img", { src: "https://ape.bond/images/connect-to-vm/ethereum-icon.png", alt: "ethereum icon", width: 30, height: 30, style: { borderRadius: '50px' } }), jsxs(Flex, { sx: {
+                            flexDirection: 'column',
+                        }, children: [jsxs(Text, { sx: { fontSize: '15px', fontWeight: '600', lineHeight: '18.5px', display: 'flex', alignItems: 'center' }, children: ["Ethereum", jsx(Text, { sx: {
+                                            display: ['none', 'none', 'none', 'flex'],
+                                            fontSize: '10px',
+                                            fontWeight: '600',
+                                            lineHeight: '8px',
+                                            color: '#FAFAFA',
+                                            padding: '4px 6px',
+                                            background: 'rgba(250, 250, 250, 0.3)',
+                                            borderRadius: '4px',
+                                            marginLeft: '6px',
+                                            marginRight: '6px',
+                                        }, children: "Popular" }), jsx("img", { src: "https://ape.bond/images/connect-to-vm/evm-compatible-wallets.png", alt: "solana compatible wallets", width: 55, height: 17, style: { marginLeft: '10px' } })] }), jsx(Text, { sx: {
+                                    fontSize: '10px',
+                                    fontWeight: '400',
+                                    lineHeight: '16px',
+                                    color: 'rgba(255, 255, 255, 0.65)',
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    gap: '4px',
+                                }, children: "Connect your EVM wallet to view your EVM Bonds!" })] })] }), jsx(Flex, { sx: {
+                    minWidth: '100px',
+                    width: '210px',
+                    '& > *': {
+                        width: '210px',
+                        height: '31px !important',
+                        fontSize: '14px !important',
+                    },
+                }, children: jsx(ConnectButton, {}) })] }));
+}
+
+export { ConnectToEVMBanner as default };
+//# sourceMappingURL=ConnectToEvmBanner.js.map

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

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

package/dist/components/ConnectoToVmBanners/ConnectToSolanaBanner.js

@@ -0,0 +1,64 @@
+import { useWalletModal } from '@solana/wallet-adapter-react-ui';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Svg/types.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import Text from '../uikit-sdk/Text/index.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import Button from '../uikit-sdk/Button/Button.js';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import colors from '../../theme/colors.js';
+import { jsxs, jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+function ConnectToSolanaCard() {
+    const { setVisible } = useWalletModal();
+    return (jsxs(Flex, { sx: {
+            width: '100%',
+            height: '75px',
+            background: `url('https://ape.bond/images/connect-to-vm/solana-card-background.png') no-repeat center center`,
+            backgroundSize: 'cover',
+            p: ['10px', '10px', '10px', '20px'],
+            borderRadius: '10px',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            border: 'none',
+            cursor: 'pointer',
+        }, children: [jsxs(Flex, { sx: {
+                    width: '100%',
+                    maxWidth: '300px',
+                    gap: '10px',
+                    alignItems: 'center',
+                }, children: [jsx("img", { src: "https://ape.bond/images/connect-to-vm/solana-icon.png", alt: "solana icon", width: 30, height: 30, style: { borderRadius: '50px' } }), jsxs(Flex, { sx: {
+                            flexDirection: 'column',
+                        }, children: [jsxs(Text, { sx: { fontSize: '18px', fontWeight: '700', lineHeight: '18.5px', display: 'flex', alignItems: 'center' }, children: ["Solana", jsx(Text, { sx: {
+                                            fontSize: '10px',
+                                            fontWeight: '600',
+                                            lineHeight: '8px',
+                                            color: '#FAFAFA',
+                                            padding: '4px 6px',
+                                            background: 'rgba(250, 250, 250, 0.3)',
+                                            borderRadius: '4px',
+                                            marginLeft: '6px',
+                                            marginRight: '6px',
+                                        }, children: "NEW" }), jsx("img", { src: "https://ape.bond/images/connect-to-vm/svm-compatible-wallets.png", alt: "solana compatible wallets", width: 43, height: 17 })] }), jsx(Text, { sx: { fontSize: '11px', fontWeight: '400', lineHeight: '16px', color: 'white' }, children: "Connect your Solana wallet to view your Solana Bonds!" })] })] }), jsx(Flex, { sx: { minWidth: '100px' }, children: jsx(Button, { onClick: () => setVisible(true), sx: {
+                        background: colors.text,
+                        color: colors.primaryButton,
+                        border: 'none',
+                        height: '31px',
+                        width: '210px',
+                        fontSize: '14px',
+                        fontWeight: '700',
+                        '&:hover': { color: colors.text },
+                    }, children: "Connect" }) })] }));
+}
+
+export { ConnectToSolanaCard as default };
+//# sourceMappingURL=ConnectToSolanaBanner.js.map

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

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

package/dist/components/CustomClaimModals/AbondModal.js

@@ -0,0 +1,28 @@
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Svg/types.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import Modal from '../uikit-sdk/Modal/index.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import Button from '../uikit-sdk/Button/Button.js';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import 'react';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import { jsx, jsxs } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Image } from '../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const AbondModal = () => {
+    const handleClick = () => {
+        window.location.href = 'https://ape.bond/true-yield';
+    };
+    return (jsx(Modal, { title: "You've Claimed ABOND!", children: jsxs(Flex, { sx: { flexDirection: 'column' }, children: [jsx(Flex, { sx: { fontSize: '12px', lineHeight: '20px', color: 'primaryButton', mt: '10px' }, children: "Did You Know?" }), jsxs(Flex, { sx: { flexDirection: 'column', gap: '10px', cursor: 'pointer' }, onClick: handleClick, children: [jsx(Flex, { children: "You can stake ABOND to earn $USDT and extra discounts on Bonds:" }), jsx(Image, { src: 'https://ape.bond/images/circular-staking/real-yield.png' }), jsx(Image, { src: 'https://ape.bond/images/circular-staking/extra-discounts.png' }), jsx(Button, { sx: { width: '100%', mt: '10px' }, children: " Stake now" })] })] }) }));
+};
+
+export { AbondModal as default };
+//# sourceMappingURL=AbondModal.js.map

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

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

package/dist/components/CustomClaimModals/OabondModal.js

@@ -0,0 +1,28 @@
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Svg/types.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import Modal from '../uikit-sdk/Modal/index.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import Button from '../uikit-sdk/Button/Button.js';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import 'react';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import { jsx, jsxs } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { Image } from '../../node_modules/@theme-ui/components/dist/theme-ui-components.esm.js';
+
+const OabondModal = () => {
+    const handleClick = () => {
+        window.location.href = 'https://ape.bond/true-yield?createPosition=oABOND';
+    };
+    return (jsx(Modal, { title: "You've Claimed oABOND!", children: jsx(Flex, { sx: { flexDirection: 'column' }, children: jsxs(Flex, { sx: { flexDirection: 'column', gap: '10px', cursor: 'pointer' }, onClick: handleClick, children: [jsx(Flex, { children: "You can now stake your oABOND and turn it into veABOND at permalock:" }), jsx(Image, { src: 'https://ape.bond/images/circular-staking/real-yield.png' }), jsx(Button, { sx: { width: '100%', mt: '10px' }, children: "Lock now" })] }) }) }));
+};
+
+export { OabondModal as default };
+//# sourceMappingURL=OabondModal.js.map

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

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

package/dist/components/CustomClaimModals/PmusdModal.js

@@ -0,0 +1,31 @@
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Svg/types.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import Modal from '../uikit-sdk/Modal/index.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import Button from '../uikit-sdk/Button/Button.js';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import 'react';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import { jsx, jsxs } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const PmusdModal = ({ onDismiss }) => {
+    return (jsx(Modal, { title: "You've Claimed pmUSD!", children: jsx(Flex, { sx: { flexDirection: 'column' }, children: jsxs(Flex, { sx: { flexDirection: 'column', gap: '10px' }, children: [jsxs(Flex, { sx: {
+                            fontWeight: 500,
+                            fontSize: '14px',
+                            textAlign: 'left',
+                            color: 'textDisabledButton',
+                            my: '10px',
+                            display: 'block',
+                        }, children: ["Base pmUSD rewards succesfully claimed. The additional PVE rewards (10\u201315%) will be automatically transferred to your wallet within the next 24 hours. If you experience any issues or delay, please contact with", ' ', jsx("a", { href: "https://discord.gg/raac", target: "_blank", rel: "noreferrer", sx: { color: 'primaryButton' }, children: "RACC support channel" }), "."] }), jsx(Button, { sx: { width: '100%', mt: '10px' }, onClick: onDismiss, children: "close" })] }) }) }));
+};
+
+export { PmusdModal as default };
+//# sourceMappingURL=PmusdModal.js.map

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

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

package/dist/components/FavIcons/AddFavToken.js

@@ -0,0 +1,37 @@
+import { useState, useEffect } from 'react';
+import useFavoriteTokens from '../../state/favoriteTokens/useFavoriteTokens.js';
+import Svg from '../uikit-sdk/Svg/index.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Svg/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import { jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { AnimatePresence } from '../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
+import { motion } from '../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js';
+
+const AddFavToken = ({ tokenSymbol, hotBond }) => {
+    const { favTokens, addFavToken } = useFavoriteTokens();
+    const [isFavToken, setIsFavToken] = useState(false);
+    useEffect(() => {
+        var _a;
+        setIsFavToken(favTokens.includes((_a = tokenSymbol === null || tokenSymbol === void 0 ? void 0 : tokenSymbol.toLowerCase()) !== null && _a !== void 0 ? _a : ''));
+    }, [favTokens, tokenSymbol]);
+    return (jsx(Flex, { sx: { justifyContent: 'center', alignItems: 'center', width: '100%', p: '0 5px' }, onClick: (event) => {
+            event.stopPropagation();
+            setIsFavToken(true);
+            addFavToken(tokenSymbol !== null && tokenSymbol !== void 0 ? tokenSymbol : '');
+        }, children: jsx(AnimatePresence, { mode: "wait", children: jsx(motion.div, { initial: false, animate: { opacity: 1, scale: 1.0 }, exit: { opacity: 0, scale: 0.8 }, transition: { duration: 0.2 }, style: { display: 'flex' }, children: isFavToken ? (jsx(Svg, { icon: "StarFilled", width: 22, height: 22, color: '#DE62F3' })) : (jsx(Svg, { icon: hotBond ? 'FirePink' : 'Star', width: hotBond ? 25 : 20, height: hotBond ? 25 : 20, color: '#73728E' })) }, isFavToken ? 'StarFilled' : 'Star') }) }));
+};
+
+export { AddFavToken as default };
+//# sourceMappingURL=AddFavToken.js.map

package/dist/components/FavIcons/AddFavToken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddFavToken.js","sources":["../../../src/components/FavIcons/AddFavToken.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport useFavoriteTokens from '../../state/favoriteTokens/useFavoriteTokens'\nimport { Flex, Svg } from '../uikit-sdk'\n\nconst AddFavToken = ({ tokenSymbol, hotBond }: { tokenSymbol?: string; hotBond?: boolean }) => {\n  const { favTokens, addFavToken } = useFavoriteTokens()\n  const [isFavToken, setIsFavToken] = useState(false)\n  useEffect(() => {\n    setIsFavToken(favTokens.includes(tokenSymbol?.toLowerCase() ?? ''))\n  }, [favTokens, tokenSymbol])\n\n  return (\n    <Flex\n      sx={{ justifyContent: 'center', alignItems: 'center', width: '100%', p: '0 5px' }}\n      onClick={(event: React.MouseEvent) => {\n        event.stopPropagation()\n        setIsFavToken(true)\n        addFavToken(tokenSymbol ?? '')\n      }}\n    >\n      <AnimatePresence mode=\"wait\">\n        <motion.div\n          key={isFavToken ? 'StarFilled' : 'Star'}\n          initial={false}\n          animate={{ opacity: 1, scale: 1.0 }}\n          exit={{ opacity: 0, scale: 0.8 }}\n          transition={{ duration: 0.2 }}\n          style={{ display: 'flex' }}\n        >\n          {isFavToken ? (\n            <Svg icon=\"StarFilled\" width={22} height={22} color={'#DE62F3'} />\n          ) : (\n            <Svg\n              icon={hotBond ? 'FirePink' : 'Star'}\n              width={hotBond ? 25 : 20}\n              height={hotBond ? 25 : 20}\n              color={'#73728E'}\n            />\n          )}\n        </motion.div>\n      </AnimatePresence>\n    </Flex>\n  )\n}\n\nexport default AddFavToken\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,EAA+C,KAAI;IAC5F,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,iBAAiB,EAAE;IACtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACnD,SAAS,CAAC,MAAK;;AACb,QAAA,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA,EAAA,GAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,WAAW,EAAE,mCAAI,EAAE,CAAC,CAAC;AACrE,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AAE5B,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,EACjF,OAAO,EAAE,CAAC,KAAuB,KAAI;YACnC,KAAK,CAAC,eAAe,EAAE;YACvB,aAAa,CAAC,IAAI,CAAC;YACnB,WAAW,CAAC,WAAW,KAAA,IAAA,IAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC;AAChC,QAAA,CAAC,EAAA,QAAA,EAEDA,GAAA,CAAC,eAAe,EAAA,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EAC1BA,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EAET,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EACnC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAChC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,QAAA,EAEzB,UAAU,IACTA,GAAA,CAAC,GAAG,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAA,CAAI,KAElEA,GAAA,CAAC,GAAG,EAAA,EACF,IAAI,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,EACnC,KAAK,EAAE,OAAO,GAAG,EAAE,GAAG,EAAE,EACxB,MAAM,EAAE,OAAO,GAAG,EAAE,GAAG,EAAE,EACzB,KAAK,EAAE,SAAS,EAAA,CAChB,CACH,EAAA,EAhBI,UAAU,GAAG,YAAY,GAAG,MAAM,CAiB5B,EAAA,CACG,EAAA,CACb;AAEX;;;;"}

package/dist/components/FavIcons/FavFilter.js

@@ -0,0 +1,32 @@
+import Svg from '../uikit-sdk/Svg/index.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Svg/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import { jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+import { AnimatePresence } from '../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
+import { motion } from '../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js';
+
+// import track from 'utils/track'
+const FavIcon = ({ filterOption, setFilterOption, }) => {
+    const handleFilterOption = (newOption) => {
+        setFilterOption(newOption);
+    };
+    return (jsx(Flex, { sx: { justifyContent: 'center', alignItems: 'center', minWidth: '25px', cursor: 'pointer', ml: '15px' }, className: "search-fav-icon", onClick: () => {
+            handleFilterOption(filterOption !== 'FAVORITES' ? 'FAVORITES' : 'ALL');
+        }, children: jsx(AnimatePresence, { mode: "wait", children: jsx(motion.div, { initial: false, animate: { opacity: 1, scale: 1.0 }, exit: { opacity: 0, scale: 0.8 }, transition: { duration: 0.2 }, style: { display: 'flex', alignItems: 'center' }, children: filterOption === 'FAVORITES' ? (jsx(Svg, { icon: "StarFilled", width: 22, height: 22 })) : (jsx(Svg, { icon: "Star", width: 20, height: 20 })) }, filterOption === 'FAVORITES' ? 'StarFilled' : 'Star') }) }));
+};
+
+export { FavIcon as default };
+//# sourceMappingURL=FavFilter.js.map

package/dist/components/FavIcons/FavFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavFilter.js","sources":["../../../src/components/FavIcons/FavFilter.tsx"],"sourcesContent":["import React from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { Flex, Svg } from '../uikit-sdk'\n// import track from 'utils/track'\n\nconst FavIcon = ({\n  filterOption,\n  setFilterOption,\n}: {\n  filterOption: string\n  setFilterOption: (newOption: string) => void\n}) => {\n  const handleFilterOption = (newOption: string) => {\n    setFilterOption(newOption)\n  }\n\n  return (\n    <Flex\n      sx={{ justifyContent: 'center', alignItems: 'center', minWidth: '25px', cursor: 'pointer', ml: '15px' }}\n      className=\"search-fav-icon\"\n      onClick={() => {\n        handleFilterOption(filterOption !== 'FAVORITES' ? 'FAVORITES' : 'ALL')\n      }}\n    >\n      <AnimatePresence mode=\"wait\">\n        <motion.div\n          key={filterOption === 'FAVORITES' ? 'StarFilled' : 'Star'}\n          initial={false}\n          animate={{ opacity: 1, scale: 1.0 }}\n          exit={{ opacity: 0, scale: 0.8 }}\n          transition={{ duration: 0.2 }}\n          style={{ display: 'flex', alignItems: 'center' }}\n        >\n          {filterOption === 'FAVORITES' ? (\n            <Svg icon=\"StarFilled\" width={22} height={22} />\n          ) : (\n            <Svg icon=\"Star\" width={20} height={20} />\n          )}\n        </motion.div>\n      </AnimatePresence>\n    </Flex>\n  )\n}\n\nexport default FavIcon\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAGA;AAEA,MAAM,OAAO,GAAG,CAAC,EACf,YAAY,EACZ,eAAe,GAIhB,KAAI;AACH,IAAA,MAAM,kBAAkB,GAAG,CAAC,SAAiB,KAAI;QAC/C,eAAe,CAAC,SAAS,CAAC;AAC5B,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,EACvG,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,MAAK;AACZ,YAAA,kBAAkB,CAAC,YAAY,KAAK,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC;QACxE,CAAC,EAAA,QAAA,EAEDA,GAAA,CAAC,eAAe,EAAA,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EAC1BA,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EAET,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EACnC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAChC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAE/C,YAAY,KAAK,WAAW,IAC3BA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,KAEhDA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,CAC3C,EAAA,EAXI,YAAY,KAAK,WAAW,GAAG,YAAY,GAAG,MAAM,CAY9C,EAAA,CACG,EAAA,CACb;AAEX;;;;"}

package/dist/components/LoadingSpinner/index.js

@@ -0,0 +1,51 @@
+import '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Svg/types.js';
+import Flex from '../uikit-sdk/Flex/index.js';
+import '../uikit-sdk/Text/types.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import '../uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import { jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const LoadingSpinner = ({ isLoading, size }) => {
+    const stylesLoading = {
+        width: `${size}px`,
+        height: `${size}px`,
+        border: `${size / 8}px solid var(--theme-ui-colors-white5)`,
+        borderTopColor: 'primaryButton',
+        borderRadius: '50%',
+        display: 'inline-block',
+        boxSizing: 'border-box',
+        animation: 'rotation 1s linear infinite',
+        transform: 'rotate(40deg)',
+        '@keyframes rotation': {
+            '0%': {
+                transform: 'rotate(40deg)',
+            },
+            '100%': {
+                transform: 'rotate(400deg)',
+            },
+        },
+    };
+    const styles = {
+        width: `${size}px`,
+        height: `${size}px`,
+        border: `${size / 8}px solid var(--theme-ui-colors-white5)`,
+        borderTopColor: 'white5',
+        borderRadius: '50%',
+        display: 'inline-block',
+        boxSizing: 'border-box',
+    };
+    return jsx(Flex, { sx: isLoading ? stylesLoading : styles });
+};
+
+export { LoadingSpinner as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/LoadingSpinner/index.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex } from '../uikit-sdk'\n\nconst LoadingSpinner = ({ isLoading, size }: { isLoading: boolean; size: number }) => {\n  const stylesLoading = {\n    width: `${size}px`,\n    height: `${size}px`,\n    border: `${size / 8}px solid var(--theme-ui-colors-white5)`,\n    borderTopColor: 'primaryButton',\n    borderRadius: '50%',\n    display: 'inline-block',\n    boxSizing: 'border-box',\n    animation: 'rotation 1s linear infinite',\n    transform: 'rotate(40deg)',\n    '@keyframes rotation': {\n      '0%': {\n        transform: 'rotate(40deg)',\n      },\n      '100%': {\n        transform: 'rotate(400deg)',\n      },\n    },\n  }\n  const styles = {\n    width: `${size}px`,\n    height: `${size}px`,\n    border: `${size / 8}px solid var(--theme-ui-colors-white5)`,\n    borderTopColor: 'white5',\n    borderRadius: '50%',\n    display: 'inline-block',\n    boxSizing: 'border-box',\n  }\n  return <Flex sx={isLoading ? stylesLoading : styles} />\n}\n\nexport default LoadingSpinner\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAGA,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAwC,KAAI;AACnF,IAAA,MAAM,aAAa,GAAG;QACpB,KAAK,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;QAClB,MAAM,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;AACnB,QAAA,MAAM,EAAE,CAAA,EAAG,IAAI,GAAG,CAAC,CAAA,sCAAA,CAAwC;AAC3D,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,SAAS,EAAE,YAAY;AACvB,QAAA,SAAS,EAAE,6BAA6B;AACxC,QAAA,SAAS,EAAE,eAAe;AAC1B,QAAA,qBAAqB,EAAE;AACrB,YAAA,IAAI,EAAE;AACJ,gBAAA,SAAS,EAAE,eAAe;AAC3B,aAAA;AACD,YAAA,MAAM,EAAE;AACN,gBAAA,SAAS,EAAE,gBAAgB;AAC5B,aAAA;AACF,SAAA;KACF;AACD,IAAA,MAAM,MAAM,GAAG;QACb,KAAK,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;QAClB,MAAM,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;AACnB,QAAA,MAAM,EAAE,CAAA,EAAG,IAAI,GAAG,CAAC,CAAA,sCAAA,CAAwC;AAC3D,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,SAAS,EAAE,YAAY;KACxB;AACD,IAAA,OAAOA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,SAAS,GAAG,aAAa,GAAG,MAAM,GAAI;AACzD;;;;"}

package/dist/components/MenuSelect/MenuSelect.js

@@ -0,0 +1,32 @@
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import '../uikit-sdk/Svg/types.js';
+import Text from '../uikit-sdk/Text/index.js';
+import '../uikit-sdk/Checkbox/types.js';
+import '../uikit-sdk/Skeleton/types.js';
+import '../uikit-sdk/Skeleton/styles.js';
+import '../uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import '../uikit-sdk/Button/types.js';
+import '../uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../../views/FullBondsView/FullBondsView.js';
+import Select from '../uikit-sdk/Select/Select.js';
+import SelectItem from '../uikit-sdk/Select/SelectItem.js';
+import '../../utils/campaignStyles.js';
+import { jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const MenuSelect = (_a) => {
+    var { selectedOption, setOption, options } = _a, props = __rest(_a, ["selectedOption", "setOption", "options"]);
+    return (jsx(Select, Object.assign({ size: "xsm", onChange: (e) => setOption(e.target.value), active: selectedOption, sx: {
+            height: '36px',
+            display: 'flex',
+            width: '100%',
+            paddingRight: '4px',
+            background: 'white2',
+        } }, props, { className: "dropdown", children: options === null || options === void 0 ? void 0 : options.map((option) => {
+            return (jsx(SelectItem, { size: "xsm", value: option.value, children: jsx(Text, { sx: { fontWeight: 400, pl: '10px' }, className: "menu-selector", children: option.label }) }, option.label));
+        }) })));
+};
+
+export { MenuSelect as default };
+//# sourceMappingURL=MenuSelect.js.map

package/dist/components/MenuSelect/MenuSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSelect.js","sources":["../../../src/components/MenuSelect/MenuSelect.tsx"],"sourcesContent":["import React from 'react'\nimport { Select, SelectItem, Text } from '../uikit-sdk'\n\nexport type Option = {\n  label: string\n  value: string\n}\n\nconst MenuSelect = ({\n  selectedOption,\n  setOption,\n  options,\n  ...props\n}:\n  | {\n      selectedOption: string\n      setOption: (option: string) => void\n      options: Option[] | undefined\n    }\n  | any) => {\n  return (\n    <Select\n      size=\"xsm\"\n      onChange={(e) => setOption(e.target.value)}\n      active={selectedOption}\n      sx={{\n        height: '36px',\n        display: 'flex',\n        width: '100%',\n        paddingRight: '4px',\n        background: 'white2',\n      }}\n      {...props}\n      className=\"dropdown\"\n    >\n      {options?.map((option: Option) => {\n        return (\n          <SelectItem size=\"xsm\" value={option.value} key={option.label}>\n            <Text sx={{ fontWeight: 400, pl: '10px' }} className=\"menu-selector\">\n              {option.label}\n            </Text>\n          </SelectItem>\n        )\n      })}\n    </Select>\n  )\n}\n\nexport default MenuSelect\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAQA,MAAM,UAAU,GAAG,CAAC,EAWb,KAAI;QAXS,EAClB,cAAc,EACd,SAAS,EACT,OAAO,OAQF,EAPF,KAAK,GAAA,MAAA,CAAA,EAAA,EAJU,CAAA,gBAAA,EAAA,WAAA,EAAA,SAAA,CAKnB,CADS;AAQR,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EACL,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,MAAM,EAAE,cAAc,EACtB,EAAE,EAAE;AACF,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA,EAAA,EACG,KAAK,EAAA,EACT,SAAS,EAAC,UAAU,YAEnB,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAc,KAAI;AAC/B,YAAA,QACEA,GAAA,CAAC,UAAU,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EACxCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,SAAS,EAAC,eAAe,EAAA,QAAA,EACjE,MAAM,CAAC,KAAK,GACR,EAAA,EAHwC,MAAM,CAAC,KAAK,CAIhD;QAEjB,CAAC,CAAC,EAAA,CAAA,CACK;AAEb;;;;"}