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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreTGEModalHandler.js","sources":["../../../../../src/views/PreTGEBonds/components/BuyComponent/PreTGEModalHandler.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport PreTGEBuyComponent from './PreTGEBuyComponent'\nimport useBondsData from '../../../../state/bonds/useBondsData'\nimport { BondsData } from '../../../../types/bonds'\nimport ParticipationSuccessful from './ParticipationSuccessful'\nimport { useMonitorTxHash } from '../../../../hooks/useMonitorTxHash'\n\n/*\n * Basically this is a handler that controls which Modal is displayed to the user.\n * It will start by showing the buy modal and if a user purchases a bond, a inputAmount will be set, this will trigger the\n * display of the ParticipationSuccessful modal\n * */\n\nconst PreTGEModalHandler = ({\n  onDismiss,\n  bondAddress,\n  bondChain,\n}: {\n  onDismiss?: () => void\n  bondAddress: string\n  bondChain: number\n}) => {\n  const { data: bonds } = useBondsData()\n\n  const [inputAmount, setInputAmount] = useState<string>('')\n  const [buyTxHash, setBuyTxHash] = useState<string>('')\n  const [bond, setBond] = useState<BondsData>()\n  const { data: txReceipt, isSuccess } = useMonitorTxHash(buyTxHash, bondChain)\n\n  useEffect(() => {\n    if (inputAmount && bonds && txReceipt && isSuccess) {\n      const bond = bonds.find(\n        (bond) =>\n          bond?.contractAddress?.[bond.chainId]?.toLowerCase() === bondAddress?.toLowerCase() &&\n          bond?.chainId === bondChain,\n      )\n      setBond(bond)\n    }\n  }, [inputAmount, bonds, bondAddress, bondChain, txReceipt, isSuccess])\n\n  return bond ? (\n    <ParticipationSuccessful bond={bond} inputAmount={inputAmount} onDismiss={onDismiss} />\n  ) : (\n    <PreTGEBuyComponent\n      bondAddress={bondAddress}\n      bondChain={bondChain}\n      handlePurchasedBond={(hash: string, inputAmount: string) => {\n        setInputAmount(inputAmount)\n        setBuyTxHash(hash)\n      }}\n      onDismiss={() => {\n        // window.history.pushState({}, '', `${locationPath !== '/bonds' ? locationPath : '/bonds'}`)\n        onDismiss?.()\n      }}\n    />\n  )\n}\n\nexport default PreTGEModalHandler\n"],"names":["_jsx"],"mappings":";;;;;;;AAOA;;;;AAIK;AAEL,MAAM,kBAAkB,GAAG,CAAC,EAC1B,SAAS,EACT,WAAW,EACX,SAAS,GAKV,KAAI;IACH,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE;IAEtC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC;IACtD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAa;AAC7C,IAAA,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC;IAE7E,SAAS,CAAC,MAAK;QACb,IAAI,WAAW,IAAI,KAAK,IAAI,SAAS,IAAI,SAAS,EAAE;YAClD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CACrB,CAAC,IAAI,KACH,IAAI,EAAE,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,WAAW,EAAE;AACnF,gBAAA,IAAI,EAAE,OAAO,KAAK,SAAS,CAC9B;YACD,OAAO,CAAC,IAAI,CAAC;QACf;AACF,IAAA,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAEtE,IAAA,OAAO,IAAI,IACTA,GAAA,CAAC,uBAAuB,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,KAEvFA,GAAA,CAAC,kBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,CAAC,IAAY,EAAE,WAAmB,KAAI;YACzD,cAAc,CAAC,WAAW,CAAC;YAC3B,YAAY,CAAC,IAAI,CAAC;AACpB,QAAA,CAAC,EACD,SAAS,EAAE,MAAK;;YAEd,SAAS,IAAI;QACf,CAAC,EAAA,CACD,CACH;AACH;;;;"}

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

@@ -0,0 +1,42 @@
+import { LaunchBondTiers } from '@ape.swap/apeswap-lists';
+
+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,
+    },
+};
+({
+    [LaunchBondTiers.Bronze]: '#CD7F32',
+    [LaunchBondTiers.Silver]: '#C0C0C0',
+    [LaunchBondTiers.Gold]: '#FFD700',
+    [LaunchBondTiers.Diamond]: '#B9F2FF',
+    [LaunchBondTiers.Legend]: '#a587e6', // Replaced hex color for a violet hex
+});
+
+export { styles };
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/views/PreTGEBonds/components/BuyComponent/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\nimport { LaunchBondTiers } from '@ape.swap/apeswap-lists'\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\nexport const colorMap = {\n  [LaunchBondTiers.Bronze]: '#CD7F32',\n  [LaunchBondTiers.Silver]: '#C0C0C0',\n  [LaunchBondTiers.Gold]: '#FFD700',\n  [LaunchBondTiers.Diamond]: '#B9F2FF',\n  [LaunchBondTiers.Legend]: '#a587e6', // Replaced hex color for a violet hex\n}\n\nexport const colorMap2 = {\n  bronze: '#CD7F32',\n  silver: '#C0C0C0',\n  gold: '#DAA520',\n  diamond: '#B9F2FF',\n  legend: '#a587e6',\n}\n\nexport const textColorMap = {\n  silver: '#696969', //505050\n  gold: '#fff',\n  diamond: '#1E90FF', // #1E90FF\n  legend: '#7B00A6',\n}\n"],"names":[],"mappings":";;AAGO,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;;CAGqB;AACtB,IAAA,CAAC,eAAe,CAAC,MAAM,GAAG,SAAS;AACnC,IAAA,CAAC,eAAe,CAAC,MAAM,GAAG,SAAS;AACnC,IAAA,CAAC,eAAe,CAAC,IAAI,GAAG,SAAS;AACjC,IAAA,CAAC,eAAe,CAAC,OAAO,GAAG,SAAS;AACpC,IAAA,CAAC,eAAe,CAAC,MAAM,GAAG,SAAS;;;;;"}

package/dist/views/PreTGEBonds/components/PreTGEUserRows/PreTGEActions.js

@@ -0,0 +1,115 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { useState, useEffect } from 'react';
+import usePreTGEUserBonds from '../../../../state/preTGEBonds/usePreTGEUserBonds.js';
+import '../../../../components/uikit-sdk/Svg/types.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 '../../../../components/uikit-sdk/TooltipBubble/index.js';
+import 'framer-motion';
+import Button from '../../../../components/uikit-sdk/Button/Button.js';
+import '../../../../components/uikit-sdk/Button/types.js';
+import '../../../../contexts/ModalContext.js';
+import '../../../FullBondsView/FullBondsView.js';
+import '../../../../components/uikit-sdk/Select/types.js';
+import { useWriteContract, useAccount, useSwitchChain } from 'wagmi';
+import launchBondsABI_V2_2_0 from '../../../../config/abi/launchBond_v2_4_1.json.js';
+import { reportError } from '../../../../utils/reportError.js';
+import { useSDKConfig } from '../../../../state/useSDKConfig.js';
+import { usePopups } from '../../../../state/popups/usePopups.js';
+import { useMonitorTxHash } from '../../../../hooks/useMonitorTxHash.js';
+import { NETWORK_LABEL } from '../../../../config/constants/chains.js';
+
+const PreTgeActions = ({ userBond }) => {
+    //Hooks
+    const { writeContractAsync } = useWriteContract();
+    const { address: account, chainId } = useAccount();
+    const SDKConfig = useSDKConfig();
+    const { addToastError } = usePopups();
+    const { refetch } = usePreTGEUserBonds();
+    const { switchChain } = useSwitchChain();
+    //State
+    const [loading, setLoading] = useState(false);
+    const [hash, setHash] = useState('');
+    // Data
+    const { isLoading: isLoadingOnChain, isSuccess } = useMonitorTxHash(hash, userBond?.chainId);
+    const hasRedeemed = userBond?.accountInfo?.hasRedeemed;
+    const now = new Date().getTime();
+    const redeemTime = (userBond?.redeemTime ?? 0) * 1000;
+    const timeDiff = Math.abs(redeemTime - now);
+    const hoursLeft = Math.floor((timeDiff - (timeDiff % (1000 * 60 * 60))) / (1000 * 60 * 60));
+    const minsLeft = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
+    const saleFinalized = userBond?.finalized;
+    const handleRedeem = async () => {
+        setLoading(true);
+        writeContractAsync({
+            address: userBond.contractAddress[userBond.chainId],
+            abi: launchBondsABI_V2_2_0,
+            functionName: 'redeem',
+            chain: userBond.chainId,
+            account,
+        })
+            .then((r) => {
+            setHash(r);
+        })
+            .catch((e) => {
+            console.error(e.message);
+            reportError({
+                apiUrl: SDKConfig?.urls?.apiV2,
+                error: e.message,
+                extraInfo: { type: 'redeemLaunchBond', error: e.message },
+                chainId: userBond.chainId,
+                account,
+            });
+            addToastError(e.shortMessage);
+        })
+            .finally(() => setLoading(false));
+    };
+    const handleClaim = async () => {
+        setLoading(true);
+        setHash('');
+        if (!userBond?.userOwnedBillsData?.id)
+            return;
+        writeContractAsync({
+            address: userBond.contractAddress[userBond.chainId],
+            abi: launchBondsABI_V2_2_0,
+            functionName: 'claim',
+            args: [userBond?.userOwnedBillsData?.id],
+            chain: userBond.chainId,
+            account,
+        })
+            .then((r) => {
+            setHash(r);
+        })
+            .catch((e) => {
+            console.error(e.message);
+            reportError({
+                apiUrl: SDKConfig?.urls?.apiV2,
+                error: e.message,
+                extraInfo: { type: 'claimLaunchBond', error: e.message },
+                chainId: userBond.chainId,
+                account,
+            });
+            addToastError(e.shortMessage);
+        })
+            .finally(() => setLoading(false));
+    };
+    useEffect(() => {
+        // trigger refetch user bonds once tx is confirmed
+        if (!!hash && isSuccess && !isLoadingOnChain) {
+            console.log('trigger user refetch');
+            refetch();
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [hash, isSuccess, isLoadingOnChain]);
+    return chainId !== userBond.chainId && saleFinalized ? (jsxs(Button, { onClick: () => switchChain({ chainId: userBond?.chainId }), sx: { fontSize: '14px', height: '30px' }, fullWidth: true, children: ["Switch to ", NETWORK_LABEL[userBond?.chainId]] })) : (jsx(Button, { disabled: !saleFinalized || loading || isLoadingOnChain, load: loading || isLoadingOnChain, fullWidth: true, sx: {
+            fontSize: '14px',
+            height: '30px',
+            background: !saleFinalized && 'var(--theme-ui-colors-white4) !important',
+        }, onClick: hasRedeemed ? handleClaim : handleRedeem, children: saleFinalized ? 'Claim' : `Claimable in ${hoursLeft > 0 ? `${hoursLeft}h` : `${minsLeft}m`}` }));
+};
+
+export { PreTgeActions as default };
+//# sourceMappingURL=PreTGEActions.js.map

package/dist/views/PreTGEBonds/components/PreTGEUserRows/PreTGEActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreTGEActions.js","sources":["../../../../../src/views/PreTGEBonds/components/PreTGEUserRows/PreTGEActions.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport usePreTGEUserBonds, { PreTGEUserBonds } from '../../../../state/preTGEBonds/usePreTGEUserBonds'\nimport { Button } from '../../../../components/uikit-sdk'\nimport { useAccount, useSwitchChain, useWriteContract } from 'wagmi'\nimport LaunchBondABI_V_2_4_1 from '../../../../config/abi/launchBond_v2_4_1.json'\nimport { reportError } from '../../../../utils/reportError'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport { useMonitorTxHash } from '../../../../hooks/useMonitorTxHash'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { NETWORK_LABEL } from '../../../../config/constants/chains'\n\nconst PreTgeActions = ({ userBond }: { userBond: PreTGEUserBonds }) => {\n  //Hooks\n  const { writeContractAsync } = useWriteContract()\n  const { address: account, chainId } = useAccount()\n  const SDKConfig = useSDKConfig()\n  const { addToastError } = usePopups()\n  const { refetch } = usePreTGEUserBonds()\n  const { switchChain } = useSwitchChain()\n\n  //State\n  const [loading, setLoading] = useState(false)\n  const [hash, setHash] = useState('')\n\n  // Data\n  const { isLoading: isLoadingOnChain, isSuccess } = useMonitorTxHash(hash, userBond?.chainId)\n  const hasRedeemed = userBond?.accountInfo?.hasRedeemed\n  const now = new Date().getTime()\n  const redeemTime = (userBond?.redeemTime ?? 0) * 1000\n  const timeDiff = Math.abs(redeemTime - now)\n  const hoursLeft = Math.floor((timeDiff - (timeDiff % (1000 * 60 * 60))) / (1000 * 60 * 60))\n  const minsLeft = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60))\n\n  const saleFinalized = userBond?.finalized\n\n  const handleRedeem = async () => {\n    setLoading(true)\n    writeContractAsync({\n      address: userBond.contractAddress[userBond.chainId] as `0x${string}`,\n      abi: LaunchBondABI_V_2_4_1,\n      functionName: 'redeem',\n      chain: userBond.chainId as any,\n      account,\n    })\n      .then((r) => {\n        setHash(r)\n      })\n      .catch((e) => {\n        console.error(e.message)\n        reportError({\n          apiUrl: SDKConfig?.urls?.apiV2,\n          error: e.message,\n          extraInfo: { type: 'redeemLaunchBond', error: e.message },\n          chainId: userBond.chainId,\n          account,\n        })\n        addToastError(e.shortMessage)\n      })\n      .finally(() => setLoading(false))\n  }\n\n  const handleClaim = async () => {\n    setLoading(true)\n    setHash('')\n    if (!userBond?.userOwnedBillsData?.id) return\n    writeContractAsync({\n      address: userBond.contractAddress[userBond.chainId] as `0x${string}`,\n      abi: LaunchBondABI_V_2_4_1,\n      functionName: 'claim',\n      args: [userBond?.userOwnedBillsData?.id],\n      chain: userBond.chainId as any,\n      account,\n    })\n      .then((r) => {\n        setHash(r)\n      })\n      .catch((e) => {\n        console.error(e.message)\n        reportError({\n          apiUrl: SDKConfig?.urls?.apiV2,\n          error: e.message,\n          extraInfo: { type: 'claimLaunchBond', error: e.message },\n          chainId: userBond.chainId,\n          account,\n        })\n        addToastError(e.shortMessage)\n      })\n      .finally(() => setLoading(false))\n  }\n\n  useEffect(() => {\n    // trigger refetch user bonds once tx is confirmed\n    if (!!hash && isSuccess && !isLoadingOnChain) {\n      console.log('trigger user refetch')\n      refetch()\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hash, isSuccess, isLoadingOnChain])\n\n  return chainId !== userBond.chainId && saleFinalized ? (\n    <Button\n      onClick={() => switchChain({ chainId: userBond?.chainId as ChainId })}\n      sx={{ fontSize: '14px', height: '30px' }}\n      fullWidth\n    >\n      Switch to {NETWORK_LABEL[userBond?.chainId as ChainId]}\n    </Button>\n  ) : (\n    <Button\n      disabled={!saleFinalized || loading || isLoadingOnChain}\n      load={loading || isLoadingOnChain}\n      fullWidth\n      sx={{\n        fontSize: '14px',\n        height: '30px',\n        background: !saleFinalized && 'var(--theme-ui-colors-white4) !important',\n      }}\n      onClick={hasRedeemed ? handleClaim : handleRedeem}\n    >\n      {saleFinalized ? 'Claim' : `Claimable in ${hoursLeft > 0 ? `${hoursLeft}h` : `${minsLeft}m`}`}\n    </Button>\n  )\n}\n\nexport default PreTgeActions\n"],"names":["LaunchBondABI_V_2_4_1","_jsxs","_jsx"],"mappings":"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"}

package/dist/views/PreTGEBonds/components/PreTGEUserRows/PreTGEUserRow.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import TokenInfoAndName from '../../../../components/TokenInfoAndName/index.js';
+import Svg from '../../../../components/uikit-sdk/Svg/index.js';
+import { Flex } from '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 BondInfoTooltip from '../../../../components/Tooltip/Tooltip.js';
+import PreTgeActions from './PreTGEActions.js';
+import { getBalanceNumber } from '../../../../utils/getBalanceNumber.js';
+import BigNumber from 'bignumber.js';
+import getTimePeriods from '../../../../utils/getTimePeriods.js';
+import { formatNumberSI, formatUSDNumber } from '../../../../utils/formatNumber.js';
+import { getPendingVestingString } from '../../../../utils/displayHelpers.js';
+
+const PreTgeUserRow = ({ userBond }) => {
+    const saleFinalized = userBond.finalized;
+    const hasRedeemed = userBond?.accountInfo?.hasRedeemed;
+    const depositAmount = getBalanceNumber(new BigNumber(userBond?.accountInfo?.depositAmount ?? '0'), userBond?.lpToken?.decimals?.[userBond?.chainId]);
+    const truePricePaid = getBalanceNumber(new BigNumber(userBond?.accountInfo?.truePricePaid ?? '0'), userBond?.lpToken?.decimals?.[userBond?.chainId]);
+    const vestingTimePeriods = getTimePeriods(userBond.vestingTerm ?? 0, false);
+    const vestingString = hasRedeemed
+        ? getPendingVestingString(userBond?.userOwnedBillsData)
+        : `${vestingTimePeriods.months} Months`;
+    const userAllocation = depositAmount / (userBond?.initPrice ?? 0);
+    const initialRelease = !hasRedeemed && saleFinalized && userBond?.initialRelease ? userAllocation * userBond?.initialRelease : 0;
+    // pendingRewards variable follows the naming of the SC, but it actually means currently claimable tokens
+    const pendingRewards = getBalanceNumber(new BigNumber(userBond?.userOwnedBillsData?.pendingRewards ?? '0'), userBond?.earnToken?.decimals?.[userBond.chainId]);
+    // payout variable follows the naming of the SC, but it actually means total tokens vested
+    const payout = getBalanceNumber(new BigNumber(userBond?.userOwnedBillsData?.payout ?? '0'), userBond?.earnToken?.decimals?.[userBond.chainId]);
+    const claimableAmount = hasRedeemed ? pendingRewards : initialRelease;
+    const claimableUSD = claimableAmount * (userBond.initPrice ?? 0);
+    const pendingAmount = hasRedeemed ? payout : depositAmount / truePricePaid;
+    const pendingUSD = pendingAmount * (userBond?.earnTokenPrice ?? 0);
+    return (jsxs("div", { className: "your-bonds", onClick: () => null, children: [jsxs("div", { className: "token-info-container", children: [jsx(TokenInfoAndName, { tokenSymbol: userBond.earnToken.symbol, chain: userBond.chainId, tag: userBond.tags?.[0], vestEnds: `Ends in ${vestingString}`, isHotBond: true }), jsx("div", { className: "tooltip-column", children: jsx(TooltipBubble, { className: "tooltip-bubble", body: jsx(BondInfoTooltip, { earnTokenContract: userBond?.earnToken.address[userBond?.chainId] || '', earnTokenSymbol: userBond?.earnToken.symbol || '', bondContract: userBond?.contractAddress?.[userBond?.chainId] || '', projectLink: userBond?.projectLink, twitter: userBond?.twitter, audit: userBond?.audit, chain: userBond?.chainId }), width: "205px", placement: "bottomRight", transformTip: "translate(5%, 0%)", children: jsx(Flex, { sx: {
+                                    opacity: 0.8,
+                                }, children: jsx(Svg, { icon: "more", width: "25px" }) }) }) })] }), jsxs("div", { className: "your-bonds-columns-container", children: [jsxs("div", { className: "your-bonds-content", children: [jsx("div", { className: "your-bonds-content-title", children: "Claimable" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(claimableAmount, 3), jsxs("div", { className: "your-bonds-content-tokens-usd-amount", children: ["($", formatUSDNumber(claimableUSD), ")"] })] })] }), jsxs("div", { className: "your-bonds-content", children: [jsx("div", { className: "your-bonds-content-title", children: "Pending" }), jsxs("div", { className: "your-bonds-content-tokens-amount", children: [formatNumberSI(pendingAmount, 3), jsxs("div", { className: "your-bonds-content-tokens-usd-amount", children: ["($", formatUSDNumber(pendingUSD), ")"] })] })] }), jsx("div", { className: "your-bonds-content hide-mobile", children: vestingString }), jsx("div", { className: "your-bonds-column-button", children: jsx(PreTgeActions, { userBond: userBond }) })] })] }));
+};
+
+export { PreTgeUserRow as default };
+//# sourceMappingURL=PreTGEUserRow.js.map

package/dist/views/PreTGEBonds/components/PreTGEUserRows/PreTGEUserRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreTGEUserRow.js","sources":["../../../../../src/views/PreTGEBonds/components/PreTGEUserRows/PreTGEUserRow.tsx"],"sourcesContent":["import React from 'react'\nimport { PreTGEUserBonds } from '../../../../state/preTGEBonds/usePreTGEUserBonds'\nimport TokenInfoAndName from '../../../../components/TokenInfoAndName'\nimport { Svg, TooltipBubble } from '../../../../components/uikit-sdk'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport { Flex } from 'theme-ui'\nimport PreTgeActions from './PreTGEActions'\nimport { getBalanceNumber } from '../../../../utils/getBalanceNumber'\nimport BigNumber from 'bignumber.js'\nimport getTimePeriods from '../../../../utils/getTimePeriods'\nimport { formatNumberSI, formatUSDNumber } from '../../../../utils/formatNumber'\nimport { getPendingVestingString } from '../../../../utils/displayHelpers'\n\nconst PreTgeUserRow = ({ userBond }: { userBond: PreTGEUserBonds }) => {\n  const saleFinalized = userBond.finalized\n  const hasRedeemed = userBond?.accountInfo?.hasRedeemed\n\n  const depositAmount = getBalanceNumber(\n    new BigNumber(userBond?.accountInfo?.depositAmount ?? '0'),\n    userBond?.lpToken?.decimals?.[userBond?.chainId]!,\n  )\n  const truePricePaid = getBalanceNumber(\n    new BigNumber(userBond?.accountInfo?.truePricePaid ?? '0'),\n    userBond?.lpToken?.decimals?.[userBond?.chainId]!,\n  )\n\n  const vestingTimePeriods = getTimePeriods(userBond.vestingTerm ?? 0, false)\n  const vestingString = hasRedeemed\n    ? getPendingVestingString(userBond?.userOwnedBillsData)\n    : `${vestingTimePeriods.months} Months`\n\n  const userAllocation = depositAmount / (userBond?.initPrice ?? 0)\n  const initialRelease =\n    !hasRedeemed && saleFinalized && userBond?.initialRelease ? userAllocation * userBond?.initialRelease : 0\n\n  // pendingRewards variable follows the naming of the SC, but it actually means currently claimable tokens\n  const pendingRewards = getBalanceNumber(\n    new BigNumber(userBond?.userOwnedBillsData?.pendingRewards ?? '0'),\n    userBond?.earnToken?.decimals?.[userBond.chainId]!,\n  )\n  // payout variable follows the naming of the SC, but it actually means total tokens vested\n  const payout = getBalanceNumber(\n    new BigNumber(userBond?.userOwnedBillsData?.payout ?? '0'),\n    userBond?.earnToken?.decimals?.[userBond.chainId]!,\n  )\n\n  const claimableAmount = hasRedeemed ? pendingRewards : initialRelease\n  const claimableUSD = claimableAmount * (userBond.initPrice ?? 0)\n  const pendingAmount = hasRedeemed ? payout : depositAmount / truePricePaid\n  const pendingUSD = pendingAmount * (userBond?.earnTokenPrice ?? 0)\n\n  return (\n    <div className=\"your-bonds\" onClick={() => null}>\n      <div className=\"token-info-container\">\n        <TokenInfoAndName\n          tokenSymbol={userBond.earnToken.symbol}\n          chain={userBond.chainId}\n          tag={userBond.tags?.[0]}\n          vestEnds={`Ends in ${vestingString}`}\n          isHotBond\n        />\n        <div className=\"tooltip-column\">\n          <TooltipBubble\n            className=\"tooltip-bubble\"\n            body={\n              <Tooltip\n                earnTokenContract={userBond?.earnToken.address[userBond?.chainId] || ''}\n                earnTokenSymbol={userBond?.earnToken.symbol || ''}\n                bondContract={userBond?.contractAddress?.[userBond?.chainId] || ''}\n                projectLink={userBond?.projectLink}\n                twitter={userBond?.twitter}\n                audit={userBond?.audit}\n                chain={userBond?.chainId}\n              />\n            }\n            width=\"205px\"\n            placement=\"bottomRight\"\n            transformTip=\"translate(5%, 0%)\"\n          >\n            <Flex\n              sx={{\n                opacity: 0.8,\n              }}\n            >\n              <Svg icon=\"more\" width=\"25px\" />\n            </Flex>\n          </TooltipBubble>\n        </div>\n      </div>\n      <div className=\"your-bonds-columns-container\">\n        <div className=\"your-bonds-content\">\n          <div className=\"your-bonds-content-title\">Claimable</div>\n          <div className=\"your-bonds-content-tokens-amount\">\n            {formatNumberSI(claimableAmount, 3)}\n            <div className=\"your-bonds-content-tokens-usd-amount\">(${formatUSDNumber(claimableUSD)})</div>\n          </div>\n        </div>\n        <div className=\"your-bonds-content\">\n          <div className=\"your-bonds-content-title\">Pending</div>\n          <div className=\"your-bonds-content-tokens-amount\">\n            {formatNumberSI(pendingAmount, 3)}\n            <div className=\"your-bonds-content-tokens-usd-amount\">(${formatUSDNumber(pendingUSD)})</div>\n          </div>\n        </div>\n        <div className=\"your-bonds-content hide-mobile\">{vestingString}</div>\n        <div className=\"your-bonds-column-button\">\n          <PreTgeActions userBond={userBond} />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default PreTgeUserRow\n"],"names":["_jsxs","_jsx","Tooltip"],"mappings":"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"}

package/dist/views/TransactionModal/TransactionModal.js

@@ -0,0 +1,187 @@
+import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { useMemo, useState, useRef, useEffect } from 'react';
+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 '../../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 StepBubble from '../../components/StepBubble/index.js';
+import LoadingSpinner from '../../components/LoadingSpinner/index.js';
+import { useAccount, useSwitchChain } from 'wagmi';
+import { NETWORK_LABEL } from '../../config/constants/chains.js';
+import ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader.js';
+import { ApprovalState } from '../../state/allowance/useAllowance.js';
+import { getPayoutAmount, formatNumber, formatUSDNumber, getVestingTermsString, earnTokenPrice, discountEarnTokenPriceForUser } from '../../utils/displayHelpers.js';
+import TokenImage from '../../components/uikit-sdk/TokenImage/index.js';
+import useTierPoints, { TIERS_WEIGHT, getUserTier } from '../../state/tiers/useTierPoints.js';
+import { findHighestTrueBondPrice } from '../BuyBond/findHighestTrueBondPrice.js';
+import useCurrencyPrice from '../../state/price/useCurrencyPrice.js';
+import { useMonitorTxHash } from '../../hooks/useMonitorTxHash.js';
+import { getSymbol } from '../../utils/getNativeTicker.js';
+import { isArray } from 'lodash';
+import { useSDKConfig } from '../../state/useSDKConfig.js';
+import getTimePeriods from '../../utils/getTimePeriods.js';
+
+const stepDelay = 1000;
+const TransactionModal = ({ onDismiss, txChain, approvalState, approveCallback, loadingTx, txCallback, bondData, inputToken, inputValue, depositAmount, buyTxHash, rateChanged, }) => {
+    // Hooks
+    const { chain } = useAccount();
+    const { data: userPoints } = useTierPoints();
+    const inputTokenPrice = useCurrencyPrice(inputToken ?? null, txChain);
+    const { switchChainAsync } = useSwitchChain();
+    const SDKConfig = useSDKConfig();
+    // Flow
+    const initialChain = useMemo(() => chain?.id, 
+    /* eslint-disable react-hooks/exhaustive-deps */
+    []);
+    const showSwitchChainFlow = txChain !== initialChain;
+    // const showSwitchChainFlow = true
+    const [hasToSwitchChain, setHasToSwitchChain] = useState(showSwitchChainFlow);
+    const [hasToApprove, setHasToApprove] = useState(true);
+    // Loading state
+    const [loadingSwitchChain, setLoadingSwitchChain] = useState(false);
+    const [approveLoading, setApproveLoading] = useState(false);
+    // Values for regular bonds
+    const estimatedOutputAmount = getPayoutAmount(bondData, depositAmount, userPoints ?? '0');
+    const estimatedOutputUSD = estimatedOutputAmount * parseFloat(bondData?.payoutTokenPrice ?? '0');
+    const preTGEEstimatedOutput = parseFloat(inputValue) / (bondData?.initPrice ?? 0);
+    const preTGEEstimatedOutputUSD = preTGEEstimatedOutput * (bondData?.tgePrice ?? 0);
+    const handleSwitchChain = () => {
+        setLoadingSwitchChain(true);
+        switchChainAsync({ chainId: txChain })
+            .then(() => {
+            setHasToSwitchChain(false);
+            setApproveLoading(true);
+        })
+            .finally(() => {
+            setLoadingSwitchChain(false);
+        });
+    };
+    const handleApprove = () => {
+        setApproveLoading(true);
+        approveCallback?.().catch(() => {
+            setApproveLoading(false);
+        });
+    };
+    // Switch Chain Step #1
+    const hasTriggeredSwitch = useRef(false);
+    useEffect(() => {
+        if (hasToSwitchChain && !hasTriggeredSwitch.current) {
+            setLoadingSwitchChain(true);
+            const delay = setTimeout(() => {
+                hasTriggeredSwitch.current = true;
+                handleSwitchChain();
+            }, stepDelay);
+            return () => clearTimeout(delay);
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [hasToSwitchChain]);
+    // Trigger approve Step #2
+    const hasTriggeredApproval = useRef(false);
+    useEffect(() => {
+        if (!hasToSwitchChain || !showSwitchChainFlow) {
+            if (approvalState === ApprovalState.APPROVED) {
+                setApproveLoading(true);
+                const delay = setTimeout(() => {
+                    setApproveLoading(false);
+                    setHasToApprove(false);
+                }, stepDelay);
+                return () => clearTimeout(delay);
+            }
+            else if (!hasTriggeredApproval.current && approvalState !== ApprovalState.PENDING) {
+                setApproveLoading(true);
+                hasTriggeredApproval.current = true;
+                handleApprove();
+            }
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [hasToSwitchChain, approvalState]);
+    // Execute main tx Step #3
+    const hasTriggeredTx = useRef(false);
+    useEffect(() => {
+        if (!hasToSwitchChain && !hasToApprove && !hasTriggeredTx.current) {
+            hasTriggeredTx.current = true;
+            if (rateChanged) {
+                onDismiss?.();
+            }
+            else {
+                setApproveLoading(false);
+                txCallback?.();
+            }
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [hasToSwitchChain, hasToApprove, txCallback]);
+    // Close modal if a hash is found. Final Step
+    const { data: txReceipt, isSuccess, isLoading: verifyingTx } = useMonitorTxHash(buyTxHash, txChain);
+    useEffect(() => {
+        if (buyTxHash && txReceipt) {
+            if (isSuccess) {
+                onDismiss?.();
+            }
+        }
+        /* eslint-disable react-hooks/exhaustive-deps */
+    }, [buyTxHash, txReceipt, isSuccess]);
+    const currentStep = showSwitchChainFlow ? (hasToSwitchChain ? 1 : hasToApprove ? 2 : 3) : hasToApprove ? 1 : 2;
+    const splited = typeof inputToken !== 'string' ? inputToken?.symbol?.split('-') : undefined;
+    const trueBondPrice = findHighestTrueBondPrice(TIERS_WEIGHT[getUserTier(userPoints)] ?? '0', bondData);
+    return (jsxs(Modal, { children: [jsx(ModalHeader, { onDismiss: onDismiss, hideDivider: true }), jsxs(Flex, { sx: { flexDirection: 'column', width: '100%' }, children: [jsxs(Flex, { sx: { width: '100%', alignItems: 'center', p: '10px' }, children: [showSwitchChainFlow && (jsx(StepBubble, { number: 1, title: 'Switch Chain', currentStep: currentStep, loading: loadingSwitchChain })), jsx(StepBubble, { number: showSwitchChainFlow ? 2 : 1, title: 'Approve', currentStep: currentStep, loading: approveLoading || approvalState === ApprovalState.PENDING }), jsx(StepBubble, { number: showSwitchChainFlow ? 3 : 2, title: 'Buy', currentStep: currentStep, loading: loadingTx || verifyingTx, hideBar: true })] }), jsx(Flex, { sx: { width: '100%', mt: '40px', justifyContent: 'center' }, children: jsx(LoadingSpinner, { isLoading: loadingSwitchChain ||
+                                approveLoading ||
+                                loadingTx ||
+                                verifyingTx ||
+                                approvalState === ApprovalState.PENDING, size: 100 }) }), jsx(Flex, { sx: { width: '100%', justifyContent: 'center', mt: '10px' }, children: hasToSwitchChain
+                            ? loadingSwitchChain
+                                ? 'Switching Chain...'
+                                : 'Switch Chain'
+                            : hasToApprove
+                                ? approveLoading || approvalState === ApprovalState.PENDING
+                                    ? 'Approving...'
+                                    : 'Approve Contract'
+                                : loadingTx || verifyingTx
+                                    ? 'Buying...'
+                                    : 'Buy' }), bondData.billType === 'fcfs' ? (jsxs(Flex, { sx: { width: '100%', flexDirection: 'column', mt: '20px' }, children: [jsxs(Flex, { sx: {
+                                    width: '100%',
+                                    background: 'white3',
+                                    p: '5px',
+                                    borderRadius: 'normal',
+                                    color: 'textDisabledButton',
+                                    justifyContent: 'center',
+                                }, children: [bondData.earnToken.symbol, " (", getTimePeriods(bondData?.vestingTerm ?? 0).months, " Mo)"] }), jsxs(Flex, { sx: { width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }, children: [jsx(TokenImage, { symbol: bondData.earnToken.symbol, size: 40, chain: txChain }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', alignItems: 'center' }, children: [jsxs(Flex, { sx: { flexDirection: 'column', fontSize: '12px', ml: '10px' }, children: [jsxs(Flex, { sx: { color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }, children: ["$", bondData.tgePrice] }), jsxs(Flex, { sx: { color: 'green', fontWeight: 600 }, children: ["$", bondData.initPrice] })] }), jsxs(Flex, { sx: {
+                                                    p: '5px',
+                                                    borderRadius: 'normal',
+                                                    border: '1px solid var(--theme-ui-colors-success)',
+                                                    background: 'rgba(56, 166, 17, 0.13)',
+                                                    color: 'success',
+                                                    lineHeight: '18px',
+                                                }, children: [trueBondPrice?.bonusWithFee?.toFixed(2), " % Bonus"] })] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '10px' }, children: [jsxs(Flex, { sx: { p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }, children: [isArray(splited) ? (jsx(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 20, chain: txChain })) : (jsx(TokenImage, { symbol: getSymbol(inputToken, txChain), size: 20, chain: txChain })), jsx(Flex, { sx: { fontSize: '14px', fontWeight: 600, mx: '5px' }, children: formatNumber(inputValue) ?? '0' }), jsxs(Flex, { sx: { color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }, children: ["(", inputTokenPrice?.price && inputValue
+                                                        ? `$${formatUSDNumber((inputTokenPrice?.price * parseFloat(inputValue)).toFixed(2))}`
+                                                        : '0.00', ")"] })] }), jsx(Svg, { icon: 'arrow', direction: 'right', width: '10px' }), jsxs(Flex, { sx: { p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }, children: [jsx(TokenImage, { symbol: getSymbol(bondData.earnToken, txChain), chain: txChain, size: 20 }), jsx(Flex, { sx: { fontSize: '14px', fontWeight: 600, mx: '5px' }, children: formatNumber(preTGEEstimatedOutput.toString()) }), jsxs(Flex, { sx: { color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }, children: ["($", formatUSDNumber(preTGEEstimatedOutputUSD.toString()), ")"] })] })] })] })) : (jsxs(Flex, { sx: { width: '100%', flexDirection: 'column', mt: '20px' }, children: [jsxs(Flex, { sx: {
+                                    width: '100%',
+                                    background: 'white3',
+                                    p: '5px',
+                                    borderRadius: 'normal',
+                                    color: 'textDisabledButton',
+                                    justifyContent: 'center',
+                                }, children: [bondData.earnToken.symbol, " (", getVestingTermsString(bondData), ")"] }), jsxs(Flex, { sx: { width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }, children: [jsx(TokenImage, { symbol: bondData.earnToken.symbol, size: 40, chain: txChain }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', alignItems: 'center' }, children: [jsxs(Flex, { sx: { flexDirection: 'column', fontSize: '12px', ml: '10px' }, children: [jsxs(Flex, { sx: { color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }, children: ["$", earnTokenPrice(bondData)] }), jsxs(Flex, { sx: { color: 'green', fontWeight: 600 }, children: ["$", discountEarnTokenPriceForUser(bondData, SDKConfig.useTiers, getUserTier(userPoints) ?? undefined)] })] }), jsxs(Flex, { sx: {
+                                                    p: '5px',
+                                                    borderRadius: 'normal',
+                                                    border: '1px solid var(--theme-ui-colors-success)',
+                                                    background: 'rgba(56, 166, 17, 0.13)',
+                                                    color: 'success',
+                                                    lineHeight: '18px',
+                                                }, children: [trueBondPrice?.bonusWithFee?.toFixed(2), " % Bonus"] })] })] }), jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', mt: '10px' }, children: [jsxs(Flex, { sx: { p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }, children: [isArray(splited) ? (jsx(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 20, chain: txChain })) : (jsx(TokenImage, { symbol: getSymbol(inputToken, txChain), size: 20, chain: txChain })), jsx(Flex, { sx: { fontSize: '14px', fontWeight: 600, mx: '5px' }, children: formatNumber(inputValue) ?? '0' }), jsxs(Flex, { sx: { color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }, children: ["(", inputTokenPrice?.price && inputValue
+                                                        ? `$${formatUSDNumber((inputTokenPrice?.price * parseFloat(inputValue)).toFixed(2))}`
+                                                        : '0.00', ")"] })] }), jsx(Svg, { icon: 'arrow', direction: 'right', width: '10px' }), jsxs(Flex, { sx: { p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }, children: [jsx(TokenImage, { symbol: getSymbol(bondData.earnToken, txChain), chain: txChain, size: 20 }), jsx(Flex, { sx: { fontSize: '14px', fontWeight: 600, mx: '5px' }, children: formatNumber(estimatedOutputAmount.toString()) }), jsxs(Flex, { sx: { color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }, children: ["($", formatUSDNumber(estimatedOutputUSD.toString()), ")"] })] })] })] })), jsx(Flex, { sx: { mt: '20px' }, children: hasToSwitchChain ? (jsxs(Button, { load: loadingSwitchChain, disabled: loadingSwitchChain, onClick: handleSwitchChain, fullWidth: true, children: ["switch to ", NETWORK_LABEL[txChain]] })) : !hasToApprove ? (jsx(Button, { load: loadingTx || verifyingTx, disabled: loadingTx || verifyingTx, onClick: txCallback, fullWidth: true, children: "buy" })) : (jsx(Button, { className: "action-button", load: approvalState === ApprovalState.PENDING || approveLoading, disabled: approvalState === ApprovalState.PENDING || approveLoading, onClick: handleApprove, fullWidth: true, children: "Approve" })) })] })] }));
+};
+
+export { TransactionModal as default };
+//# sourceMappingURL=TransactionModal.js.map

