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

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

@@ -0,0 +1,38 @@
+import { useState, Fragment } from 'react';
+import SafeHTMLComponent from '../../../components/SafeHTMLComponent/index.js';
+import '../../../node_modules/tslib/tslib.es6.js';
+import '../../../components/uikit-sdk/Svg/types.js';
+import Flex from '../../../components/uikit-sdk/Flex/index.js';
+import Text from '../../../components/uikit-sdk/Text/index.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 '../../../components/uikit-sdk/Button/types.js';
+import '../../../components/uikit-sdk/Button/styles.js';
+import '../../../contexts/ModalContext.js';
+import '../../FullBondsView/FullBondsView.js';
+import '../../../components/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 ProjectDescription = ({ description, isProjectView }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    return (jsx(Flex, { className: "description-container", children: isProjectView && (jsxs(Fragment, { children: [jsxs(Flex, { sx: { display: ['flex', 'flex', 'flex', 'none'], flexDirection: 'column' }, children: [jsx(Text, { sx: {
+                                fontSize: ['12px', '12px', '12px', '14px'],
+                                mt: '10px',
+                                lineHeight: ['18px', '18px', '18px', '21px'],
+                                fontWeight: 400,
+                                overflow: 'hidden',
+                                maxHeight: isOpen ? 'unset' : '54px',
+                            }, children: description && jsx(SafeHTMLComponent, { html: description }) }), !isOpen && (jsxs(Text, { sx: {
+                                color: 'primaryButton',
+                                fontSize: '12px',
+                                lineHeight: '18px',
+                                fontWeight: 400,
+                                cursor: 'pointer',
+                            }, onClick: () => setIsOpen(true), children: ["View More ", '>'] }))] }), jsx(Flex, { sx: { display: ['none', 'none', 'none', 'flex'] }, children: jsx(SafeHTMLComponent, { html: description !== null && description !== void 0 ? description : '' }) })] })) }));
+};
+
+export { ProjectDescription as default };
+//# sourceMappingURL=ProjectDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDescription.js","sources":["../../../../src/views/BuyBond/components/ProjectDescription.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport SafeHTMLComponent from '../../../components/SafeHTMLComponent'\nimport { Flex, Text } from '../../../components/uikit-sdk'\n\nconst ProjectDescription = ({ description, isProjectView }: { description?: string; isProjectView?: boolean }) => {\n  const [isOpen, setIsOpen] = useState<boolean>(false)\n\n  return (\n    <Flex className=\"description-container\">\n      {isProjectView && (\n        <>\n          <Flex sx={{ display: ['flex', 'flex', 'flex', 'none'], flexDirection: 'column' }}>\n            <Text\n              sx={{\n                fontSize: ['12px', '12px', '12px', '14px'],\n                mt: '10px',\n                lineHeight: ['18px', '18px', '18px', '21px'],\n                fontWeight: 400,\n                overflow: 'hidden',\n                maxHeight: isOpen ? 'unset' : '54px',\n              }}\n            >\n              {description && <SafeHTMLComponent html={description} />}\n            </Text>\n            {!isOpen && (\n              <Text\n                sx={{\n                  color: 'primaryButton',\n                  fontSize: '12px',\n                  lineHeight: '18px',\n                  fontWeight: 400,\n                  cursor: 'pointer',\n                }}\n                onClick={() => setIsOpen(true)}\n              >\n                View More {'>'}\n              </Text>\n            )}\n          </Flex>\n          <Flex sx={{ display: ['none', 'none', 'none', 'flex'] }}>\n            <SafeHTMLComponent html={description ?? ''} />\n          </Flex>\n        </>\n      )}\n    </Flex>\n  )\n}\n\nexport default ProjectDescription\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;AAIA,MAAM,kBAAkB,GAAG,CAAC,EAAE,WAAW,EAAE,aAAa,EAAqD,KAAI;IAC/G,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;AAEpD,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,QAAA,EACpC,aAAa,KACZC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAC9ED,IAAC,IAAI,EAAA,EACH,EAAE,EAAE;gCACF,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAC1C,gCAAA,EAAE,EAAE,MAAM;gCACV,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAC5C,gCAAA,UAAU,EAAE,GAAG;AACf,gCAAA,QAAQ,EAAE,QAAQ;gCAClB,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AACrC,6BAAA,EAAA,QAAA,EAEA,WAAW,IAAIA,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,WAAW,EAAA,CAAI,GACnD,EACN,CAAC,MAAM,KACNC,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gCAAA,KAAK,EAAE,eAAe;AACtB,gCAAA,QAAQ,EAAE,MAAM;AAChB,gCAAA,UAAU,EAAE,MAAM;AAClB,gCAAA,UAAU,EAAE,GAAG;AACf,gCAAA,MAAM,EAAE,SAAS;6BAClB,EACD,OAAO,EAAE,MAAM,SAAS,CAAC,IAAI,CAAC,EAAA,QAAA,EAAA,CAAA,YAAA,EAEnB,GAAG,CAAA,EAAA,CACT,CACR,CAAA,EAAA,CACI,EACPD,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,YACrDA,GAAA,CAAC,iBAAiB,EAAA,EAAC,IAAI,EAAE,WAAW,aAAX,WAAW,KAAA,MAAA,GAAX,WAAW,GAAI,EAAE,EAAA,CAAI,GACzC,CAAA,EAAA,CACN,CACJ,EAAA,CACI;AAEX;;;;"}

package/dist/views/BuyBond/index.js

