fix: update productSupply prop type and add debug logs for payout cal…

…culation

apps/bond/components/BondingProducts/Bonding/Deposit/Deposit.jsx

@@ -34,6 +34,7 @@ export const Deposit = ({
   getProducts,
   closeModal,
 }) => {
+  console.log('Deposit -> productToken', productSupply);
   const { account } = useHelpers();
   const [form] = Form.useForm();
   const [isLoading, setIsLoading] = useState(false);
@@ -135,10 +136,13 @@ export const Deposit = ({
     return parseToEth(remainingLPSupply);
   }, [lpBalance, productSupply, productLpPriceAfterDiscount]);
 
+  // calculate the OLAS payout based on the token amount input
   const olasPayout = useMemo(() => {
-    if (!tokenAmountInputValue || tokenAmountInputValue > remainingLpSupplyInEth) {
-      return '--';
-    }
+    console.log({ tokenAmountInputValue, remainingLpSupplyInEth, productLpPriceAfterDiscount });
+
+    // if (!tokenAmountInputValue || tokenAmountInputValue > remainingLpSupplyInEth) {
+    //   return '--';
+    // }
 
     const tokenAmountValue = isSvmProduct
       ? tokenAmountInputValue
@@ -149,6 +153,14 @@ export const Deposit = ({
       ? payoutInBg.dividedBy(BigNumber(`1${'0'.repeat(28)}`)).toFixed(2)
       : Number(payoutInBg.dividedBy(ONE_ETH_IN_STRING).dividedBy(ONE_ETH_IN_STRING).toFixed(2));
 
+    console.log({
+      tokenAmountInputValue,
+      remainingLpSupplyInEth,
+      productLpPriceAfterDiscount,
+      isSvmProduct,
+      payout,
+    });
+
     return getCommaSeparatedNumber(payout, 4);
   }, [tokenAmountInputValue, remainingLpSupplyInEth, productLpPriceAfterDiscount, isSvmProduct]);
 
@@ -285,7 +297,7 @@ Deposit.propTypes = {
   productId: PropTypes.string,
   productToken: PropTypes.string,
   productLpTokenName: PropTypes.string,
-  productSupply: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(BigInt)]),
+  productSupply: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   productLpPriceAfterDiscount: PropTypes.oneOfType([
     PropTypes.string,
     PropTypes.instanceOf(BigInt),