@ape.swap/bonds-sdk 3.1.8 → 3.1.9-test.3

package/dist/views/BuyBond/findHighestTrueBondPrice.js

@@ -0,0 +1,51 @@
+import BigNumber from 'bignumber.js';
+
+/**
+ * Finds the highest TrueBondPrices element where userPoints is higher than points in the array.
+ * @param userPoints - The user's points as a string representing a BigNumber.
+ * @param bondData - Bond Data containing an array of TrueBondPrices to analyze.
+ * @returns The highest TrueBondPrices element where userPoints is higher than the item's points, or `undefined` if none matches.
+ */
+const findHighestTrueBondPrice = (userPoints, bondData) => {
+    if (!userPoints || !bondData || !bondData.trueBondPrices)
+        return undefined;
+    const userPointsBigNumber = new BigNumber(userPoints);
+    // Filter higher discounts that the user can't access
+    const eligiblePrices = bondData.trueBondPrices.filter((price) => userPointsBigNumber.gte(new BigNumber(price.points)));
+    if (!eligiblePrices || eligiblePrices.length === 0)
+        return undefined;
+    // Find the highest points among the eligible prices
+    return eligiblePrices.reduce((highest, current) => {
+        const highestPoints = new BigNumber(highest.points);
+        const currentPoints = new BigNumber(current.points);
+        return currentPoints.isGreaterThan(highestPoints) ? current : highest;
+    });
+};
+const findHighestTrueBondPrices = (userPoints, trueBondPrices) => {
+    if (!userPoints || !trueBondPrices)
+        return undefined;
+    const userPointsBigNumber = new BigNumber(userPoints);
+    // Filter higher discounts that the user can't access
+    const eligiblePrices = trueBondPrices.filter((price) => userPointsBigNumber.gte(new BigNumber(price.points)));
+    if (!eligiblePrices || eligiblePrices.length === 0)
+        return undefined;
+    // Find the highest points among the eligible prices
+    return eligiblePrices.reduce((highest, current) => {
+        const highestPoints = new BigNumber(highest.points);
+        const currentPoints = new BigNumber(current.points);
+        return currentPoints.isGreaterThan(highestPoints) ? current : highest;
+    });
+};
+/**
+ * Finds the TrueBondPrices element with the highest points in the array, regardless of user points.
+ * @param bondData - Bond Data containing an array of TrueBondPrices to analyze.
+ * @returns The TrueBondPrices element with the highest points, or `undefined` if no data is available.
+ */
+const findHighestTrueBondPriceUserAgnostic = (bondData) => {
+    if (!bondData?.trueBondPrices?.length)
+        return undefined;
+    return bondData.trueBondPrices.reduce((highest, current) => new BigNumber(current.points).isGreaterThan(new BigNumber(highest.points)) ? current : highest);
+};
+
+export { findHighestTrueBondPrice, findHighestTrueBondPriceUserAgnostic, findHighestTrueBondPrices };
+//# sourceMappingURL=findHighestTrueBondPrice.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"findHighestTrueBondPrice.js","sources":["../../../src/views/BuyBond/findHighestTrueBondPrice.ts"],"sourcesContent":["import BigNumber from 'bignumber.js'\nimport { BondsData, TrueBondPrices } from '../../types/bonds' // Assuming the TrueBondPrices array comes from here\n\n/**\n * Finds the highest TrueBondPrices element where userPoints is higher than points in the array.\n * @param userPoints - The user's points as a string representing a BigNumber.\n * @param bondData - Bond Data containing an array of TrueBondPrices to analyze.\n * @returns The highest TrueBondPrices element where userPoints is higher than the item's points, or `undefined` if none matches.\n */\nexport const findHighestTrueBondPrice = (\n  userPoints?: string | null,\n  bondData?: BondsData,\n): TrueBondPrices | undefined => {\n  if (!userPoints || !bondData || !bondData.trueBondPrices) return undefined\n\n  const userPointsBigNumber = new BigNumber(userPoints)\n\n  // Filter higher discounts that the user can't access\n  const eligiblePrices = bondData.trueBondPrices.filter((price) => userPointsBigNumber.gte(new BigNumber(price.points)))\n  if (!eligiblePrices || eligiblePrices.length === 0) return undefined\n\n  // Find the highest points among the eligible prices\n  return eligiblePrices.reduce((highest, current) => {\n    const highestPoints = new BigNumber(highest.points)\n    const currentPoints = new BigNumber(current.points)\n\n    return currentPoints.isGreaterThan(highestPoints) ? current : highest\n  })\n}\nexport const findHighestTrueBondPrices = (\n  userPoints?: string | null,\n  trueBondPrices?: TrueBondPrices[],\n): TrueBondPrices | undefined => {\n  if (!userPoints || !trueBondPrices) return undefined\n\n  const userPointsBigNumber = new BigNumber(userPoints)\n\n  // Filter higher discounts that the user can't access\n  const eligiblePrices = trueBondPrices.filter((price) => userPointsBigNumber.gte(new BigNumber(price.points)))\n  if (!eligiblePrices || eligiblePrices.length === 0) return undefined\n\n  // Find the highest points among the eligible prices\n  return eligiblePrices.reduce((highest, current) => {\n    const highestPoints = new BigNumber(highest.points)\n    const currentPoints = new BigNumber(current.points)\n\n    return currentPoints.isGreaterThan(highestPoints) ? current : highest\n  })\n}\n\n/**\n * Finds the TrueBondPrices element with the highest points in the array, regardless of user points.\n * @param bondData - Bond Data containing an array of TrueBondPrices to analyze.\n * @returns The TrueBondPrices element with the highest points, or `undefined` if no data is available.\n */\nexport const findHighestTrueBondPriceUserAgnostic = (bondData?: BondsData): TrueBondPrices | undefined => {\n  if (!bondData?.trueBondPrices?.length) return undefined\n\n  return bondData.trueBondPrices.reduce((highest, current) =>\n    new BigNumber(current.points).isGreaterThan(new BigNumber(highest.points)) ? current : highest,\n  )\n}\n"],"names":[],"mappings":";;AAGA;;;;;AAKG;MACU,wBAAwB,GAAG,CACtC,UAA0B,EAC1B,QAAoB,KACU;IAC9B,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,cAAc;AAAE,QAAA,OAAO,SAAS;AAE1E,IAAA,MAAM,mBAAmB,GAAG,IAAI,SAAS,CAAC,UAAU,CAAC;;IAGrD,MAAM,cAAc,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,mBAAmB,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;AACtH,IAAA,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,SAAS;;IAGpE,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,OAAO,KAAI;QAChD,MAAM,aAAa,GAAG,IAAI,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC;QACnD,MAAM,aAAa,GAAG,IAAI,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC;AAEnD,QAAA,OAAO,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,OAAO,GAAG,OAAO;AACvE,IAAA,CAAC,CAAC;AACJ;MACa,yBAAyB,GAAG,CACvC,UAA0B,EAC1B,cAAiC,KACH;AAC9B,IAAA,IAAI,CAAC,UAAU,IAAI,CAAC,cAAc;AAAE,QAAA,OAAO,SAAS;AAEpD,IAAA,MAAM,mBAAmB,GAAG,IAAI,SAAS,CAAC,UAAU,CAAC;;IAGrD,MAAM,cAAc,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,mBAAmB,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;AAC7G,IAAA,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,SAAS;;IAGpE,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,OAAO,KAAI;QAChD,MAAM,aAAa,GAAG,IAAI,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC;QACnD,MAAM,aAAa,GAAG,IAAI,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC;AAEnD,QAAA,OAAO,aAAa,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,OAAO,GAAG,OAAO;AACvE,IAAA,CAAC,CAAC;AACJ;AAEA;;;;AAIG;AACI,MAAM,oCAAoC,GAAG,CAAC,QAAoB,KAAgC;AACvG,IAAA,IAAI,CAAC,QAAQ,EAAE,cAAc,EAAE,MAAM;AAAE,QAAA,OAAO,SAAS;AAEvD,IAAA,OAAO,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,OAAO,KACrD,IAAI,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,OAAO,GAAG,OAAO,CAC/F;AACH;;;;"}

package/dist/views/BuyBond/index.js

