pancake zap widget update validate amountsIn (#2858)

* Update validate amountsIn

* Pump version

Author: neikop

packages/pancake-liquidity-widgets/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyberswap/pancake-liquidity-widgets",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "license": "MIT",
   "type": "module",
   "exports": {

packages/pancake-liquidity-widgets/src/hooks/useZapInState.tsx

@@ -254,7 +254,7 @@ export const ZapContextProvider = ({
         listAmountsIn[index] === "0" ||
         !parseFloat(listAmountsIn[index])
     );
-    if (listTokenEmptyAmount.length)
+    if (tokensIn.length === listTokenEmptyAmount.length)
       return (
         ERROR_MESSAGE.ENTER_AMOUNT +
         " " +
@@ -274,7 +274,6 @@ export const ZapContextProvider = ({
     } catch (e) {
       return ERROR_MESSAGE.INVALID_INPUT_AMOUNTT;
     }
-
     if (zapApiError) return zapApiError;
     return "";
   }, [
@@ -383,21 +382,40 @@ export const ZapContextProvider = ({
         error === ERROR_MESSAGE.INSUFFICIENT_BALANCE ||
         error === ERROR_MESSAGE.WRONG_NETWORK)
     ) {
-      let formattedAmountsInWeis = "";
       const listAmountsIn = amountsIn.split(",");
+      let tokensInParam = "";
+      let formattedAmountsInWeis = "";
 
       try {
-        formattedAmountsInWeis = tokensIn
-          .map((token: Token, index: number) =>
-            parseUnits(listAmountsIn[index] || "0", token.decimals).toString()
-          )
+        const tokenAmountPairs = tokensIn
+          .map((token: Token, index: number) => {
+            const amountInWei = parseUnits(
+              listAmountsIn[index] || "0",
+              token.decimals
+            );
+
+            if (amountInWei === 0n) return null;
+
+            return {
+              address: token.address as string,
+              amountWei: amountInWei.toString(),
+            };
+          })
+          .filter((item): item is { address: string; amountWei: string } => {
+            return !!item?.address && !!item.amountWei;
+          });
+
+        tokensInParam = tokenAmountPairs.map((item) => item.address).join(",");
+
+        formattedAmountsInWeis = tokenAmountPairs
+          .map((item) => item.amountWei)
           .join(",");
       } catch (error) {
         console.log(error);
       }
 
       if (
-        !tokensInAddress ||
+        !tokensInParam ||
         !formattedAmountsInWeis ||
         !formattedAmountsInWeis.length ||
         !formattedAmountsInWeis[0] ||
@@ -416,7 +434,7 @@ export const ZapContextProvider = ({
         "pool.fee": pool.fee,
         "position.tickUpper": debounceTickUpper,
         "position.tickLower": debounceTickLower,
-        tokensIn: tokensInAddress,
+        tokensIn: tokensInParam,
         amountsIn: formattedAmountsInWeis,
         slippage,
         ...(positionId ? { "position.id": positionId } : {}),