@@ -0,0 +1,12 @@
+import Providers from '../../providers/index.js';
+import { useSDKConfig } from '../../state/useSDKConfig.js';
+import BuyBondModal from './BuyBondModal.js';
+import { jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const BuyBondModalWithProviders = (props) => {
+    useSDKConfig(props);
+    return (jsx(Providers, { theme: props.theme, children: jsx(BuyBondModal, Object.assign({}, props)) }));
+};
+
+export { BuyBondModalWithProviders as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/views/BuyBond/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport { BuyComponentProps } from './BuyComponent'\nimport { SDKProps, useSDKConfig } from '../../state/useSDKConfig'\nimport BuyBondModal from './BuyBondModal'\n\ninterface Props extends SDKProps, BuyComponentProps {}\n\nconst BuyBondModalWithProviders: React.FC<Props> = (props) => {\n  useSDKConfig(props)\n\n  return (\n    <Providers theme={props.theme}>\n      <BuyBondModal {...props} />\n    </Providers>\n  )\n}\n\nexport default BuyBondModalWithProviders\n"],"names":["_jsx"],"mappings":";;;;;AAQA,MAAM,yBAAyB,GAAoB,CAAC,KAAK,KAAI;IAC3D,YAAY,CAAC,KAAK,CAAC;AAEnB,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAA,QAAA,EAC3BA,IAAC,YAAY,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAA,CAAI,EAAA,CACjB;AAEhB;;;;"}

package/dist/views/BuyBond/styles.js

@@ -0,0 +1,33 @@
+const styles = {
+    buyContainer: {
+        width: '100%',
+        mb: ['30px', '30px', '30px', '0px'],
+        flexDirection: 'column',
+    },
+    cardContainer: {
+        width: '100%',
+        background: 'white2',
+        borderRadius: 'normal',
+        flexDirection: 'column',
+    },
+    infoRowsContainer: {
+        width: '100%',
+        flexDirection: 'column',
+        mb: '10px',
+    },
+    infoRow: {
+        width: '100%',
+        justifyContent: 'space-between',
+    },
+    infoTitle: {
+        fontSize: '12px',
+        fontWeight: 400,
+    },
+    infoData: {
+        fontSize: '12px',
+        fontWeight: 700,
+    },
+};
+
+export { styles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/views/BuyBond/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<\n  'buyContainer' | 'cardContainer' | 'infoRowsContainer' | 'infoRow' | 'infoTitle' | 'infoData',\n  ThemeUIStyleObject\n> = {\n  buyContainer: {\n    width: '100%',\n    mb: ['30px', '30px', '30px', '0px'],\n    flexDirection: 'column',\n  },\n  cardContainer: {\n    width: '100%',\n    background: 'white2',\n    borderRadius: 'normal',\n    flexDirection: 'column',\n  },\n  infoRowsContainer: {\n    width: '100%',\n    flexDirection: 'column',\n    mb: '10px',\n  },\n  infoRow: {\n    width: '100%',\n    justifyContent: 'space-between',\n  },\n  infoTitle: {\n    fontSize: '12px',\n    fontWeight: 400,\n  },\n  infoData: {\n    fontSize: '12px',\n    fontWeight: 700,\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GAGf;AACF,IAAA,YAAY,EAAE;AACZ,QAAA,KAAK,EAAE,MAAM;QACb,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC;AACnC,QAAA,aAAa,EAAE,QAAQ;AACxB,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,aAAa,EAAE,QAAQ;AACxB,KAAA;AACD,IAAA,iBAAiB,EAAE;AACjB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,cAAc,EAAE,eAAe;AAChC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;;;;;"}

package/dist/views/FullBondsView/FullBondsView.js

@@ -0,0 +1,34 @@
+import '../../node_modules/tslib/tslib.es6.js';
+import '../../components/uikit-sdk/Svg/types.js';
+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 '../../components/uikit-sdk/Button/types.js';
+import '../../components/uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import Toggle from '../../components/uikit-sdk/Toggle/index.js';
+import '../../components/uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import YourBonds from '../YourBonds/YourBonds.js';
+import Bonds from '../Bonds/Bonds.js';
+import useActiveView from '../../state/activeView/index.js';
+import { useSDKConfig } from '../../state/useSDKConfig.js';
+import { jsxs, jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+var BondsViewOptions;
+(function (BondsViewOptions) {
+    BondsViewOptions["BONDSMARKET"] = "Bonds Market";
+    BondsViewOptions["YOURBONDS"] = "Your Bonds";
+})(BondsViewOptions || (BondsViewOptions = {}));
+const FullBondsView = () => {
+    const { activeView, handleToogle } = useActiveView();
+    const SDKConfig = useSDKConfig();
+    return (jsxs("div", { className: "full-bonds-view-container", children: [(SDKConfig.solAddress || SDKConfig.evmAddress) && (jsxs(Flex, { sx: { justifyContent: 'center', my: '20px' }, children: ["Debugger mode for address: ", SDKConfig.solAddress || SDKConfig.evmAddress] })), jsx("div", { className: "toggle-container", children: jsx(Toggle, { options: [BondsViewOptions.BONDSMARKET, BondsViewOptions.YOURBONDS], activeOption: activeView, handleToggle: handleToogle }) }), jsx(Flex, { sx: { width: '100%' }, children: activeView === BondsViewOptions.BONDSMARKET ? jsx(Bonds, {}) : jsx(YourBonds, {}) })] }));
+};
+
+export { BondsViewOptions, FullBondsView as default };
+//# sourceMappingURL=FullBondsView.js.map

package/dist/views/FullBondsView/FullBondsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullBondsView.js","sources":["../../../src/views/FullBondsView/FullBondsView.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Toggle } from '../../components/uikit-sdk'\nimport YourBonds from '../YourBonds/YourBonds'\nimport Bonds from '../Bonds/Bonds'\nimport useActiveView from '../../state/activeView'\nimport { useSDKConfig } from '../../state/useSDKConfig'\n\nexport enum BondsViewOptions {\n  BONDSMARKET = 'Bonds Market',\n  YOURBONDS = 'Your Bonds',\n}\n\nconst FullBondsView = () => {\n  const { activeView, handleToogle } = useActiveView()\n  const SDKConfig = useSDKConfig()\n\n  return (\n    <div className=\"full-bonds-view-container\">\n      {(SDKConfig.solAddress || SDKConfig.evmAddress) && (\n        <Flex sx={{ justifyContent: 'center', my: '20px' }}>\n          Debugger mode for address: {SDKConfig.solAddress || SDKConfig.evmAddress}\n        </Flex>\n      )}\n      <div className=\"toggle-container\">\n        <Toggle\n          options={[BondsViewOptions.BONDSMARKET, BondsViewOptions.YOURBONDS]}\n          activeOption={activeView}\n          handleToggle={handleToogle}\n        />\n      </div>\n      <Flex sx={{ width: '100%' }}>{activeView === BondsViewOptions.BONDSMARKET ? <Bonds /> : <YourBonds />}</Flex>\n    </div>\n  )\n}\n\nexport default FullBondsView\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAOY;AAAZ,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,aAAA,CAAA,GAAA,cAA4B;AAC5B,IAAA,gBAAA,CAAA,WAAA,CAAA,GAAA,YAAwB;AAC1B,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,GAAA,EAAA,CAAA,CAAA;AAK5B,MAAM,aAAa,GAAG,MAAK;IACzB,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE;AACpD,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,QACEA,cAAK,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,CACvC,CAAC,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,UAAU,MAC5CA,KAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAAA,6BAAA,EACpB,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,UAAU,CAAA,EAAA,CACnE,CACR,EACDC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAC/BA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC,SAAS,CAAC,EACnE,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,YAAY,EAAA,CAC1B,EAAA,CACE,EACNA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAAG,UAAU,KAAK,gBAAgB,CAAC,WAAW,GAAGA,IAAC,KAAK,EAAA,EAAA,CAAG,GAAGA,GAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CAAQ,CAAA,EAAA,CACzG;AAEV;;;;"}

package/dist/views/FullBondsView/index.js

@@ -0,0 +1,12 @@
+import Providers from '../../providers/index.js';
+import FullBondsView from './FullBondsView.js';
+import { useSDKConfig } from '../../state/useSDKConfig.js';
+import { jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const FullBondsViewWithProviders = (props) => {
+    useSDKConfig(props);
+    return (jsx(Providers, { theme: props === null || props === void 0 ? void 0 : props.theme, children: jsx(FullBondsView, {}) }));
+};
+
+export { FullBondsViewWithProviders as default };
+//# sourceMappingURL=index.js.map

package/dist/views/FullBondsView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/views/FullBondsView/index.tsx"],"sourcesContent":["import React from 'react'\nimport Providers from '../../providers'\nimport FullBondsView from './FullBondsView'\nimport { SDKPropsDTO, useSDKConfig } from '../../state/useSDKConfig'\n\nconst FullBondsViewWithProviders: React.FC<SDKPropsDTO> = (props) => {\n  useSDKConfig(props)\n  return (\n    <Providers theme={props?.theme}>\n      <FullBondsView />\n    </Providers>\n  )\n}\n\nexport default FullBondsViewWithProviders\n"],"names":["_jsx"],"mappings":";;;;;AAKA,MAAM,0BAA0B,GAA0B,CAAC,KAAK,KAAI;IAClE,YAAY,CAAC,KAAK,CAAC;AACnB,IAAA,QACEA,GAAA,CAAC,SAAS,IAAC,KAAK,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAA,QAAA,EAC5BA,GAAA,CAAC,aAAa,EAAA,EAAA,CAAG,EAAA,CACP;AAEhB;;;;"}

package/dist/views/LifiModal/LifiModal.js

@@ -0,0 +1,79 @@
+import { LiFiWidget } from '@lifi/widget';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../../components/uikit-sdk/Svg/types.js';
+import Text from '../../components/uikit-sdk/Text/index.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 Modal from '../../components/uikit-sdk/Modal/index.js';
+import '../FullBondsView/FullBondsView.js';
+import 'react';
+import '../../components/uikit-sdk/Button/types.js';
+import '../../components/uikit-sdk/Button/styles.js';
+import '../../components/uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader.js';
+import { jsxs, jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const getFees = async (fromTokenSymbol, toTokenSymbol) => {
+    const stableCoins = ['FRAX', 'USDC', 'USDT', 'DAI', 'BUSD', 'TUSD', 'USDD', 'FDUSD'];
+    const isFromStable = stableCoins.includes(fromTokenSymbol);
+    const isToStable = stableCoins.includes(toTokenSymbol);
+    if (toTokenSymbol.toLowerCase() === 'abond') {
+        return 0;
+    }
+    return isFromStable && isToStable ? 0.001 : 0.003;
+};
+const LifiModal = ({ bondChain, principalToken, onDismiss, }) => {
+    const config = {
+        appearance: 'dark',
+        theme: {
+            typography: {
+                fontFamily: 'Poppins',
+            },
+            colorSchemes: {
+                dark: {
+                    palette: {
+                        background: {
+                            default: '#161420',
+                            paper: '#1F1D29',
+                        },
+                        primary: {
+                            main: '#6560C5',
+                        },
+                        secondary: {
+                            main: '#6560C5',
+                        },
+                    },
+                },
+            },
+            container: {
+                boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.08)',
+                borderRadius: '16px',
+            },
+        },
+        // fromToken: 'BNB',
+        // fromChain: ChainId.BSC,
+        toChain: bondChain,
+        toToken: principalToken,
+        sdkConfig: {
+            rpcUrls: {
+                [1151111081099710]: [
+                    'https://ancient-cold-sailboat.solana-mainnet.quiknode.pro/da13400ad8d0035313f3e71c6a37c107d0d0334b',
+                ],
+            },
+        },
+        variant: 'wide',
+        integrator: 'apeswap',
+        feeConfig: {
+            calculateFee: async (params) => {
+                return getFees(params.fromToken.symbol, params.toToken.symbol);
+            },
+        },
+    };
+    return (jsxs(Modal, { sx: { minWidth: '450px', justifyContent: 'center', alignItems: 'center', p: '0px' }, children: [jsx(ModalHeader, { onDismiss: onDismiss, hideDivider: true, sx: { p: '20px 20px 0 20px' }, children: jsx(Text, { sx: { fontSize: '22px', fontWeight: 700, lineHeight: '33px' }, children: "Swap & Bridge with LIFI" }) }), jsx(LiFiWidget, Object.assign({}, config))] }));
+};
+
+export { LifiModal as default };
+//# sourceMappingURL=LifiModal.js.map

package/dist/views/LifiModal/LifiModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LifiModal.js","sources":["../../../src/views/LifiModal/LifiModal.tsx"],"sourcesContent":["import React from 'react'\nimport { LiFiWidget } from '@lifi/widget'\nimport { Modal } from '../../components/uikit-sdk'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport Text from '../../components/uikit-sdk/Text'\n\nconst getFees = async (fromTokenSymbol: string, toTokenSymbol: string): Promise<number> => {\n  const stableCoins = ['FRAX', 'USDC', 'USDT', 'DAI', 'BUSD', 'TUSD', 'USDD', 'FDUSD']\n  const isFromStable = stableCoins.includes(fromTokenSymbol)\n  const isToStable = stableCoins.includes(toTokenSymbol)\n  if (toTokenSymbol.toLowerCase() === 'abond') {\n    return 0\n  }\n  return isFromStable && isToStable ? 0.001 : 0.003\n}\n\nconst LifiModal = ({\n  bondChain,\n  principalToken,\n  onDismiss,\n}: {\n  bondChain?: number\n  principalToken?: string\n  onDismiss?: () => void\n}) => {\n  const config = {\n    appearance: 'dark' as const,\n    theme: {\n      typography: {\n        fontFamily: 'Poppins',\n      },\n      colorSchemes: {\n        dark: {\n          palette: {\n            background: {\n              default: '#161420',\n              paper: '#1F1D29',\n            },\n            primary: {\n              main: '#6560C5',\n            },\n            secondary: {\n              main: '#6560C5',\n            },\n          },\n        },\n      },\n      container: {\n        boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.08)',\n        borderRadius: '16px',\n      },\n    },\n    // fromToken: 'BNB',\n    // fromChain: ChainId.BSC,\n    toChain: bondChain,\n    toToken: principalToken,\n    sdkConfig: {\n      rpcUrls: {\n        [1151111081099710]: [\n          'https://ancient-cold-sailboat.solana-mainnet.quiknode.pro/da13400ad8d0035313f3e71c6a37c107d0d0334b',\n        ],\n      },\n    },\n    variant: 'wide' as const,\n    integrator: 'apeswap',\n    feeConfig: {\n      calculateFee: async (params: any) => {\n        return getFees(params.fromToken.symbol, params.toToken.symbol)\n      },\n    },\n  }\n\n  return (\n    <Modal sx={{ minWidth: '450px', justifyContent: 'center', alignItems: 'center', p: '0px' }}>\n      <ModalHeader onDismiss={onDismiss} hideDivider sx={{ p: '20px 20px 0 20px' }}>\n        <Text sx={{ fontSize: '22px', fontWeight: 700, lineHeight: '33px' }}>Swap & Bridge with LIFI</Text>\n      </ModalHeader>\n      <LiFiWidget {...config} />\n    </Modal>\n  )\n}\n\nexport default LifiModal\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAMA,MAAM,OAAO,GAAG,OAAO,eAAuB,EAAE,aAAqB,KAAqB;AACxF,IAAA,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;IACpF,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC,eAAe,CAAC;IAC1D,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC;AACtD,IAAA,IAAI,aAAa,CAAC,WAAW,EAAE,KAAK,OAAO,EAAE;AAC3C,QAAA,OAAO,CAAC;IACV;IACA,OAAO,YAAY,IAAI,UAAU,GAAG,KAAK,GAAG,KAAK;AACnD,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,cAAc,EACd,SAAS,GAKV,KAAI;AACH,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,UAAU,EAAE,MAAe;AAC3B,QAAA,KAAK,EAAE;AACL,YAAA,UAAU,EAAE;AACV,gBAAA,UAAU,EAAE,SAAS;AACtB,aAAA;AACD,YAAA,YAAY,EAAE;AACZ,gBAAA,IAAI,EAAE;AACJ,oBAAA,OAAO,EAAE;AACP,wBAAA,UAAU,EAAE;AACV,4BAAA,OAAO,EAAE,SAAS;AAClB,4BAAA,KAAK,EAAE,SAAS;AACjB,yBAAA;AACD,wBAAA,OAAO,EAAE;AACP,4BAAA,IAAI,EAAE,SAAS;AAChB,yBAAA;AACD,wBAAA,SAAS,EAAE;AACT,4BAAA,IAAI,EAAE,SAAS;AAChB,yBAAA;AACF,qBAAA;AACF,iBAAA;AACF,aAAA;AACD,YAAA,SAAS,EAAE;AACT,gBAAA,SAAS,EAAE,kCAAkC;AAC7C,gBAAA,YAAY,EAAE,MAAM;AACrB,aAAA;AACF,SAAA;;;AAGD,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,SAAS,EAAE;AACT,YAAA,OAAO,EAAE;gBACP,CAAC,gBAAgB,GAAG;oBAClB,oGAAoG;AACrG,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,OAAO,EAAE,MAAe;AACxB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,SAAS,EAAE;AACT,YAAA,YAAY,EAAE,OAAO,MAAW,KAAI;AAClC,gBAAA,OAAO,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;YAChE,CAAC;AACF,SAAA;KACF;AAED,IAAA,QACEA,IAAA,CAAC,KAAK,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,CACxFC,GAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAA,IAAA,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,kBAAkB,EAAE,YAC1EA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,yBAAA,EAAA,CAAgC,EAAA,CACvF,EACdA,GAAA,CAAC,UAAU,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,MAAM,CAAA,CAAI,CAAA,EAAA,CACpB;AAEZ;;;;"}

package/dist/views/ProjectView/ProjectView.js

@@ -0,0 +1,72 @@
+import { useEffect, Fragment } from 'react';
+import useBondsData from '../../state/bonds/useBondsData.js';
+import '../../node_modules/tslib/tslib.es6.js';
+import '../../components/uikit-sdk/Svg/types.js';
+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 '../../components/uikit-sdk/Button/types.js';
+import '../../components/uikit-sdk/Button/styles.js';
+import '../../contexts/ModalContext.js';
+import '../FullBondsView/FullBondsView.js';
+import '../../components/uikit-sdk/Select/types.js';
+import '../../utils/campaignStyles.js';
+import { styles } from './styles.js';
+import RecommendationCards from './components/RecommendationCards/index.js';
+import NavPanel from './components/NavPanel/index.js';
+import BondCards from '../BuyBond/components/BondCards/BondCards.js';
+import ProjectInfo from './components/ProjectInfo/index.js';
+import BondStats from './components/BondStats/index.js';
+import BondLeaderboard from './components/BondLeaderboard/index.js';
+import PriceChart from './components/PriceChart/index.js';
+import BuyComponent from '../BuyBond/BuyComponent.js';
+import useTokenPrices from '../../state/tokenPrices/useTokenPrices.js';
+import useHistoricalPrice from '../../state/historicalPrice/useHistoricalPrice.js';
+import { jsxs, jsx } from '../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const ProjectView = ({ bondAddress, bondChain }) => {
+    var _a, _b, _c;
+    // Hooks
+    const { data: bonds, refetch } = useBondsData();
+    const { data: tokenPrices } = useTokenPrices();
+    const bondData = bonds === null || bonds === void 0 ? void 0 : bonds.find((bond) => {
+        var _a, _b;
+        return ((_b = (_a = bond === null || bond === void 0 ? void 0 : bond.contractAddress) === null || _a === void 0 ? void 0 : _a[bond.chainId]) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === (bondAddress === null || bondAddress === void 0 ? void 0 : bondAddress.toLowerCase()) &&
+            bondChain === bond.chainId.toString();
+    });
+    const { data: historicalPrices } = useHistoricalPrice(bondData === null || bondData === void 0 ? void 0 : bondData.cgId);
+    useEffect(() => {
+        var _a;
+        if (((_a = bonds === null || bonds === void 0 ? void 0 : bonds.length) !== null && _a !== void 0 ? _a : 0) > 0 && !bondData) {
+            window.location.href = '/bonds';
+        }
+    });
+    useEffect(() => {
+        var _a;
+        if (((_a = Object.keys(tokenPrices !== null && tokenPrices !== void 0 ? tokenPrices : {})) === null || _a === void 0 ? void 0 : _a.length) > 0 && (bonds === null || bonds === void 0 ? void 0 : bonds.length) === 0) {
+            console.log('Found prices and no bonds, realtimeapi failed. Refetching bonds');
+            refetch();
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [(_a = Object.keys(tokenPrices !== null && tokenPrices !== void 0 ? tokenPrices : {})) === null || _a === void 0 ? void 0 : _a.length, bonds === null || bonds === void 0 ? void 0 : bonds.length, refetch]);
+    return (jsxs(Flex, { sx: styles.mainViewContainer, children: [jsx(RecommendationCards, {}), jsx(NavPanel, { contractAddress: (_b = bondData === null || bondData === void 0 ? void 0 : bondData.contractAddress) === null || _b === void 0 ? void 0 : _b[bondData.chainId] }), bondData && (jsx(Flex, { sx: {
+                    width: '100%',
+                    mt: '10px',
+                    display: ['none', 'none', 'none', 'block'],
+                    '&& > div > div': {
+                        background: 'white2',
+                    },
+                }, children: jsx(BondCards, { bondData: bondData }) })), bondData ? (jsx(Fragment, { children: jsxs(Flex, { sx: { width: '100%', flexDirection: 'column', mt: '10px' }, children: [jsxs(Flex, { sx: { width: '100%', flexDirection: ['column', 'column', 'column', 'row'], alignItems: 'stretch' }, children: [jsx(Flex, { sx: {
+                                        background: 'white2',
+                                        borderRadius: 'normal',
+                                        // p: '5px 20px 20px 20px',
+                                        width: ['100%', '100%', '100%', '50%'],
+                                        mt: '5px',
+                                    }, children: jsx(BuyComponent, { bondAddress: (_c = bondData === null || bondData === void 0 ? void 0 : bondData.contractAddress) === null || _c === void 0 ? void 0 : _c[bondData.chainId], bondChain: bondData.chainId, isProjectView: true }) }), jsx(PriceChart, { selectedBond: bondData, historicalPrices: historicalPrices })] }), jsx(Flex, { sx: { width: '100%', mt: '10px' }, children: jsx(ProjectInfo, { selectedBond2: bondData }) }), jsx(Flex, { sx: { width: '100%', mt: '10px' }, children: jsx(BondStats, { selectedBond: bondData }) }), jsx(Flex, { sx: { width: '100%', mt: '10px', mb: '50px' }, children: jsx(BondLeaderboard, { selectedBond: bondData }) })] }) })) : (jsx(Flex, { sx: { width: '100%', justifyContent: 'center', fontSize: '12px', fontWeight: 500 }, children: "Loading..." }))] }));
+};
+
+export { ProjectView as default };
+//# sourceMappingURL=ProjectView.js.map

package/dist/views/ProjectView/ProjectView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectView.js","sources":["../../../src/views/ProjectView/ProjectView.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport useBondsData from '../../state/bonds/useBondsData'\nimport { Flex } from '../../components/uikit-sdk'\nimport { styles } from './styles'\nimport RecommendationCards from './components/RecommendationCards'\nimport NavPanel from './components/NavPanel'\nimport BondCards from '../BuyBond/components/BondCards/BondCards'\nimport ProjectInfo from './components/ProjectInfo'\nimport BondStats from './components/BondStats'\nimport BondLeaderboard from './components/BondLeaderboard'\nimport PriceChart from './components/PriceChart'\nimport BuyBond from '../BuyBond/BuyComponent'\nimport useTokenPrices from '../../state/tokenPrices/useTokenPrices'\nimport useHistoricalPrice from '../../state/historicalPrice/useHistoricalPrice'\n\nexport interface HistoricalPrices {\n  timestamp: string\n  open: number\n  close: number\n}\n\nexport interface ProjectViewProps {\n  bondAddress: string\n  bondChain: string\n}\n\nconst ProjectView: React.FC<ProjectViewProps> = ({ bondAddress, bondChain }) => {\n  // Hooks\n  const { data: bonds, refetch } = useBondsData()\n  const { data: tokenPrices } = useTokenPrices()\n  const bondData = bonds?.find(\n    (bond) =>\n      bond?.contractAddress?.[bond.chainId]?.toLowerCase() === (bondAddress as string)?.toLowerCase() &&\n      (bondChain as string) === bond.chainId.toString(),\n  )\n\n  const { data: historicalPrices } = useHistoricalPrice(bondData?.cgId)\n\n  useEffect(() => {\n    if ((bonds?.length ?? 0) > 0 && !bondData) {\n      window.location.href = '/bonds'\n    }\n  })\n\n  useEffect(() => {\n    if (Object.keys(tokenPrices ?? {})?.length > 0 && bonds?.length === 0) {\n      console.log('Found prices and no bonds, realtimeapi failed. Refetching bonds')\n      refetch()\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [Object.keys(tokenPrices ?? {})?.length, bonds?.length, refetch])\n\n  return (\n    <Flex sx={styles.mainViewContainer}>\n      <RecommendationCards />\n      <NavPanel contractAddress={bondData?.contractAddress?.[bondData.chainId]} />\n      {bondData && (\n        <Flex\n          sx={{\n            width: '100%',\n            mt: '10px',\n            display: ['none', 'none', 'none', 'block'],\n            '&& > div > div': {\n              background: 'white2',\n            },\n          }}\n        >\n          <BondCards bondData={bondData} />\n        </Flex>\n      )}\n      {bondData ? (\n        <>\n          <Flex sx={{ width: '100%', flexDirection: 'column', mt: '10px' }}>\n            <Flex sx={{ width: '100%', flexDirection: ['column', 'column', 'column', 'row'], alignItems: 'stretch' }}>\n              <Flex\n                sx={{\n                  background: 'white2',\n                  borderRadius: 'normal',\n                  // p: '5px 20px 20px 20px',\n                  width: ['100%', '100%', '100%', '50%'],\n                  mt: '5px',\n                }}\n              >\n                <BuyBond\n                  bondAddress={bondData?.contractAddress?.[bondData.chainId]}\n                  bondChain={bondData.chainId}\n                  isProjectView\n                />\n              </Flex>\n              <PriceChart selectedBond={bondData} historicalPrices={historicalPrices} />\n            </Flex>\n            <Flex sx={{ width: '100%', mt: '10px' }}>\n              <ProjectInfo selectedBond2={bondData} />\n            </Flex>\n            <Flex sx={{ width: '100%', mt: '10px' }}>\n              <BondStats selectedBond={bondData} />\n            </Flex>\n            <Flex sx={{ width: '100%', mt: '10px', mb: '50px' }}>\n              <BondLeaderboard selectedBond={bondData} />\n            </Flex>\n          </Flex>\n        </>\n      ) : (\n        <Flex sx={{ width: '100%', justifyContent: 'center', fontSize: '12px', fontWeight: 500 }}>Loading...</Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default ProjectView\n"],"names":["_jsxs","_jsx","_Fragment","BuyBond"],"mappings":"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"}

package/dist/views/ProjectView/components/BondLeaderboard/components/SalesTable.js

@@ -0,0 +1,56 @@
+import { styles } from './styles.js';
+import '../../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../../components/uikit-sdk/Svg/types.js';
+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 '../../../../../components/uikit-sdk/Button/types.js';
+import '../../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../../contexts/ModalContext.js';
+import '../../../../FullBondsView/FullBondsView.js';
+import '../../../../../components/uikit-sdk/Select/types.js';
+import '../../../../../utils/campaignStyles.js';
+import TokenImage from '../../../../../components/uikit-sdk/TokenImage/index.js';
+import { formatUTCDate } from '../../../../../utils/dates/formatDate.js';
+import useEVMAccount from '../../../../../hooks/accounts/useEVMAccount.js';
+import { jsxs, jsx } from '../../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const SalesTable = ({ allSales }) => {
+    const { address: account } = useEVMAccount();
+    return (jsxs(Flex, { sx: { width: '100%', minWidth: '700px', flexDirection: 'column', mt: '20px' }, children: [jsxs(Flex, { sx: {
+                    width: '100%',
+                    mx: '2px',
+                    justifyContent: 'space-between',
+                    color: 'textDisabledButton',
+                    fontSize: '12px',
+                    fontWeight: 400,
+                    mb: '5px',
+                }, children: [jsxs(Flex, { sx: { width: '170px' }, children: [jsx(Flex, { sx: { width: '30px', justifyContent: 'center' }, children: "#" }), jsx(Flex, { children: "Bond" })] }), jsx(Flex, { sx: { width: '120px', justifyContent: 'center' }, children: "Purchase Date" }), jsx(Flex, { sx: { width: '160px', justifyContent: 'center' }, children: "Buyer" }), jsx(Flex, { sx: { width: '110px', justifyContent: 'center' }, children: "Deposit Amount" }), jsx(Flex, { sx: { width: '110px', justifyContent: 'center' }, children: "Payout Amount" }), jsx(Flex, { sx: { width: '85px', justifyContent: 'center' }, children: "Bonus" })] }), jsx(Flex, { sx: { width: '100%', flexDirection: 'column' }, children: allSales &&
+                    allSales.length > 0 &&
+                    allSales.map((sale, index) => {
+                        var _a;
+                        const buyer = sale.createdAddressOwner;
+                        const receivedUsdAmount = ((_a = sale === null || sale === void 0 ? void 0 : sale.payout) !== null && _a !== void 0 ? _a : 0) * (sale === null || sale === void 0 ? void 0 : sale.payoutTokenPrice);
+                        const discount = 100 - (sale.dollarValue * 100) / receivedUsdAmount;
+                        const isUserTheBuyer = (buyer === null || buyer === void 0 ? void 0 : buyer.toLowerCase()) === (account === null || account === void 0 ? void 0 : account.toLowerCase());
+                        const payoutToken = sale.payoutToken === 'LL.e' ? 'LL' : sale.payoutToken;
+                        return (jsxs(Flex, { sx: {
+                                width: '100%',
+                                background: 'white3',
+                                border: '2px solid var(--theme-ui-colors-textDisabledButton)',
+                                height: '49px',
+                                mb: '5px',
+                                borderRadius: 'normal',
+                                alignItems: 'center',
+                                justifyContent: 'space-between',
+                                fontSize: '12px',
+                            }, children: [jsxs(Flex, { sx: { width: '170px', alignItems: 'center' }, children: [jsx(Flex, { sx: { width: '30px', justifyContent: 'center' }, children: index + 4 }), jsx(TokenImage, { symbol: payoutToken, chain: sale.chainId, size: 28 }), jsx(Flex, { sx: { ml: '10px' }, children: sale.payoutToken })] }), jsx(Flex, { sx: { width: '120px', justifyContent: 'center' }, children: formatUTCDate(new Date(sale.createdAt * 1000)) }), jsx(Flex, { sx: { width: '160px', justifyContent: 'center', position: 'relative' }, children: jsxs(Flex, { sx: { position: 'relative' }, children: [buyer === null || buyer === void 0 ? void 0 : buyer.slice(0, 4), "...", buyer === null || buyer === void 0 ? void 0 : buyer.slice((buyer === null || buyer === void 0 ? void 0 : buyer.length) - 4, buyer === null || buyer === void 0 ? void 0 : buyer.length), isUserTheBuyer && jsx(Flex, { sx: styles.youCard, children: "You" })] }) }), jsxs(Flex, { sx: { width: '110px', justifyContent: 'center' }, children: ["$", sale.dollarValue.toFixed(2)] }), jsxs(Flex, { sx: { width: '110px', justifyContent: 'center' }, children: ["$", receivedUsdAmount === null || receivedUsdAmount === void 0 ? void 0 : receivedUsdAmount.toFixed(2)] }), jsxs(Flex, { sx: { width: '85px', justifyContent: 'center', color: discount > 0 ? 'success' : 'error' }, children: [discount.toFixed(2), "%"] })] }, sale.transactionHash));
+                    }) })] }));
+};
+
+export { SalesTable as default };
+//# sourceMappingURL=SalesTable.js.map

package/dist/views/ProjectView/components/BondLeaderboard/components/SalesTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SalesTable.js","sources":["../../../../../../src/views/ProjectView/components/BondLeaderboard/components/SalesTable.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { Flex } from '../../../../../components/uikit-sdk'\nimport TokenImage from '../../../../../components/uikit-sdk/TokenImage'\nimport { formatUTCDate } from '../../../../../utils/dates/formatDate'\nimport { Sales } from '../../../../../state/bondApiStats/useUserApiStats'\nimport useEVMAccount from '../../../../../hooks/accounts/useEVMAccount'\n\nconst SalesTable = ({ allSales }: { allSales: Sales[] | undefined }) => {\n  const { address: account } = useEVMAccount()\n\n  return (\n    <Flex sx={{ width: '100%', minWidth: '700px', flexDirection: 'column', mt: '20px' }}>\n      <Flex\n        sx={{\n          width: '100%',\n          mx: '2px',\n          justifyContent: 'space-between',\n          color: 'textDisabledButton',\n          fontSize: '12px',\n          fontWeight: 400,\n          mb: '5px',\n        }}\n      >\n        <Flex sx={{ width: '170px' }}>\n          <Flex sx={{ width: '30px', justifyContent: 'center' }}>#</Flex>\n          <Flex>Bond</Flex>\n        </Flex>\n        <Flex sx={{ width: '120px', justifyContent: 'center' }}>Purchase Date</Flex>\n        <Flex sx={{ width: '160px', justifyContent: 'center' }}>Buyer</Flex>\n        <Flex sx={{ width: '110px', justifyContent: 'center' }}>Deposit Amount</Flex>\n        <Flex sx={{ width: '110px', justifyContent: 'center' }}>Payout Amount</Flex>\n        <Flex sx={{ width: '85px', justifyContent: 'center' }}>Bonus</Flex>\n      </Flex>\n      <Flex sx={{ width: '100%', flexDirection: 'column' }}>\n        {allSales &&\n          allSales.length > 0 &&\n          allSales.map((sale, index) => {\n            const buyer = sale.createdAddressOwner\n            const receivedUsdAmount = (sale?.payout ?? 0) * sale?.payoutTokenPrice\n            const discount = 100 - (sale.dollarValue * 100) / receivedUsdAmount\n            const isUserTheBuyer = buyer?.toLowerCase() === account?.toLowerCase()\n            const payoutToken = sale.payoutToken === 'LL.e' ? 'LL' : sale.payoutToken\n\n            return (\n              <Flex\n                sx={{\n                  width: '100%',\n                  background: 'white3',\n                  border: '2px solid var(--theme-ui-colors-textDisabledButton)',\n                  height: '49px',\n                  mb: '5px',\n                  borderRadius: 'normal',\n                  alignItems: 'center',\n                  justifyContent: 'space-between',\n                  fontSize: '12px',\n                }}\n                key={sale.transactionHash}\n              >\n                <Flex sx={{ width: '170px', alignItems: 'center' }}>\n                  <Flex sx={{ width: '30px', justifyContent: 'center' }}>{index + 4}</Flex>\n                  <TokenImage symbol={payoutToken} chain={sale.chainId} size={28} />\n                  <Flex sx={{ ml: '10px' }}>{sale.payoutToken}</Flex>\n                </Flex>\n                <Flex sx={{ width: '120px', justifyContent: 'center' }}>\n                  {formatUTCDate(new Date(sale.createdAt * 1000))}\n                </Flex>\n                <Flex sx={{ width: '160px', justifyContent: 'center', position: 'relative' }}>\n                  <Flex sx={{ position: 'relative' }}>\n                    {buyer?.slice(0, 4)}...\n                    {buyer?.slice(buyer?.length - 4, buyer?.length)}\n                    {isUserTheBuyer && <Flex sx={styles.youCard}>You</Flex>}\n                  </Flex>\n                </Flex>\n                <Flex sx={{ width: '110px', justifyContent: 'center' }}>${sale.dollarValue.toFixed(2)}</Flex>\n                <Flex sx={{ width: '110px', justifyContent: 'center' }}>${receivedUsdAmount?.toFixed(2)}</Flex>\n                <Flex sx={{ width: '85px', justifyContent: 'center', color: discount > 0 ? 'success' : 'error' }}>\n                  {discount.toFixed(2)}%\n                </Flex>\n              </Flex>\n            )\n          })}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default SalesTable\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/ProjectView/components/BondLeaderboard/components/TopSaleCard.js

@@ -0,0 +1,46 @@
+import { styles } from './styles.js';
+import '../../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../../components/uikit-sdk/Svg/types.js';
+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 '../../../../../components/uikit-sdk/Button/types.js';
+import '../../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../../contexts/ModalContext.js';
+import '../../../../FullBondsView/FullBondsView.js';
+import '../../../../../components/uikit-sdk/Select/types.js';
+import '../../../../../utils/campaignStyles.js';
+import { formatUTCDate } from '../../../../../utils/dates/formatDate.js';
+import useEVMAccount from '../../../../../hooks/accounts/useEVMAccount.js';
+import { jsxs, jsx } from '../../../../../node_modules/@theme-ui/core/jsx-runtime/dist/theme-ui-core-jsx-runtime.esm.js';
+
+const TopSaleCard = ({ sale, position }) => {
+    var _a, _b, _c, _d;
+    const { address: account } = useEVMAccount();
+    const buyer = sale === null || sale === void 0 ? void 0 : sale.createdAddressOwner;
+    const isUserTheBuyer = (buyer === null || buyer === void 0 ? void 0 : buyer.toLowerCase()) === (account === null || account === void 0 ? void 0 : account.toLowerCase());
+    const receivedUsdAmount = ((_a = sale === null || sale === void 0 ? void 0 : sale.payout) !== null && _a !== void 0 ? _a : 0) * ((_b = sale === null || sale === void 0 ? void 0 : sale.payoutTokenPrice) !== null && _b !== void 0 ? _b : 0);
+    const discount = 100 - (((_c = sale === null || sale === void 0 ? void 0 : sale.dollarValue) !== null && _c !== void 0 ? _c : 0) * 100) / receivedUsdAmount;
+    const borderColor = ['2px solid #E6C7B180', '2px solid #D5CDE480', '2px solid #D2B0BA80'];
+    const size = [
+        ['60px', '60px', '60px', '225px'],
+        ['60px', '60px', '60px', '200px'],
+        ['60px', '60px', '60px', '200px'],
+    ];
+    return (jsxs(Flex, { sx: Object.assign(Object.assign({}, styles.topSaleCardContainer), { border: borderColor[position - 1] }), children: [jsxs(Flex, { sx: { width: ['100%', '100%', '100%', '180px'], flexDirection: 'column' }, children: [jsxs(Flex, { children: [jsx(Flex, { sx: styles.positionNumber, children: position }), jsxs(Flex, { sx: { flexDirection: 'column', ml: '10px' }, children: [jsx(Flex, { sx: { fontSize: '10px', color: 'textDisabledButton' }, children: "Buyer" }), jsxs(Flex, { sx: { fontSize: '12px', lineHeight: '13px', position: 'relative' }, children: [buyer === null || buyer === void 0 ? void 0 : buyer.slice(0, 4), "...", buyer === null || buyer === void 0 ? void 0 : buyer.slice((buyer === null || buyer === void 0 ? void 0 : buyer.length) - 4, buyer === null || buyer === void 0 ? void 0 : buyer.length), isUserTheBuyer && jsx(Flex, { sx: styles.youCard, children: "You" })] })] })] }), jsxs(Flex, { sx: { mt: '20px', width: '100%', fontSize: '12px', fontWeight: 400, flexDirection: 'column' }, children: [jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsx(Flex, { children: "Deposit Amount:" }), jsxs(Flex, { children: ["$", sale === null || sale === void 0 ? void 0 : sale.dollarValue.toFixed(2)] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsx(Flex, { children: "Payout Amount:" }), jsxs(Flex, { children: ["$", receivedUsdAmount === null || receivedUsdAmount === void 0 ? void 0 : receivedUsdAmount.toFixed(2)] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsx(Flex, { children: "Bonus:" }), jsxs(Flex, { sx: { color: discount > 0 ? 'success' : 'error' }, children: [discount === null || discount === void 0 ? void 0 : discount.toFixed(2), "%"] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsx(Flex, { children: "Date:" }), jsx(Flex, { children: formatUTCDate(new Date(((_d = sale === null || sale === void 0 ? void 0 : sale.createdAt) !== null && _d !== void 0 ? _d : 0) * 1000)) })] })] })] }), jsx("img", { src: `https://ape.bond/images/singleBondPage/${position}.png`, alt: "ads", sx: Object.assign({ width: size[position - 1], height: size[position - 1] }, styles.medals) }), jsx(Flex, { sx: {
+                    position: 'absolute',
+                    width: '50%',
+                    right: '0px',
+                    height: '100%',
+                    background: '#BF5AC7',
+                    opacity: 0.2,
+                    filter: 'blur(92px)',
+                } })] }));
+};
+
+export { TopSaleCard as default };
+//# sourceMappingURL=TopSaleCard.js.map

package/dist/views/ProjectView/components/BondLeaderboard/components/TopSaleCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopSaleCard.js","sources":["../../../../../../src/views/ProjectView/components/BondLeaderboard/components/TopSaleCard.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { Flex } from '../../../../../components/uikit-sdk'\nimport { formatUTCDate } from '../../../../../utils/dates/formatDate'\nimport { Sales } from '../../../../../state/bondApiStats/useUserApiStats'\nimport useEVMAccount from '../../../../../hooks/accounts/useEVMAccount'\n\nconst TopSaleCard = ({ sale, position }: { sale?: Sales; position: number }) => {\n  const { address: account } = useEVMAccount()\n  const buyer = sale?.createdAddressOwner\n  const isUserTheBuyer = buyer?.toLowerCase() === account?.toLowerCase()\n  const receivedUsdAmount = (sale?.payout ?? 0) * (sale?.payoutTokenPrice ?? 0)\n  const discount = 100 - ((sale?.dollarValue ?? 0) * 100) / receivedUsdAmount\n\n  const borderColor = ['2px solid #E6C7B180', '2px solid #D5CDE480', '2px solid #D2B0BA80']\n  const size = [\n    ['60px', '60px', '60px', '225px'],\n    ['60px', '60px', '60px', '200px'],\n    ['60px', '60px', '60px', '200px'],\n  ]\n\n  return (\n    <Flex sx={{ ...styles.topSaleCardContainer, border: borderColor[position - 1] }}>\n      <Flex sx={{ width: ['100%', '100%', '100%', '180px'], flexDirection: 'column' }}>\n        <Flex>\n          <Flex sx={styles.positionNumber}>{position}</Flex>\n          <Flex sx={{ flexDirection: 'column', ml: '10px' }}>\n            <Flex sx={{ fontSize: '10px', color: 'textDisabledButton' }}>Buyer</Flex>\n            <Flex sx={{ fontSize: '12px', lineHeight: '13px', position: 'relative' }}>\n              {buyer?.slice(0, 4)}...\n              {buyer?.slice(buyer?.length - 4, buyer?.length)}\n              {isUserTheBuyer && <Flex sx={styles.youCard}>You</Flex>}\n            </Flex>\n          </Flex>\n        </Flex>\n        <Flex sx={{ mt: '20px', width: '100%', fontSize: '12px', fontWeight: 400, flexDirection: 'column' }}>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n            <Flex>Deposit Amount:</Flex>\n            <Flex>${sale?.dollarValue.toFixed(2)}</Flex>\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n            <Flex>Payout Amount:</Flex>\n            <Flex>${receivedUsdAmount?.toFixed(2)}</Flex>\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n            <Flex>Bonus:</Flex>\n            <Flex sx={{ color: discount > 0 ? 'success' : 'error' }}>{discount?.toFixed(2)}%</Flex>\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n            <Flex>Date:</Flex>\n            <Flex>{formatUTCDate(new Date((sale?.createdAt ?? 0) * 1000))}</Flex>\n          </Flex>\n        </Flex>\n      </Flex>\n      <img\n        src={`https://ape.bond/images/singleBondPage/${position}.png`}\n        alt=\"ads\"\n        sx={{\n          width: size[position - 1],\n          height: size[position - 1],\n          ...styles.medals,\n        }}\n      />\n      <Flex\n        sx={{\n          position: 'absolute',\n          width: '50%',\n          right: '0px',\n          height: '100%',\n          background: '#BF5AC7',\n          opacity: 0.2,\n          filter: 'blur(92px)',\n        }}\n      />\n    </Flex>\n  )\n}\n\nexport default TopSaleCard\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/views/ProjectView/components/BondLeaderboard/components/TopThreeSalesCards.js

@@ -0,0 +1,24 @@
+import TopSaleCard from './TopSaleCard.js';
+import '../../../../../node_modules/tslib/tslib.es6.js';
+import '../../../../../components/uikit-sdk/Svg/types.js';
+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 { Fragment } from 'react';
+import '../../../../../components/uikit-sdk/Button/types.js';
+import '../../../../../components/uikit-sdk/Button/styles.js';
+import '../../../../../contexts/ModalContext.js';
+import '../../../../FullBondsView/FullBondsView.js';
+import '../../../../../components/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 TopThreeSalesCards = ({ topThreeSales }) => {
+    return (jsx(Flex, { sx: { width: '100%', mt: '15px', justifyContent: 'space-between' }, children: jsx(Flex, { sx: { width: '100%' }, children: topThreeSales && topThreeSales.length > 0 && (jsxs(Fragment, { children: [jsxs(Flex, { sx: { width: '100%', display: ['none', 'none', 'none', 'flex'] }, children: [jsx(Flex, { sx: { width: ['32%'], mt: '15px' }, children: topThreeSales[1] && jsx(TopSaleCard, { sale: topThreeSales[1], position: 2 }) }), jsx(Flex, { sx: { width: ['36%'], mx: '20px' }, children: topThreeSales[0] && jsx(TopSaleCard, { sale: topThreeSales[0], position: 1 }) }), jsx(Flex, { sx: { width: ['32%'], mt: '15px' }, children: topThreeSales[2] && jsx(TopSaleCard, { sale: topThreeSales[2], position: 3 }) })] }), jsxs(Flex, { sx: { width: '100%', flexDirection: 'column', display: ['flex', 'flex', 'flex', 'none'] }, children: [topThreeSales[0] && jsx(TopSaleCard, { sale: topThreeSales[0], position: 1 }), jsx(Flex, { sx: { mt: '10px' }, children: topThreeSales[1] && jsx(TopSaleCard, { sale: topThreeSales[1], position: 2 }) }), jsx(Flex, { sx: { mt: '10px' }, children: topThreeSales[2] && jsx(TopSaleCard, { sale: topThreeSales[2], position: 3 }) })] })] })) }) }));
+};
+
+export { TopThreeSalesCards as default };
+//# sourceMappingURL=TopThreeSalesCards.js.map

package/dist/views/ProjectView/components/BondLeaderboard/components/TopThreeSalesCards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopThreeSalesCards.js","sources":["../../../../../../src/views/ProjectView/components/BondLeaderboard/components/TopThreeSalesCards.tsx"],"sourcesContent":["import React from 'react'\nimport TopSaleCard from './TopSaleCard'\nimport { Flex } from '../../../../../components/uikit-sdk'\nimport { Sales } from '../../../../../state/bondApiStats/useUserApiStats'\n\nconst TopThreeSalesCards = ({ topThreeSales }: { topThreeSales?: Sales[] }) => {\n  return (\n    <Flex sx={{ width: '100%', mt: '15px', justifyContent: 'space-between' }}>\n      <Flex sx={{ width: '100%' }}>\n        {topThreeSales && topThreeSales.length > 0 && (\n          <>\n            {/* DESKTOP */}\n            <Flex sx={{ width: '100%', display: ['none', 'none', 'none', 'flex'] }}>\n              <Flex sx={{ width: ['32%'], mt: '15px' }}>\n                {topThreeSales[1] && <TopSaleCard sale={topThreeSales[1]} position={2} />}\n              </Flex>\n              <Flex sx={{ width: ['36%'], mx: '20px' }}>\n                {topThreeSales[0] && <TopSaleCard sale={topThreeSales[0]} position={1} />}\n              </Flex>\n              <Flex sx={{ width: ['32%'], mt: '15px' }}>\n                {topThreeSales[2] && <TopSaleCard sale={topThreeSales[2]} position={3} />}\n              </Flex>\n            </Flex>\n            {/* MOBILE */}\n            <Flex sx={{ width: '100%', flexDirection: 'column', display: ['flex', 'flex', 'flex', 'none'] }}>\n              {topThreeSales[0] && <TopSaleCard sale={topThreeSales[0]} position={1} />}\n              <Flex sx={{ mt: '10px' }}>\n                {topThreeSales[1] && <TopSaleCard sale={topThreeSales[1]} position={2} />}\n              </Flex>\n              <Flex sx={{ mt: '10px' }}>\n                {topThreeSales[2] && <TopSaleCard sale={topThreeSales[2]} position={3} />}\n              </Flex>\n            </Flex>\n          </>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default TopThreeSalesCards\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;AAKA,MAAM,kBAAkB,GAAG,CAAC,EAAE,aAAa,EAA+B,KAAI;AAC5E,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,EAAA,QAAA,EACtEA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EACxB,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,KACxCC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAEED,KAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAA,CACpED,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrC,aAAa,CAAC,CAAC,CAAC,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,EAAA,CACpE,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrC,aAAa,CAAC,CAAC,CAAC,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,EAAA,CACpE,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrC,aAAa,CAAC,CAAC,CAAC,IAAIA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,GACpE,CAAA,EAAA,CACF,EAEPC,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAA,CAC5F,aAAa,CAAC,CAAC,CAAC,IAAID,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,EACzEA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrB,aAAa,CAAC,CAAC,CAAC,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,GACpE,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EACrB,aAAa,CAAC,CAAC,CAAC,IAAIA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,CAAI,EAAA,CACpE,IACF,CAAA,EAAA,CACN,CACJ,EAAA,CACI,EAAA,CACF;AAEX;;;;"}