package/dist/views/TransactionModal/TransactionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionModal.js","sources":["../../../src/views/TransactionModal/TransactionModal.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react'\nimport { Button, Flex, Modal, Svg } from '../../components/uikit-sdk'\nimport StepBubble from '../../components/StepBubble'\nimport LoadingSpinner from '../../components/LoadingSpinner'\nimport { useAccount, useSwitchChain } from 'wagmi'\nimport { NETWORK_LABEL } from '../../config/constants/chains'\nimport ModalHeader from '../../components/uikit-sdk/Modal/ModalHeader'\nimport { ApprovalState } from '../../state/allowance/useAllowance'\nimport {\n  discountEarnTokenPriceForUser,\n  earnTokenPrice,\n  formatNumber,\n  formatUSDNumber,\n  getPayoutAmount,\n  getVestingTermsString,\n} from '../../utils/displayHelpers'\nimport TokenImage from '../../components/uikit-sdk/TokenImage'\nimport useTierPoints, { getUserTier, TIERS_WEIGHT } from '../../state/tiers/useTierPoints'\nimport { findHighestTrueBondPrice } from '../BuyBond/findHighestTrueBondPrice'\nimport { BondsData } from '../../types/bonds'\nimport useCurrencyPrice from '../../state/price/useCurrencyPrice'\nimport { ChainId, Token } from '@ape.swap/apeswap-lists'\nimport { useMonitorTxHash } from '../../hooks/useMonitorTxHash'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport { isArray } from 'lodash'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport getTimePeriods from '../../utils/getTimePeriods'\n\nconst stepDelay = 1000\n\nconst TransactionModal = ({\n  onDismiss,\n  txChain,\n  approvalState,\n  approveCallback,\n  loadingTx,\n  txCallback,\n  bondData,\n  inputToken,\n  inputValue,\n  depositAmount,\n  buyTxHash,\n  rateChanged,\n}: {\n  onDismiss?: () => void\n  txChain?: number\n  approvalState?: ApprovalState\n  approveCallback?: () => Promise<void>\n  loadingTx?: boolean\n  txCallback?: () => void\n  bondData: BondsData\n  inputToken: Token | 'NATIVE' | undefined\n  inputValue: string\n  depositAmount: string\n  buyTxHash?: string\n  rateChanged: boolean\n}) => {\n  // Hooks\n  const { chain } = useAccount()\n  const { data: userPoints } = useTierPoints()\n  const inputTokenPrice = useCurrencyPrice(inputToken ?? null, txChain as ChainId)\n  const { switchChainAsync } = useSwitchChain()\n  const SDKConfig = useSDKConfig()\n\n  // Flow\n  const initialChain = useMemo(\n    () => chain?.id,\n    /* eslint-disable react-hooks/exhaustive-deps */\n    [],\n  )\n  const showSwitchChainFlow = txChain !== initialChain\n  // const showSwitchChainFlow = true\n  const [hasToSwitchChain, setHasToSwitchChain] = useState<boolean>(showSwitchChainFlow)\n  const [hasToApprove, setHasToApprove] = useState<boolean>(true)\n\n  // Loading state\n  const [loadingSwitchChain, setLoadingSwitchChain] = useState<boolean>(false)\n  const [approveLoading, setApproveLoading] = useState<boolean>(false)\n\n  // Values for regular bonds\n  const estimatedOutputAmount = getPayoutAmount(bondData, depositAmount, userPoints ?? '0')\n  const estimatedOutputUSD = estimatedOutputAmount * parseFloat(bondData?.payoutTokenPrice ?? '0')\n  const preTGEEstimatedOutput = parseFloat(inputValue) / (bondData?.initPrice ?? 0)\n  const preTGEEstimatedOutputUSD = preTGEEstimatedOutput * (bondData?.tgePrice ?? 0)\n\n  const handleSwitchChain = () => {\n    setLoadingSwitchChain(true)\n    switchChainAsync({ chainId: txChain! })\n      .then(() => {\n        setHasToSwitchChain(false)\n        setApproveLoading(true)\n      })\n      .finally(() => {\n        setLoadingSwitchChain(false)\n      })\n  }\n\n  const handleApprove = () => {\n    setApproveLoading(true)\n    approveCallback?.().catch(() => {\n      setApproveLoading(false)\n    })\n  }\n\n  // Switch Chain Step #1\n  const hasTriggeredSwitch = useRef(false)\n  useEffect(() => {\n    if (hasToSwitchChain && !hasTriggeredSwitch.current) {\n      setLoadingSwitchChain(true)\n      const delay = setTimeout(() => {\n        hasTriggeredSwitch.current = true\n        handleSwitchChain()\n      }, stepDelay)\n      return () => clearTimeout(delay)\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain])\n\n  // Trigger approve Step #2\n  const hasTriggeredApproval = useRef(false)\n  useEffect(() => {\n    if (!hasToSwitchChain || !showSwitchChainFlow) {\n      if (approvalState === ApprovalState.APPROVED) {\n        setApproveLoading(true)\n        const delay = setTimeout(() => {\n          setApproveLoading(false)\n          setHasToApprove(false)\n        }, stepDelay)\n        return () => clearTimeout(delay)\n      } else if (!hasTriggeredApproval.current && approvalState !== ApprovalState.PENDING) {\n        setApproveLoading(true)\n        hasTriggeredApproval.current = true\n        handleApprove()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain, approvalState])\n\n  // Execute main tx Step #3\n  const hasTriggeredTx = useRef(false)\n  useEffect(() => {\n    if (!hasToSwitchChain && !hasToApprove && !hasTriggeredTx.current) {\n      hasTriggeredTx.current = true\n      if (rateChanged) {\n        onDismiss?.()\n      } else {\n        setApproveLoading(false)\n        txCallback?.()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [hasToSwitchChain, hasToApprove, txCallback])\n\n  // Close modal if a hash is found. Final Step\n  const { data: txReceipt, isSuccess, isLoading: verifyingTx } = useMonitorTxHash(buyTxHash, txChain)\n  useEffect(() => {\n    if (buyTxHash && txReceipt) {\n      if (isSuccess) {\n        onDismiss?.()\n      }\n    }\n    /* eslint-disable react-hooks/exhaustive-deps */\n  }, [buyTxHash, txReceipt, isSuccess])\n\n  const currentStep: number = showSwitchChainFlow ? (hasToSwitchChain ? 1 : hasToApprove ? 2 : 3) : hasToApprove ? 1 : 2\n  const splited = typeof inputToken !== 'string' ? inputToken?.symbol?.split('-') : undefined\n  const trueBondPrice = findHighestTrueBondPrice(TIERS_WEIGHT[getUserTier(userPoints)!] ?? '0', bondData)\n\n  return (\n    <Modal>\n      <ModalHeader onDismiss={onDismiss} hideDivider />\n      <Flex sx={{ flexDirection: 'column', width: '100%' }}>\n        <Flex sx={{ width: '100%', alignItems: 'center', p: '10px' }}>\n          {showSwitchChainFlow && (\n            <StepBubble number={1} title={'Switch Chain'} currentStep={currentStep} loading={loadingSwitchChain} />\n          )}\n          <StepBubble\n            number={showSwitchChainFlow ? 2 : 1}\n            title={'Approve'}\n            currentStep={currentStep}\n            loading={approveLoading || approvalState === ApprovalState.PENDING}\n          />\n          <StepBubble\n            number={showSwitchChainFlow ? 3 : 2}\n            title={'Buy'}\n            currentStep={currentStep}\n            loading={loadingTx || verifyingTx}\n            hideBar\n          />\n        </Flex>\n        <Flex sx={{ width: '100%', mt: '40px', justifyContent: 'center' }}>\n          <LoadingSpinner\n            isLoading={\n              loadingSwitchChain ||\n              approveLoading ||\n              loadingTx ||\n              verifyingTx ||\n              approvalState === ApprovalState.PENDING\n            }\n            size={100}\n          />\n        </Flex>\n        <Flex sx={{ width: '100%', justifyContent: 'center', mt: '10px' }}>\n          {hasToSwitchChain\n            ? loadingSwitchChain\n              ? 'Switching Chain...'\n              : 'Switch Chain'\n            : hasToApprove\n              ? approveLoading || approvalState === ApprovalState.PENDING\n                ? 'Approving...'\n                : 'Approve Contract'\n              : loadingTx || verifyingTx\n                ? 'Buying...'\n                : 'Buy'}\n        </Flex>\n        {bondData.billType === 'fcfs' ? (\n          <Flex sx={{ width: '100%', flexDirection: 'column', mt: '20px' }}>\n            <Flex\n              sx={{\n                width: '100%',\n                background: 'white3',\n                p: '5px',\n                borderRadius: 'normal',\n                color: 'textDisabledButton',\n                justifyContent: 'center',\n              }}\n            >\n              {bondData.earnToken.symbol} ({getTimePeriods(bondData?.vestingTerm ?? 0).months} Mo)\n            </Flex>\n            <Flex sx={{ width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }}>\n              <TokenImage symbol={bondData.earnToken.symbol} size={40} chain={txChain} />\n              <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n                <Flex sx={{ flexDirection: 'column', fontSize: '12px', ml: '10px' }}>\n                  <Flex sx={{ color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }}>\n                    ${bondData.tgePrice}\n                  </Flex>\n                  <Flex sx={{ color: 'green', fontWeight: 600 }}>${bondData.initPrice}</Flex>\n                </Flex>\n                <Flex\n                  sx={{\n                    p: '5px',\n                    borderRadius: 'normal',\n                    border: '1px solid var(--theme-ui-colors-success)',\n                    background: 'rgba(56, 166, 17, 0.13)',\n                    color: 'success',\n                    lineHeight: '18px',\n                  }}\n                >\n                  {trueBondPrice?.bonusWithFee?.toFixed(2)} % Bonus\n                </Flex>\n              </Flex>\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '10px' }}>\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                {isArray(splited) ? (\n                  <TokenImage symbol={splited[0]} symbol2={splited[1]} size={20} chain={txChain} />\n                ) : (\n                  <TokenImage symbol={getSymbol(inputToken, txChain)} size={20} chain={txChain} />\n                )}\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>{formatNumber(inputValue) ?? '0'}</Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (\n                  {inputTokenPrice?.price && inputValue\n                    ? `$${formatUSDNumber((inputTokenPrice?.price * parseFloat(inputValue)).toFixed(2))}`\n                    : '0.00'}\n                  )\n                </Flex>\n              </Flex>\n              <Svg icon={'arrow'} direction={'right'} width={'10px'} />\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                <TokenImage symbol={getSymbol(bondData.earnToken, txChain)} chain={txChain} size={20} />\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumber(preTGEEstimatedOutput.toString())}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (${formatUSDNumber(preTGEEstimatedOutputUSD.toString())})\n                </Flex>\n              </Flex>\n            </Flex>\n          </Flex>\n        ) : (\n          <Flex sx={{ width: '100%', flexDirection: 'column', mt: '20px' }}>\n            <Flex\n              sx={{\n                width: '100%',\n                background: 'white3',\n                p: '5px',\n                borderRadius: 'normal',\n                color: 'textDisabledButton',\n                justifyContent: 'center',\n              }}\n            >\n              {bondData.earnToken.symbol} ({getVestingTermsString(bondData)})\n            </Flex>\n            <Flex sx={{ width: '100%', background: 'white3', p: '10px', borderRadius: 'normal', mt: '10px' }}>\n              <TokenImage symbol={bondData.earnToken.symbol} size={40} chain={txChain} />\n              <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n                <Flex sx={{ flexDirection: 'column', fontSize: '12px', ml: '10px' }}>\n                  <Flex sx={{ color: 'textDisabledButton', fontWeight: 400, textDecoration: 'line-through' }}>\n                    ${earnTokenPrice(bondData)}\n                  </Flex>\n                  <Flex sx={{ color: 'green', fontWeight: 600 }}>\n                    $\n                    {discountEarnTokenPriceForUser(bondData, SDKConfig.useTiers, getUserTier(userPoints!) ?? undefined)}\n                  </Flex>\n                </Flex>\n                <Flex\n                  sx={{\n                    p: '5px',\n                    borderRadius: 'normal',\n                    border: '1px solid var(--theme-ui-colors-success)',\n                    background: 'rgba(56, 166, 17, 0.13)',\n                    color: 'success',\n                    lineHeight: '18px',\n                  }}\n                >\n                  {trueBondPrice?.bonusWithFee?.toFixed(2)} % Bonus\n                </Flex>\n              </Flex>\n            </Flex>\n            <Flex sx={{ width: '100%', justifyContent: 'space-between', mt: '10px' }}>\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                {isArray(splited) ? (\n                  <TokenImage symbol={splited[0]} symbol2={splited[1]} size={20} chain={txChain} />\n                ) : (\n                  <TokenImage symbol={getSymbol(inputToken, txChain)} size={20} chain={txChain} />\n                )}\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>{formatNumber(inputValue) ?? '0'}</Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (\n                  {inputTokenPrice?.price && inputValue\n                    ? `$${formatUSDNumber((inputTokenPrice?.price * parseFloat(inputValue)).toFixed(2))}`\n                    : '0.00'}\n                  )\n                </Flex>\n              </Flex>\n              <Svg icon={'arrow'} direction={'right'} width={'10px'} />\n              <Flex\n                sx={{ p: '10px', borderRadius: 'normal', background: 'white3', alignItems: 'center', width: '45%' }}\n              >\n                <TokenImage symbol={getSymbol(bondData.earnToken, txChain)} chain={txChain} size={20} />\n                <Flex sx={{ fontSize: '14px', fontWeight: 600, mx: '5px' }}>\n                  {formatNumber(estimatedOutputAmount.toString())}\n                </Flex>\n                <Flex sx={{ color: 'textDisabledButton', fontSize: '12px', fontWeight: 400 }}>\n                  (${formatUSDNumber(estimatedOutputUSD.toString())})\n                </Flex>\n              </Flex>\n            </Flex>\n          </Flex>\n        )}\n\n        {/*\n\n        Action Buttons\n\n        */}\n        <Flex sx={{ mt: '20px' }}>\n          {hasToSwitchChain ? (\n            <Button load={loadingSwitchChain} disabled={loadingSwitchChain} onClick={handleSwitchChain} fullWidth>\n              switch to {NETWORK_LABEL[txChain!]}\n            </Button>\n          ) : !hasToApprove ? (\n            <Button load={loadingTx || verifyingTx} disabled={loadingTx || verifyingTx} onClick={txCallback} fullWidth>\n              buy\n            </Button>\n          ) : (\n            <Button\n              className=\"action-button\"\n              load={approvalState === ApprovalState.PENDING || approveLoading}\n              disabled={approvalState === ApprovalState.PENDING || approveLoading}\n              onClick={handleApprove}\n              fullWidth\n            >\n              Approve\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default TransactionModal\n"],"names":["_jsxs","_jsx"],"mappings":"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"}