@@ -0,0 +1,12 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import Providers from '../../providers/index.js';
+import { useSDKConfig } from '../../state/useSDKConfig.js';
+import BuyBondModal from './BuyBondModal.js';
+
+const BuyBondModalWithProviders = (props) => {
+    useSDKConfig(props);
+    return (jsx(Providers, { theme: props.theme, children: jsx(BuyBondModal, { ...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 { BuyBondProps } from './BuyBond'\nimport { SDKProps, useSDKConfig } from '../../state/useSDKConfig'\nimport BuyBondModal from './BuyBondModal'\n\ninterface Props extends SDKProps, BuyBondProps {}\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,EAAA,GAAK,KAAK,EAAA,CAAI,EAAA,CACjB;AAEhB;;;;"}

package/dist/views/FullBondsView/FullBondsView.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import '../../components/uikit-sdk/Svg/types.js';
+import 'theme-ui';
+import Flex from '../../components/uikit-sdk/Flex/index.js';
+import '../../components/uikit-sdk/Text/types.js';
+import '../../components/uikit-sdk/Checkbox/types.js';
+import '../../components/uikit-sdk/Skeleton/types.js';
+import '../../components/uikit-sdk/Skeleton/styles.js';
+import '../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import 'framer-motion';
+import '../../components/uikit-sdk/Button/types.js';
+import '../../contexts/ModalContext.js';
+import Toggle from '../../components/uikit-sdk/Toggle/index.js';
+import '../../components/uikit-sdk/Select/types.js';
+import YourBonds from '../YourBonds/YourBonds.js';
+import Bonds from '../Bonds/Bonds.js';
+import useActiveView from '../../state/activeView/index.js';
+
+var BondsViewOptions;
+(function (BondsViewOptions) {
+    BondsViewOptions["BONDSMARKET"] = "Bonds Market";
+    BondsViewOptions["YOURBONDS"] = "Your Bonds";
+})(BondsViewOptions || (BondsViewOptions = {}));
+const FullBondsView = () => {
+    const { activeView, handleToogle } = useActiveView();
+    return (jsxs("div", { className: "full-bonds-view-container", children: [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'\n\nexport enum BondsViewOptions {\n  BONDSMARKET = 'Bonds Market',\n  YOURBONDS = 'Your Bonds',\n}\n\nconst FullBondsView = () => {\n  const { activeView, handleToogle } = useActiveView()\n\n  return (\n    <div className=\"full-bonds-view-container\">\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":";;;;;;;;;;;;;;;;;;;IAMY;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;AAEpD,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,CACxCC,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,GAAA,CAAC,KAAK,KAAG,GAAGA,GAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CAAQ,CAAA,EAAA,CACzG;AAEV;;;;"}

package/dist/views/FullBondsView/index.js

@@ -0,0 +1,12 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import Providers from '../../providers/index.js';
+import FullBondsView from './FullBondsView.js';
+import { useSDKConfig } from '../../state/useSDKConfig.js';
+
+const FullBondsViewWithProviders = (props) => {
+    useSDKConfig(props);
+    return (jsx(Providers, { theme: 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,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,YAC5BA,GAAA,CAAC,aAAa,EAAA,EAAA,CAAG,EAAA,CACP;AAEhB;;;;"}

package/dist/views/PreTGEBonds/components/BuyComponent/BondCards.js

@@ -0,0 +1,71 @@
+import { jsxs, jsx, Fragment } from 'theme-ui/jsx-runtime';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import Flex from '../../../../components/uikit-sdk/Flex/index.js';
+import 'theme-ui';
+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 TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'react';
+import 'framer-motion';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import getTimePeriods from '../../../../utils/getTimePeriods.js';
+import { useIsMobile } from '../../../../hooks/useIsMobile.js';
+
+const BondCards = ({ bond }) => {
+    const isMobile = useIsMobile();
+    const bonus = bond?.trueBondPrices?.[0].bonus ?? 0;
+    const airdropBonus = bond.airdropBonus ?? 0;
+    const bonusToUse = bonus + airdropBonus;
+    const initialRelease = (bond?.initialRelease ?? 0) * 100;
+    return (jsxs("div", { className: "bonds-cards", children: [jsxs("div", { className: "bond-card-block", sx: {
+                    borderRadius: ['0px', '0px', '0px', 'normal'],
+                    '&:first-of-type': {
+                        borderTopRightRadius: 'normal',
+                        borderTopLeftRadius: 'normal',
+                    },
+                    '&:last-of-type': {
+                        borderBottomRightRadius: 'normal',
+                        borderBottomLeftRadius: 'normal',
+                    },
+                }, children: [jsxs(Flex, { className: "bond-card-title", sx: { alignItems: 'center' }, children: ["Bonus", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "This is the percentage of additional tokens you\u2019ll get compared to buying at market price." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: { color: 'success', alignItems: 'center' }, children: [bonusToUse?.toFixed(0), "%", bond.airdropTooltip && (jsx(TooltipBubble, { body: jsx(Fragment, { children: bond.airdropTooltip }), width: "230px", placement: isMobile ? 'bottomRight' : 'bottomLeft', transformTip: isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)', children: jsx(Flex, { sx: { width: '20px', height: '20px', alignItems: 'center', ml: '5px' }, children: jsx("img", { src: "https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png", alt: "airdrop-img", style: { width: '20px', height: '20px' } }) }) }))] })] }), jsxs("div", { className: "bond-card-block", sx: {
+                    fontSize: '13px !important',
+                    borderRadius: ['0px', '0px', '0px', 'normal'],
+                    '&:first-of-type': {
+                        borderTopRightRadius: 'normal',
+                        borderTopLeftRadius: 'normal',
+                    },
+                    '&:last-of-type': {
+                        borderBottomRightRadius: 'normal',
+                        borderBottomLeftRadius: 'normal',
+                    },
+                }, children: [jsxs(Flex, { className: "bond-card-title", children: ["TGE", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: "This is the date and time when this token will become officially live on-chain." }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), bond.tgeString] }), jsxs("div", { className: "bond-card-block", sx: {
+                    borderRadius: ['0px', '0px', '0px', 'normal'],
+                    '&:first-of-type': {
+                        borderTopRightRadius: 'normal',
+                        borderTopLeftRadius: 'normal',
+                    },
+                    '&:last-of-type': {
+                        borderBottomRightRadius: 'normal',
+                        borderBottomLeftRadius: 'normal',
+                    },
+                }, children: [jsxs("div", { className: "bond-card-title", children: ["Initial Release", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["This is the percentage of tokens you can claim immediately on ", bond.tgeString, ". The rest follows the vesting schedule."] }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), initialRelease, "%"] }), jsxs("div", { className: "bond-card-block", sx: {
+                    borderRadius: ['0px', '0px', '0px', 'normal'],
+                    '&:first-of-type': {
+                        borderTopRightRadius: 'normal',
+                        borderTopLeftRadius: 'normal',
+                    },
+                    '&:last-of-type': {
+                        borderBottomRightRadius: 'normal',
+                        borderBottomLeftRadius: 'normal',
+                    },
+                }, children: [jsxs("div", { className: "bond-card-title", children: ["Vesting Terms", initialRelease !== 100 && (jsx(TooltipBubble, { className: "tooltip-bubble", body: jsxs(Flex, { children: ["Remaining tokens will vest linearly over ", getTimePeriods(bond?.vestingTerm ?? 0).months, " months after claiming the initial release."] }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, -5%)", children: jsx("div", { className: "bond-card-tooltip", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) }))] }), initialRelease === 100 ? `0 D` : `${getTimePeriods(bond?.vestingTerm ?? 0)?.months} Mo`] })] }));
+};
+
+export { BondCards as default };
+//# sourceMappingURL=BondCards.js.map

package/dist/views/PreTGEBonds/components/BuyComponent/BondCards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BondCards.js","sources":["../../../../../src/views/PreTGEBonds/components/BuyComponent/BondCards.tsx"],"sourcesContent":["import React from 'react'\nimport { Flex, Svg, TooltipBubble } from '../../../../components/uikit-sdk'\nimport getTimePeriods from '../../../../utils/getTimePeriods'\nimport { BondsData } from '../../../../types/bonds'\nimport { useIsMobile } from '../../../../hooks/useIsMobile'\n\nconst BondCards = ({ bond }: { bond: BondsData }) => {\n  const isMobile = useIsMobile()\n  const bonus = bond?.trueBondPrices?.[0].bonus ?? 0\n  const airdropBonus = bond.airdropBonus ?? 0\n  const bonusToUse = bonus + airdropBonus\n  const initialRelease = (bond?.initialRelease ?? 0) * 100\n  return (\n    <div className=\"bonds-cards\">\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n        }}\n      >\n        <Flex className=\"bond-card-title\" sx={{ alignItems: 'center' }}>\n          Bonus\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Flex>This is the percentage of additional tokens you’ll get compared to buying at market price.</Flex>\n            }\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip\">\n              <Svg icon=\"questionCircle\" width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </Flex>\n        <Flex sx={{ color: 'success', alignItems: 'center' }}>\n          {bonusToUse?.toFixed(0)}%\n          {bond.airdropTooltip && (\n            <TooltipBubble\n              body={<>{bond.airdropTooltip}</>}\n              width=\"230px\"\n              placement={isMobile ? 'bottomRight' : 'bottomLeft'}\n              transformTip={isMobile ? 'translate(9%, 6%)' : 'translate(-3%, 6%)'}\n            >\n              <Flex sx={{ width: '20px', height: '20px', alignItems: 'center', ml: '5px' }}>\n                <img\n                  src=\"https://res.cloudinary.com/dswmrqgwy/image/upload/v1750345773/airdrop_qvh4ow.png\"\n                  alt=\"airdrop-img\"\n                  style={{ width: '20px', height: '20px' }}\n                />\n              </Flex>\n            </TooltipBubble>\n          )}\n        </Flex>\n      </div>\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          fontSize: '13px !important',\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n        }}\n      >\n        <Flex className=\"bond-card-title\">\n          TGE\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={<Flex>This is the date and time when this token will become officially live on-chain.</Flex>}\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip\">\n              <Svg icon=\"questionCircle\" width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </Flex>\n        {bond.tgeString}\n      </div>\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n        }}\n      >\n        <div className=\"bond-card-title\">\n          Initial Release\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Flex>\n                This is the percentage of tokens you can claim immediately on {bond.tgeString}. The rest follows the\n                vesting schedule.\n              </Flex>\n            }\n            width=\"230px\"\n            placement=\"bottomLeft\"\n            transformTip=\"translate(-5%, -5%)\"\n          >\n            <div className=\"bond-card-tooltip\">\n              <Svg icon=\"questionCircle\" width=\"12px\" />\n            </div>\n          </TooltipBubble>\n        </div>\n        {initialRelease}%\n      </div>\n      <div\n        className=\"bond-card-block\"\n        sx={{\n          borderRadius: ['0px', '0px', '0px', 'normal'],\n          '&:first-of-type': {\n            borderTopRightRadius: 'normal',\n            borderTopLeftRadius: 'normal',\n          },\n\n          '&:last-of-type': {\n            borderBottomRightRadius: 'normal',\n            borderBottomLeftRadius: 'normal',\n          },\n        }}\n      >\n        <div className=\"bond-card-title\">\n          Vesting Terms\n          {initialRelease !== 100 && (\n            <TooltipBubble\n              className=\"tooltip-bubble\"\n              body={\n                <Flex>\n                  Remaining tokens will vest linearly over {getTimePeriods(bond?.vestingTerm ?? 0).months} months after\n                  claiming the initial release.\n                </Flex>\n              }\n              width=\"230px\"\n              placement=\"bottomLeft\"\n              transformTip=\"translate(-5%, -5%)\"\n            >\n              <div className=\"bond-card-tooltip\">\n                <Svg icon=\"questionCircle\" width=\"12px\" />\n              </div>\n            </TooltipBubble>\n          )}\n        </div>\n        {initialRelease === 100 ? `0 D` : `${getTimePeriods(bond?.vestingTerm ?? 0)?.months} Mo`}\n      </div>\n    </div>\n  )\n}\n\nexport default BondCards\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/views/PreTGEBonds/components/BuyComponent/ParticipationSuccessful.js

@@ -0,0 +1,76 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import useTokenPrices from '../../../../state/tokenPrices/useTokenPrices.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.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 'theme-ui';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import Modal from '../../../../components/uikit-sdk/Modal/index.js';
+import 'framer-motion';
+import '../../../FullBondsView/FullBondsView.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import 'react';
+import '../../../../components/uikit-sdk/Select/types.js';
+import ModalHeader from '../../../../components/uikit-sdk/Modal/ModalHeader.js';
+import { getFirstNonZeroDigits } from '../../../../utils/roundNumber.js';
+import getTimePeriods from '../../../../utils/getTimePeriods.js';
+
+const ParticipationSuccessful = ({ onDismiss, bond, inputAmount, }) => {
+    const { data: tokenPrices } = useTokenPrices();
+    const principalTokenPrice = tokenPrices?.find((token) => token?.address?.toLowerCase() === bond?.lpToken?.address[bond?.chainId]?.toLowerCase())?.price;
+    const inputValue = parseFloat(inputAmount ?? '0');
+    const depositAmountUsd = inputValue * (principalTokenPrice ?? 0);
+    const initPrice = bond?.initPrice ?? 0;
+    const initialRelease = bond?.initialRelease ?? 0;
+    const userAllocation = depositAmountUsd / initPrice;
+    const userAllocationUsd = userAllocation * initPrice;
+    const finishTime = (bond?.redeemTime ?? 0) * 1000;
+    const finishDate = new Date(finishTime);
+    const month = finishDate.toLocaleDateString('en-US', { month: 'short' });
+    const getDayWithSuffix = (day) => {
+        if (day > 3 && day < 21)
+            return `${day}th`;
+        switch (day % 10) {
+            case 1:
+                return `${day}st`;
+            case 2:
+                return `${day}nd`;
+            case 3:
+                return `${day}rd`;
+            default:
+                return `${day}th`;
+        }
+    };
+    const day = finishDate.getDate();
+    const formattedFinishDate = `${month} ${getDayWithSuffix(day)} at 11 UTC.`;
+    const initialReleaseAmount = userAllocation * initialRelease;
+    const initialReleaseUsd = initialReleaseAmount * (bond?.initPrice ?? 0);
+    const vestedAmount = userAllocation * (1 - initialRelease);
+    const vestedAmountUsd = vestedAmount * (bond?.initPrice ?? 0);
+    return (jsxs(Modal, { children: [jsx(ModalHeader, { hideDivider: true }), jsxs(Flex, { sx: { flexDirection: 'column' }, children: [jsx(Flex, { sx: { width: '100%', justifyContent: 'center', mb: '15px' }, children: jsx(Text, { sx: { fontSize: '22px', fontWeight: 700 }, children: "Participation Successful" }) }), jsxs(Flex, { sx: {
+                            fontSize: '14px',
+                            fontWeight: 400,
+                            flexDirection: 'column',
+                        }, children: [jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: [jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: "Your Deposit" }), jsxs(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: [getFirstNonZeroDigits(inputValue, 2), " ", bond?.lpToken.symbol, jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["($", depositAmountUsd.toFixed(2), ")"] })] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '5px' }, children: [jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: "Your Allocation" }), jsxs(Flex, { sx: {
+                                            fontSize: '12px',
+                                            fontWeight: 500,
+                                        }, children: [getFirstNonZeroDigits(userAllocation, 2), " ", bond?.earnToken.symbol, jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["($", userAllocationUsd.toFixed(2), ")"] })] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '5px' }, children: [jsxs(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: ["Initial Release", jsx(TooltipBubble, { placement: 'bottomLeft', transformTip: 'translate(-6%, 0%)', width: "250px", body: jsx(Flex, { sx: { justifyContent: 'center' }, children: `You'll be able to claim an initial release of ${initialRelease * 100}% 
+                    of your allocation on ${formattedFinishDate}` }), children: jsx(Flex, { sx: { alignItems: 'center', height: '100%', ml: '5px' }, children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: {
+                                            fontSize: '12px',
+                                            fontWeight: 500,
+                                        }, children: [getFirstNonZeroDigits(initialReleaseAmount, 2), " ", bond?.earnToken.symbol, jsxs(Flex, { sx: {
+                                                    color: 'textDisabledButton',
+                                                    ml: '5px',
+                                                }, children: ["($", initialReleaseUsd.toFixed(2), ")"] })] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '5px' }, children: [jsxs(Flex, { sx: { fontSize: '12px', fontWeight: 400 }, children: ["Vested Tokens", jsx(TooltipBubble, { placement: 'bottomLeft', transformTip: 'translate(-6%, 0%)', width: "250px", body: jsx(Flex, { sx: { justifyContent: 'center' }, children: `Remaining tokens will vest linearly over ${getTimePeriods(bond.vestingTerm ?? 0).months} months after claiming the initial release.` }), children: jsx(Flex, { sx: { alignItems: 'center', height: '100%', ml: '5px' }, children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Flex, { sx: {
+                                            fontSize: '12px',
+                                            fontWeight: 500,
+                                        }, children: [getFirstNonZeroDigits(vestedAmount, 2), " ", bond?.earnToken.symbol, jsxs(Flex, { sx: { color: 'textDisabledButton', ml: '5px' }, children: ["($", vestedAmountUsd.toFixed(2), ")"] })] })] }), jsx(Flex, { sx: { mt: '10px' }, children: `Your purchased bond can be found under the "Your Bonds" tab.` })] }), jsx(Button, { onClick: onDismiss, sx: { fontSize: '16px', width: '100%', mt: '15px' }, children: "Close" })] })] }));
+};
+
+export { ParticipationSuccessful as default };
+//# sourceMappingURL=ParticipationSuccessful.js.map

package/dist/views/PreTGEBonds/components/BuyComponent/ParticipationSuccessful.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipationSuccessful.js","sources":["../../../../../src/views/PreTGEBonds/components/BuyComponent/ParticipationSuccessful.tsx"],"sourcesContent":["import React from 'react'\nimport useTokenPrices from '../../../../state/tokenPrices/useTokenPrices'\nimport { Button, Flex, Modal, Svg, TooltipBubble, Text } from '../../../../components/uikit-sdk'\nimport ModalHeader from '../../../../components/uikit-sdk/Modal/ModalHeader'\nimport { getFirstNonZeroDigits } from '../../../../utils/roundNumber'\nimport getTimePeriods from '../../../../utils/getTimePeriods'\nimport { BondsData } from '../../../../types/bonds'\n\nconst ParticipationSuccessful = ({\n  onDismiss,\n  bond,\n  inputAmount,\n}: {\n  onDismiss?: () => void\n  bond: BondsData\n  inputAmount?: string\n}) => {\n  const { data: tokenPrices } = useTokenPrices()\n  const principalTokenPrice = tokenPrices?.find(\n    (token) => token?.address?.toLowerCase() === bond?.lpToken?.address[bond?.chainId]?.toLowerCase(),\n  )?.price\n  const inputValue = parseFloat(inputAmount ?? '0')\n  const depositAmountUsd = inputValue * (principalTokenPrice ?? 0)\n  const initPrice = bond?.initPrice ?? 0\n  const initialRelease = bond?.initialRelease ?? 0\n\n  const userAllocation = depositAmountUsd / initPrice\n  const userAllocationUsd = userAllocation * initPrice\n\n  const finishTime = (bond?.redeemTime ?? 0) * 1000\n  const finishDate = new Date(finishTime)\n  const month = finishDate.toLocaleDateString('en-US', { month: 'short' })\n  const getDayWithSuffix = (day: number) => {\n    if (day > 3 && day < 21) return `${day}th`\n    switch (day % 10) {\n      case 1:\n        return `${day}st`\n      case 2:\n        return `${day}nd`\n      case 3:\n        return `${day}rd`\n      default:\n        return `${day}th`\n    }\n  }\n  const day = finishDate.getDate()\n  const formattedFinishDate = `${month} ${getDayWithSuffix(day)} at 11 UTC.`\n  const initialReleaseAmount = userAllocation * initialRelease\n  const initialReleaseUsd = initialReleaseAmount * (bond?.initPrice ?? 0)\n\n  const vestedAmount = userAllocation * (1 - initialRelease)\n  const vestedAmountUsd = vestedAmount * (bond?.initPrice ?? 0)\n\n  return (\n    <Modal>\n      <ModalHeader hideDivider />\n      <Flex sx={{ flexDirection: 'column' }}>\n        <Flex sx={{ width: '100%', justifyContent: 'center', mb: '15px' }}>\n          <Text sx={{ fontSize: '22px', fontWeight: 700 }}>Participation Successful</Text>\n        </Flex>\n        <Flex\n          sx={{\n            fontSize: '14px',\n            fontWeight: 400,\n            flexDirection: 'column',\n          }}\n        >\n          <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>Your Deposit</Flex>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>\n              {getFirstNonZeroDigits(inputValue, 2)} {bond?.lpToken.symbol}\n              <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>(${depositAmountUsd.toFixed(2)})</Flex>\n            </Flex>\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '5px' }}>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>Your Allocation</Flex>\n            <Flex\n              sx={{\n                fontSize: '12px',\n                fontWeight: 500,\n              }}\n            >\n              {getFirstNonZeroDigits(userAllocation, 2)} {bond?.earnToken.symbol}\n              <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>(${userAllocationUsd.toFixed(2)})</Flex>\n            </Flex>\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '5px' }}>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>\n              Initial Release\n              <TooltipBubble\n                placement={'bottomLeft'}\n                transformTip={'translate(-6%, 0%)'}\n                width=\"250px\"\n                body={\n                  <Flex sx={{ justifyContent: 'center' }}>\n                    {`You'll be able to claim an initial release of ${initialRelease * 100}% \n                    of your allocation on ${formattedFinishDate}`}\n                  </Flex>\n                }\n              >\n                <Flex sx={{ alignItems: 'center', height: '100%', ml: '5px' }}>\n                  <Svg icon=\"questionCircle\" width=\"12px\" />\n                </Flex>\n              </TooltipBubble>\n            </Flex>\n            <Flex\n              sx={{\n                fontSize: '12px',\n                fontWeight: 500,\n              }}\n            >\n              {getFirstNonZeroDigits(initialReleaseAmount, 2)} {bond?.earnToken.symbol}\n              <Flex\n                sx={{\n                  color: 'textDisabledButton',\n                  ml: '5px',\n                }}\n              >\n                (${initialReleaseUsd.toFixed(2)})\n              </Flex>\n            </Flex>\n          </Flex>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '5px' }}>\n            <Flex sx={{ fontSize: '12px', fontWeight: 400 }}>\n              Vested Tokens\n              <TooltipBubble\n                placement={'bottomLeft'}\n                transformTip={'translate(-6%, 0%)'}\n                width=\"250px\"\n                body={\n                  <Flex sx={{ justifyContent: 'center' }}>\n                    {`Remaining tokens will vest linearly over ${getTimePeriods(bond.vestingTerm ?? 0).months} months after claiming the initial release.`}\n                  </Flex>\n                }\n              >\n                <Flex sx={{ alignItems: 'center', height: '100%', ml: '5px' }}>\n                  <Svg icon=\"questionCircle\" width=\"12px\" />\n                </Flex>\n              </TooltipBubble>\n            </Flex>\n            <Flex\n              sx={{\n                fontSize: '12px',\n                fontWeight: 500,\n              }}\n            >\n              {getFirstNonZeroDigits(vestedAmount, 2)} {bond?.earnToken.symbol}\n              <Flex sx={{ color: 'textDisabledButton', ml: '5px' }}>(${vestedAmountUsd.toFixed(2)})</Flex>\n            </Flex>\n          </Flex>\n          <Flex sx={{ mt: '10px' }}>{`Your purchased bond can be found under the \"Your Bonds\" tab.`}</Flex>\n        </Flex>\n        <Button onClick={onDismiss} sx={{ fontSize: '16px', width: '100%', mt: '15px' }}>\n          Close\n        </Button>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default ParticipationSuccessful\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,uBAAuB,GAAG,CAAC,EAC/B,SAAS,EACT,IAAI,EACJ,WAAW,GAKZ,KAAI;IACH,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE;AAC9C,IAAA,MAAM,mBAAmB,GAAG,WAAW,EAAE,IAAI,CAC3C,CAAC,KAAK,KAAK,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,CAClG,EAAE,KAAK;IACR,MAAM,UAAU,GAAG,UAAU,CAAC,WAAW,IAAI,GAAG,CAAC;IACjD,MAAM,gBAAgB,GAAG,UAAU,IAAI,mBAAmB,IAAI,CAAC,CAAC;AAChE,IAAA,MAAM,SAAS,GAAG,IAAI,EAAE,SAAS,IAAI,CAAC;AACtC,IAAA,MAAM,cAAc,GAAG,IAAI,EAAE,cAAc,IAAI,CAAC;AAEhD,IAAA,MAAM,cAAc,GAAG,gBAAgB,GAAG,SAAS;AACnD,IAAA,MAAM,iBAAiB,GAAG,cAAc,GAAG,SAAS;IAEpD,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,UAAU,IAAI,CAAC,IAAI,IAAI;AACjD,IAAA,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC;AACvC,IAAA,MAAM,KAAK,GAAG,UAAU,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AACxE,IAAA,MAAM,gBAAgB,GAAG,CAAC,GAAW,KAAI;AACvC,QAAA,IAAI,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,EAAE;YAAE,OAAO,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;AAC1C,QAAA,QAAQ,GAAG,GAAG,EAAE;AACd,YAAA,KAAK,CAAC;gBACJ,OAAO,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;AACnB,YAAA,KAAK,CAAC;gBACJ,OAAO,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;AACnB,YAAA,KAAK,CAAC;gBACJ,OAAO,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;AACnB,YAAA;gBACE,OAAO,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;;AAEvB,IAAA,CAAC;AACD,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,EAAE;IAChC,MAAM,mBAAmB,GAAG,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,gBAAgB,CAAC,GAAG,CAAC,CAAA,WAAA,CAAa;AAC1E,IAAA,MAAM,oBAAoB,GAAG,cAAc,GAAG,cAAc;IAC5D,MAAM,iBAAiB,GAAG,oBAAoB,IAAI,IAAI,EAAE,SAAS,IAAI,CAAC,CAAC;IAEvE,MAAM,YAAY,GAAG,cAAc,IAAI,CAAC,GAAG,cAAc,CAAC;IAC1D,MAAM,eAAe,GAAG,YAAY,IAAI,IAAI,EAAE,SAAS,IAAI,CAAC,CAAC;AAE7D,IAAA,QACEA,IAAA,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,CACJC,GAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAA,IAAA,EAAA,CAAG,EAC3BD,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACnCC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAC/DA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAiC,EAAA,CAC3E,EACPD,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,4BAAA,QAAQ,EAAE,MAAM;AAChB,4BAAA,UAAU,EAAE,GAAG;AACf,4BAAA,aAAa,EAAE,QAAQ;yBACxB,EAAA,QAAA,EAAA,CAEDA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,EAAA,QAAA,EAAA,CAC1DC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,cAAA,EAAA,CAAqB,EACpED,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,CAC5C,qBAAqB,CAAC,UAAU,EAAE,CAAC,CAAC,EAAA,GAAA,EAAG,IAAI,EAAE,OAAO,CAAC,MAAM,EAC5DA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,CAAA,IAAA,EAAK,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAA,GAAA,CAAA,EAAA,CAAS,CAAA,EAAA,CACxF,CAAA,EAAA,CACF,EACPA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,CACrEC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAwB,EACvED,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,4CAAA,QAAQ,EAAE,MAAM;AAChB,4CAAA,UAAU,EAAE,GAAG;yCAChB,EAAA,QAAA,EAAA,CAEA,qBAAqB,CAAC,cAAc,EAAE,CAAC,CAAC,EAAA,GAAA,EAAG,IAAI,EAAE,SAAS,CAAC,MAAM,EAClEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,KAAK,EAAE,mBAAK,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAA,GAAA,CAAA,EAAA,CAAS,CAAA,EAAA,CACzF,CAAA,EAAA,CACF,EACPA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,CACrEA,KAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,gCAE7CC,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAE,YAAY,EACvB,YAAY,EAAE,oBAAoB,EAClC,KAAK,EAAC,OAAO,EACb,IAAI,EACFA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EACnC,CAAA,8CAAA,EAAiD,cAAc,GAAG,GAAG,CAAA;AAC9C,0CAAA,EAAA,mBAAmB,EAAE,EAAA,CACxC,EAAA,QAAA,EAGTA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAC3DA,IAAC,GAAG,EAAA,EAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,CACrC,GACO,CAAA,EAAA,CACX,EACPD,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,4CAAA,QAAQ,EAAE,MAAM;AAChB,4CAAA,UAAU,EAAE,GAAG;AAChB,yCAAA,EAAA,QAAA,EAAA,CAEA,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAC,EAAA,GAAA,EAAG,IAAI,EAAE,SAAS,CAAC,MAAM,EACxEA,KAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oDAAA,KAAK,EAAE,oBAAoB;AAC3B,oDAAA,EAAE,EAAE,KAAK;AACV,iDAAA,EAAA,QAAA,EAAA,CAAA,IAAA,EAEE,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAA,GAAA,CAAA,EAAA,CAC1B,CAAA,EAAA,CACF,CAAA,EAAA,CACF,EACPA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,CACrEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,CAAA,eAAA,EAE7CC,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAE,YAAY,EACvB,YAAY,EAAE,oBAAoB,EAClC,KAAK,EAAC,OAAO,EACb,IAAI,EACFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EACnC,CAAA,yCAAA,EAA4C,cAAc,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA,2CAAA,CAA6C,EAAA,CACjI,EAAA,QAAA,EAGTA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAC3DA,GAAA,CAAC,GAAG,EAAA,EAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,CACrC,EAAA,CACO,CAAA,EAAA,CACX,EACPD,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,4CAAA,QAAQ,EAAE,MAAM;AAChB,4CAAA,UAAU,EAAE,GAAG;AAChB,yCAAA,EAAA,QAAA,EAAA,CAEA,qBAAqB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAA,GAAA,EAAG,IAAI,EAAE,SAAS,CAAC,MAAM,EAChEA,IAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,CAAA,IAAA,EAAK,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,EAAA,GAAA,CAAA,EAAA,CAAS,CAAA,EAAA,CACvF,IACF,EACPC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAA,QAAA,EAAG,CAAA,4DAAA,CAA8D,EAAA,CAAQ,IAC5F,EACPA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,sBAEtE,CAAA,EAAA,CACJ,CAAA,EAAA,CACD;AAEZ;;;;"}

package/dist/views/PreTGEBonds/components/BuyComponent/PreTGEBuyComponent.js

@@ -0,0 +1,144 @@
+import { jsx, jsxs, Fragment } from 'theme-ui/jsx-runtime';
+import { useState } from 'react';
+import BigNumber from 'bignumber.js';
+import { styles } from './styles.js';
+import { getBalanceNumber } from '../../../../utils/getBalanceNumber.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.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 'theme-ui';
+import '../../../../components/uikit-sdk/Skeleton/types.js';
+import '../../../../components/uikit-sdk/Skeleton/styles.js';
+import TooltipBubble from '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import Modal from '../../../../components/uikit-sdk/Modal/index.js';
+import 'framer-motion';
+import '../../../FullBondsView/FullBondsView.js';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import '../../../../components/uikit-sdk/Svg/types.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import ListTag from '../../../../components/uikit-sdk/Tag/ListTag.js';
+import TokenSelectorPanel from '../../../../components/TokenSelectorPanel/index.js';
+import useCurrencyBalance from '../../../../state/balance/useCurrencyBalance.js';
+import { useAccount, useWriteContract } from 'wagmi';
+import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
+import ModalHeader from '../../../../components/uikit-sdk/Modal/ModalHeader.js';
+import ProjectDescription from '../../../BuyBond/components/ProjectDescription.js';
+import { TooltipText } from '../../../../config/constants/tooltips.js';
+import { formatNumberSI } from '../../../../utils/formatNumber.js';
+import BondCards from './BondCards.js';
+import useBondsData from '../../../../state/bonds/useBondsData.js';
+import useModal from '../../../../hooks/useModal.js';
+import TransactionModal from '../../../TransactionModal/TransactionModal.js';
+import { useApproval } from '../../../../state/allowance/useAllowance.js';
+import launchBondsABI_V2_2_0 from '../../../../config/abi/launchBond_v2_4_1.json.js';
+import ConnectButton from '../../../../components/ConnectButton/index.js';
+import track from '../../../../utils/track.js';
+
+const PreTGEBuyComponent = ({ bondAddress, bondChain, onDismiss, handlePurchasedBond, }) => {
+    const { data: preTGEBonds } = useBondsData();
+    const bond = preTGEBonds?.find((bond) => bond.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress.toLowerCase() && bond.chainId === bondChain);
+    // Hooks
+    const { address, chainId } = useAccount();
+    const { data: principalTokenBalance } = useCurrencyBalance(bond.lpToken, address, bond.chainId);
+    // Local state
+    const [inputValue, setInputValue] = useState('');
+    // Display Values
+    const raiseGoal = getBalanceNumber(new BigNumber(bond?.totalRaise ?? '0'), 18);
+    const totalPrincipalBilled = getBalanceNumber(new BigNumber(bond?.totalPrincipalBilled ?? '0'), 18);
+    const percentageSold = (totalPrincipalBilled * 100) / raiseGoal;
+    const tgePrice = bond?.tgePrice ?? 0;
+    const initPrice = bond?.initPrice ?? 0;
+    const inputValueToDisplay = parseFloat(inputValue).toFixed(2);
+    const inputValueToDisplayUSD = parseFloat(inputValueToDisplay) * parseFloat(bond?.principalTokenPrice ?? '0');
+    const youGet = parseFloat(inputValue) / initPrice;
+    const youGetUSD = youGet * tgePrice;
+    const bonusUSD = youGetUSD - inputValueToDisplayUSD;
+    const handleClose = () => {
+        if (typeof window !== 'undefined') {
+            window.history.pushState({}, '', `/bonds`);
+        }
+        onDismiss?.();
+    };
+    const [loading, setLoading] = useState(false);
+    const [buyTxHash, setHash] = useState('');
+    // Approve logic
+    const [approvalState, approveCallback] = useApproval(inputValue, bond.lpToken, bond?.contractAddress[bond.chainId], address, chainId);
+    const handleApprove = async () => {
+        return approveCallback().then(() => {
+            track({
+                event: 'approveBondClick',
+                chain: bondChain,
+                data: {
+                    cat: bond?.billType,
+                    bond: bond?.earnToken.symbol,
+                },
+            });
+        });
+    };
+    const { writeContractAsync } = useWriteContract();
+    const onBuyBill = async () => {
+        setLoading(true);
+        const amount = new BigNumber(inputValue)
+            .times(new BigNumber(10).pow(bond?.lpToken?.decimals?.[bond?.chainId] ?? 18))
+            .toString();
+        const maxPrice = new BigNumber(bond?.trueBondPrices?.[0].trueBondPrice ?? '0').times(102).div(100).toFixed(0);
+        const args = [amount, maxPrice, address];
+        await writeContractAsync({
+            address: bond?.contractAddress?.[bond.chainId],
+            abi: launchBondsABI_V2_2_0,
+            functionName: 'deposit',
+            args: args,
+            chain: bond.chainId,
+            account: address,
+        })
+            .then((hash) => {
+            setHash(hash);
+            handlePurchasedBond(hash, inputValue);
+        })
+            .finally(() => {
+            setLoading(false);
+        });
+    };
+    const [openTxModal] = useModal(jsx(TransactionModal, { txChain: bondChain, approvalState: approvalState, approveCallback: handleApprove, loadingTx: loading, txCallback: onBuyBill, bondData: bond, inputToken: bond.lpToken, inputValue: inputValue, depositAmount: inputValue, buyTxHash: buyTxHash, rateChanged: false }), false, true, 'transactionModal');
+    const { data: currencyBalanceString } = useCurrencyBalance(bond.lpToken, address, bond.chainId);
+    const exceedsBalance = parseFloat(inputValue) > parseFloat(currencyBalanceString ?? '0');
+    const saleStartTime = (bond?.initTime?.[bond.chainId] ?? 0) * 1000;
+    const saleFinishTime = (bond?.finishTime ?? 0) * 1000;
+    const now = new Date().getTime();
+    const saleHasStarted = now > saleStartTime;
+    const saleHasFinished = now > saleFinishTime || bond.finalized;
+    const error = !saleHasStarted
+        ? `Sale hasn't started`
+        : saleHasFinished
+            ? 'Sale Finished'
+            : exceedsBalance
+                ? 'Exceeds balance'
+                : percentageSold > 99.9
+                    ? 'Soldout'
+                    : !inputValue || parseFloat(inputValue) === 0
+                        ? 'Insert amount'
+                        : !bond
+                            ? 'no bond'
+                            : null;
+    return (jsxs(Modal, { onDismiss: handleClose, sx: { width: '740px' }, children: [jsx(ModalHeader, { onDismiss: handleClose, hideDivider: true }), jsx(Flex, { sx: styles.buyContainer, children: jsxs(Flex, { sx: styles.cardContainer, children: [jsx(Flex, { sx: { width: '100%', justifyContent: 'space-between' }, children: jsxs(Flex, { children: [jsxs(Flex, { children: [jsx(Flex, { className: "title-container bondicon", children: jsx(TokenImage, { symbol: bond.earnToken.symbol, size: 50, chain: bond.chainId }) }), jsxs(Flex, { className: "title-container bondname", children: [bond.earnToken.symbol, jsx(ListTag, { text: bond?.tags?.[0] })] })] }), jsxs(Flex, { sx: { flexDirection: 'column', ml: '15px' }, children: [jsxs(Flex, { className: "price-container price", children: ["$", bond.tgePrice] }), jsxs(Flex, { sx: { fontSize: '24px', fontWeight: 700 }, children: ["$", bond.initPrice] })] })] }) }), jsx(ProjectDescription, { description: bond.shortDescription, isProjectView: true }), jsx(BondCards, { bond: bond }), jsxs(Flex, { sx: { ...styles.infoRowsContainer, mt: '10px' }, children: [jsxs(Flex, { sx: styles.infoRow, children: [jsx(Text, { sx: styles.infoTitle, children: "You Spend:" }), jsxs(Text, { sx: styles.infoData, children: [isNaN(parseFloat(inputValueToDisplay)) ? 0 : inputValueToDisplay, " ", bond?.lpToken.symbol, " = $", isNaN(inputValueToDisplayUSD) ? '0' : inputValueToDisplayUSD.toFixed(2)] })] }), jsxs(Flex, { sx: styles.infoRow, children: [jsxs(Flex, { sx: { ...styles.infoTitle, alignItems: 'center' }, children: ["Bonus:", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Flex, { children: TooltipText.Premium }), width: "230px", placement: "bottomLeft", transformTip: "translate(-5%, 0%)", children: jsx(Flex, { className: "row-container premium-icon", children: jsx(Svg, { icon: "questionCircle", width: "12px" }) }) })] }), jsxs(Text, { sx: { ...styles.infoData, color: 'success' }, children: ["$", isNaN(bonusUSD) ? '0' : bonusUSD.toFixed(2)] })] }), jsxs(Flex, { sx: styles.infoRow, children: [jsx(Text, { sx: styles.infoTitle, children: "You Get:" }), jsxs(Text, { sx: styles.infoData, children: [isNaN(youGet) ? 0 : formatNumberSI(youGet, 0), " ", bond?.earnToken.symbol, " = $", isNaN(youGetUSD) ? '0' : youGetUSD.toFixed(2)] })] })] }), jsx(TokenSelectorPanel, { typedValue: inputValue, setTypedValue: setInputValue, selectedToken: bond?.lpToken, handleValueBtn: () => setInputValue(new BigNumber(principalTokenBalance ?? '0')?.toString()), handleCurrencySelect: () => null, chainId: bond?.chainId, enableZap: false, bondPrincipalToken: bond?.lpToken, tokenBalance: principalTokenBalance ?? undefined, selectedTokenPrice: parseFloat(bond?.principalTokenPrice ?? '0'), inputDisabled: false }), jsx(Flex, { sx: {
+                                width: '100%',
+                                background: '#DE62F366',
+                                justifyContent: 'center',
+                                mt: '10px',
+                                borderRadius: 'normal',
+                                p: '4px 10px',
+                                fontSize: '12px',
+                                fontWeight: 400,
+                            }, children: bond.warningCard ? (bond.warningCard) : (jsxs(Fragment, { children: ["This is a Pre-TGE Bond - Tokens will be tradeable upon listing.", jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(Text, { sx: { textTransform: 'none' }, children: "Pre-TGE Bonds are a pre-sale for tokens before their Token Generation Event (TGE), when tokens are officially launched to the public." }), width: "315px", placement: "topRight", transformTip: "translate(9%, -10%)", children: jsx(Flex, { sx: { ml: '4px', minWidth: '14px' }, children: jsx(Svg, { icon: "questionCircle", width: 12 }) }) })] })) }), jsx(Flex, { sx: {
+                                width: '100%',
+                                mt: '10px',
+                                justifyContent: 'space-between',
+                                height: ['unset', 'unset', 'unset', '40px'],
+                                flexDirection: ['column-reverse', 'column-reverse', 'column-reverse', 'row'],
+                            }, children: !address ? (jsx(ConnectButton, {})) : (jsxs(Fragment, { children: [jsx(Flex, { sx: { width: ['100%', '100%', '100%', '45%'], justifyContent: 'center' }, children: jsxs(Button, { variant: "secondary", onClick: () => window.open(`/swap?outputCurrency=${bond?.lpToken?.address[bond?.chainId]}&outputChain=${bond?.chainId}`, '_blank'), fullWidth: true, children: ["Get ", bond?.lpToken?.symbol] }) }), error ? (jsx(Button, { disabled: true, fullWidth: true, sx: { ml: ['0', '0', '0', '10px'] }, children: error })) : (jsx(Button, { disabled: loading, load: loading, onClick: openTxModal, fullWidth: true, sx: { ml: ['0', '0', '0', '10px'] }, children: "Buy" }))] })) })] }) })] }));
+};
+
+export { PreTGEBuyComponent as default };
+//# sourceMappingURL=PreTGEBuyComponent.js.map

package/dist/views/PreTGEBonds/components/BuyComponent/PreTGEBuyComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreTGEBuyComponent.js","sources":["../../../../../src/views/PreTGEBonds/components/BuyComponent/PreTGEBuyComponent.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport BigNumber from 'bignumber.js'\nimport { styles } from './styles'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport { Flex, Svg, Text, TooltipBubble, Button, ListTag, Modal } from '../../../../components/uikit-sdk'\nimport TokenSelectorPanel from '../../../../components/TokenSelectorPanel'\nimport useCurrencyBalance from '../../../../state/balance/useCurrencyBalance'\nimport { useAccount, useWriteContract } from 'wagmi'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport ModalHeader from '../../../../components/uikit-sdk/Modal/ModalHeader'\nimport ProjectDescription from '../../../BuyBond/components/ProjectDescription'\nimport { TooltipText } from '../../../../config/constants/tooltips'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport BondCards from './BondCards'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport useModal from '../../../../hooks/useModal'\nimport TransactionModal from '../../../TransactionModal/TransactionModal'\nimport { useApproval } from '../../../../state/allowance/useAllowance'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport launchBondsABI_V2_2_0 from '../../../../config/abi/launchBond_v2_4_1.json'\nimport ConnectButton from '../../../../components/ConnectButton'\nimport track from '../../../../utils/track'\n\nconst PreTGEBuyComponent = ({\n  bondAddress,\n  bondChain,\n  onDismiss,\n  handlePurchasedBond,\n}: {\n  bondAddress: string\n  bondChain: number\n  onDismiss?: () => void\n  handlePurchasedBond: (hash: string, inputAmount: string) => void\n}) => {\n  const { data: preTGEBonds } = useBondsData()\n  const bond = preTGEBonds?.find(\n    (bond) =>\n      bond.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress.toLowerCase() && bond.chainId === bondChain,\n  )!\n\n  // Hooks\n  const { address, chainId } = useAccount()\n  const { data: principalTokenBalance } = useCurrencyBalance(bond.lpToken, address as string, bond.chainId)\n  // Local state\n  const [inputValue, setInputValue] = useState<string>('')\n\n  // Display Values\n  const raiseGoal = getBalanceNumber(new BigNumber(bond?.totalRaise ?? '0'), 18)\n  const totalPrincipalBilled = getBalanceNumber(new BigNumber(bond?.totalPrincipalBilled ?? '0'), 18)\n  const percentageSold = (totalPrincipalBilled * 100) / raiseGoal\n  const tgePrice = bond?.tgePrice ?? 0\n  const initPrice = bond?.initPrice ?? 0\n\n  const inputValueToDisplay = parseFloat(inputValue).toFixed(2)\n  const inputValueToDisplayUSD = parseFloat(inputValueToDisplay) * parseFloat(bond?.principalTokenPrice ?? '0')\n  const youGet = parseFloat(inputValue) / initPrice\n  const youGetUSD = youGet * tgePrice\n  const bonusUSD = youGetUSD - inputValueToDisplayUSD\n\n  const handleClose = () => {\n    if (typeof window !== 'undefined') {\n      window.history.pushState({}, '', `/bonds`)\n    }\n    onDismiss?.()\n  }\n\n  const [loading, setLoading] = useState<boolean>(false)\n  const [buyTxHash, setHash] = useState<string>('')\n  // Approve logic\n  const [approvalState, approveCallback] = useApproval(\n    inputValue,\n    bond.lpToken,\n    bond?.contractAddress[bond.chainId] as `0x${string}`,\n    address as string,\n    chainId as ChainId,\n  )\n  const handleApprove = async () => {\n    return approveCallback().then(() => {\n      track({\n        event: 'approveBondClick',\n        chain: bondChain,\n        data: {\n          cat: bond?.billType,\n          bond: bond?.earnToken.symbol,\n        },\n      })\n    })\n  }\n  const { writeContractAsync } = useWriteContract()\n  const onBuyBill = async () => {\n    setLoading(true)\n    const amount = new BigNumber(inputValue)\n      .times(new BigNumber(10).pow(bond?.lpToken?.decimals?.[bond?.chainId] ?? 18))\n      .toString()\n    const maxPrice = new BigNumber(bond?.trueBondPrices?.[0].trueBondPrice ?? '0').times(102).div(100).toFixed(0)\n    const args = [amount, maxPrice, address]\n\n    await writeContractAsync({\n      address: bond?.contractAddress?.[bond.chainId] as `0x${string}`,\n      abi: launchBondsABI_V2_2_0,\n      functionName: 'deposit',\n      args: args,\n      chain: bond.chainId as any,\n      account: address,\n    })\n      .then((hash) => {\n        setHash(hash)\n        handlePurchasedBond(hash, inputValue)\n      })\n      .finally(() => {\n        setLoading(false)\n      })\n  }\n\n  const [openTxModal] = useModal(\n    <TransactionModal\n      txChain={bondChain}\n      approvalState={approvalState}\n      approveCallback={handleApprove}\n      loadingTx={loading}\n      txCallback={onBuyBill}\n      bondData={bond!}\n      inputToken={bond.lpToken}\n      inputValue={inputValue}\n      depositAmount={inputValue}\n      buyTxHash={buyTxHash}\n      rateChanged={false}\n    />,\n    false,\n    true,\n    'transactionModal',\n  )\n\n  const { data: currencyBalanceString } = useCurrencyBalance(bond.lpToken, address as string, bond.chainId)\n  const exceedsBalance = parseFloat(inputValue) > parseFloat(currencyBalanceString ?? '0')\n  const saleStartTime = (bond?.initTime?.[bond.chainId] ?? 0) * 1000\n  const saleFinishTime = (bond?.finishTime ?? 0) * 1000\n  const now = new Date().getTime()\n  const saleHasStarted = now > saleStartTime\n  const saleHasFinished = now > saleFinishTime || bond.finalized\n\n  const error = !saleHasStarted\n    ? `Sale hasn't started`\n    : saleHasFinished\n      ? 'Sale Finished'\n      : exceedsBalance\n        ? 'Exceeds balance'\n        : percentageSold > 99.9\n          ? 'Soldout'\n          : !inputValue || parseFloat(inputValue) === 0\n            ? 'Insert amount'\n            : !bond\n              ? 'no bond'\n              : null\n\n  return (\n    <Modal onDismiss={handleClose} sx={{ width: '740px' }}>\n      <ModalHeader onDismiss={handleClose} hideDivider />\n      <Flex sx={styles.buyContainer}>\n        <Flex sx={styles.cardContainer}>\n          <Flex sx={{ width: '100%', justifyContent: 'space-between' }}>\n            <Flex>\n              <Flex>\n                <Flex className=\"title-container bondicon\">\n                  <TokenImage symbol={bond.earnToken.symbol} size={50} chain={bond.chainId} />\n                </Flex>\n                <Flex className=\"title-container bondname\">\n                  {bond.earnToken.symbol}\n                  <ListTag text={bond?.tags?.[0]} />\n                </Flex>\n              </Flex>\n              <Flex sx={{ flexDirection: 'column', ml: '15px' }}>\n                <Flex className=\"price-container price\">${bond.tgePrice}</Flex>\n                <Flex sx={{ fontSize: '24px', fontWeight: 700 }}>${bond.initPrice}</Flex>\n              </Flex>\n            </Flex>\n          </Flex>\n          <ProjectDescription description={bond.shortDescription} isProjectView />\n          <BondCards bond={bond} />\n          <Flex sx={{ ...styles.infoRowsContainer, mt: '10px' }}>\n            <Flex sx={styles.infoRow}>\n              <Text sx={styles.infoTitle}>You Spend:</Text>\n              <Text sx={styles.infoData}>\n                {isNaN(parseFloat(inputValueToDisplay)) ? 0 : inputValueToDisplay} {bond?.lpToken.symbol} = $\n                {isNaN(inputValueToDisplayUSD) ? '0' : inputValueToDisplayUSD.toFixed(2)}\n              </Text>\n            </Flex>\n            <Flex sx={styles.infoRow}>\n              <Flex sx={{ ...styles.infoTitle, alignItems: 'center' }}>\n                Bonus:\n                <TooltipBubble\n                  className=\"tooltip-bubble\"\n                  body={<Flex>{TooltipText.Premium}</Flex>}\n                  width=\"230px\"\n                  placement=\"bottomLeft\"\n                  transformTip=\"translate(-5%, 0%)\"\n                >\n                  <Flex className=\"row-container premium-icon\">\n                    <Svg icon=\"questionCircle\" width=\"12px\" />\n                  </Flex>\n                </TooltipBubble>\n              </Flex>\n              <Text sx={{ ...styles.infoData, color: 'success' }}>${isNaN(bonusUSD) ? '0' : bonusUSD.toFixed(2)}</Text>\n            </Flex>\n            <Flex sx={styles.infoRow}>\n              <Text sx={styles.infoTitle}>You Get:</Text>\n              <Text sx={styles.infoData}>\n                {isNaN(youGet) ? 0 : formatNumberSI(youGet, 0)} {bond?.earnToken.symbol} = $\n                {isNaN(youGetUSD) ? '0' : youGetUSD.toFixed(2)}\n              </Text>\n            </Flex>\n          </Flex>\n          <TokenSelectorPanel\n            typedValue={inputValue}\n            setTypedValue={setInputValue}\n            selectedToken={bond?.lpToken}\n            handleValueBtn={() => setInputValue(new BigNumber(principalTokenBalance ?? '0')?.toString())}\n            handleCurrencySelect={() => null}\n            chainId={bond?.chainId}\n            enableZap={false}\n            bondPrincipalToken={bond?.lpToken}\n            tokenBalance={principalTokenBalance ?? undefined}\n            selectedTokenPrice={parseFloat(bond?.principalTokenPrice ?? '0')}\n            inputDisabled={false}\n          />\n          <Flex\n            sx={{\n              width: '100%',\n              background: '#DE62F366',\n              justifyContent: 'center',\n              mt: '10px',\n              borderRadius: 'normal',\n              p: '4px 10px',\n              fontSize: '12px',\n              fontWeight: 400,\n            }}\n          >\n            {bond.warningCard ? (\n              bond.warningCard\n            ) : (\n              <>\n                This is a Pre-TGE Bond - Tokens will be tradeable upon listing.\n                <TooltipBubble\n                  className=\"tooltip-bubble\"\n                  body={\n                    <Text sx={{ textTransform: 'none' }}>\n                      Pre-TGE Bonds are a pre-sale for tokens before their Token Generation Event (TGE), when tokens are\n                      officially launched to the public.\n                    </Text>\n                  }\n                  width=\"315px\"\n                  placement=\"topRight\"\n                  transformTip=\"translate(9%, -10%)\"\n                >\n                  <Flex sx={{ ml: '4px', minWidth: '14px' }}>\n                    <Svg icon=\"questionCircle\" width={12} />\n                  </Flex>\n                </TooltipBubble>\n              </>\n            )}\n          </Flex>\n          <Flex\n            sx={{\n              width: '100%',\n              mt: '10px',\n              justifyContent: 'space-between',\n              height: ['unset', 'unset', 'unset', '40px'],\n              flexDirection: ['column-reverse', 'column-reverse', 'column-reverse', 'row'],\n            }}\n          >\n            {!address ? (\n              <ConnectButton />\n            ) : (\n              <>\n                <Flex sx={{ width: ['100%', '100%', '100%', '45%'], justifyContent: 'center' }}>\n                  <Button\n                    variant=\"secondary\"\n                    onClick={() =>\n                      window.open(\n                        `/swap?outputCurrency=${bond?.lpToken?.address[bond?.chainId]}&outputChain=${bond?.chainId}`,\n                        '_blank',\n                      )\n                    }\n                    fullWidth\n                  >\n                    Get {bond?.lpToken?.symbol}\n                  </Button>\n                </Flex>\n                {error ? (\n                  <Button disabled fullWidth sx={{ ml: ['0', '0', '0', '10px'] }}>\n                    {error}\n                  </Button>\n                ) : (\n                  <Button\n                    disabled={loading}\n                    load={loading}\n                    onClick={openTxModal}\n                    fullWidth\n                    sx={{ ml: ['0', '0', '0', '10px'] }}\n                  >\n                    Buy\n                  </Button>\n                )}\n              </>\n            )}\n          </Flex>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default PreTGEBuyComponent\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/views/PreTGEBonds/components/BuyComponent/PreTGEModalHandler.js

@@ -0,0 +1,36 @@
+import { jsx } from 'theme-ui/jsx-runtime';
+import { useState, useEffect } from 'react';
+import PreTGEBuyComponent from './PreTGEBuyComponent.js';
+import useBondsData from '../../../../state/bonds/useBondsData.js';
+import ParticipationSuccessful from './ParticipationSuccessful.js';
+import { useMonitorTxHash } from '../../../../hooks/useMonitorTxHash.js';
+
+/*
+ * Basically this is a handler that controls which Modal is displayed to the user.
+ * It will start by showing the buy modal and if a user purchases a bond, a inputAmount will be set, this will trigger the
+ * display of the ParticipationSuccessful modal
+ * */
+const PreTGEModalHandler = ({ onDismiss, bondAddress, bondChain, }) => {
+    const { data: bonds } = useBondsData();
+    const [inputAmount, setInputAmount] = useState('');
+    const [buyTxHash, setBuyTxHash] = useState('');
+    const [bond, setBond] = useState();
+    const { data: txReceipt, isSuccess } = useMonitorTxHash(buyTxHash, bondChain);
+    useEffect(() => {
+        if (inputAmount && bonds && txReceipt && isSuccess) {
+            const bond = bonds.find((bond) => bond?.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress?.toLowerCase() &&
+                bond?.chainId === bondChain);
+            setBond(bond);
+        }
+    }, [inputAmount, bonds, bondAddress, bondChain, txReceipt, isSuccess]);
+    return bond ? (jsx(ParticipationSuccessful, { bond: bond, inputAmount: inputAmount, onDismiss: onDismiss })) : (jsx(PreTGEBuyComponent, { bondAddress: bondAddress, bondChain: bondChain, handlePurchasedBond: (hash, inputAmount) => {
+            setInputAmount(inputAmount);
+            setBuyTxHash(hash);
+        }, onDismiss: () => {
+            // window.history.pushState({}, '', `${locationPath !== '/bonds' ? locationPath : '/bonds'}`)
+            onDismiss?.();
+        } }));
+};
+
+export { PreTGEModalHandler as default };
+//# sourceMappingURL=PreTGEModalHandler.js.map