feat: withdraw form validation

Author: Jeday

features/adjustment/const.ts

@@ -2,17 +2,9 @@ import { InputGroup } from '@lidofinance/lido-ui';
 import { useController, useFormContext } from 'react-hook-form';
 import { InputAmount } from 'shared/components';
 
-import {
-  TokenSelectHookForm,
-  TokenOption,
-} from 'shared/hook-form/controls/token-select-hook-form/token-select-hook-form';
-import { TOKENS_TO_MINT } from 'features/adjustment/const';
+import { TokenSelectHookForm } from 'shared/hook-form/controls/token-select-hook-form';
 import { useMintFormData } from 'features/adjustment/mint/mint-form-context';
-
-const OPTIONS: TokenOption[] = [
-  { token: TOKENS_TO_MINT.stETH },
-  { token: TOKENS_TO_MINT.wstETH },
-];
+import { VAULT_MINT_TOKENS } from 'modules/vaults';
 
 export const AmountField = () => {
   const { mintableStETH, mintableWstETH } = useMintFormData();
@@ -25,7 +17,7 @@ export const AmountField = () => {
   return (
     <>
       <InputGroup>
-        <TokenSelectHookForm options={OPTIONS} />
+        <TokenSelectHookForm options={VAULT_MINT_TOKENS} />
         <InputAmount {...field} label={`${token} amount`} maxValue={maxValue} />
       </InputGroup>
     </>

features/adjustment/mint/form/amount-field/amount-field.tsx

@@ -1,20 +1,12 @@
 import { InputGroup } from '@lidofinance/lido-ui';
+import { VAULT_MINT_TOKENS } from 'modules/vaults';
 import { InputAmount } from 'shared/components';
-import {
-  TokenSelectHookForm,
-  TokenOption,
-} from 'shared/hook-form/controls/token-select-hook-form/token-select-hook-form';
-import { TOKENS_TO_MINT } from 'features/adjustment/const';
-
-const OPTIONS: TokenOption[] = [
-  { token: TOKENS_TO_MINT.stETH },
-  { token: TOKENS_TO_MINT.wstETH },
-];
+import { TokenSelectHookForm } from 'shared/hook-form/controls';
 
 export const FormInput = () => {
   return (
     <InputGroup>
-      <TokenSelectHookForm options={OPTIONS} />
+      <TokenSelectHookForm options={VAULT_MINT_TOKENS} />
       <InputAmount label="ETH amount" />
     </InputGroup>
   );

features/adjustment/mint/form/form-input/form-input.tsx

@@ -1,17 +1,10 @@
 import { InputGroup } from '@lidofinance/lido-ui';
 import { InputAmount } from 'shared/components';
-import {
-  TokenSelectHookForm,
-  TokenOption,
-} from 'shared/hook-form/controls/token-select-hook-form/token-select-hook-form';
-import { TOKENS_TO_MINT } from 'features/adjustment/const';
+import { TokenSelectHookForm } from 'shared/hook-form/controls';
+
 import { useController, useFormContext } from 'react-hook-form';
 import { useRepayFormData } from '../../repay-form-context';
-
-const OPTIONS: TokenOption[] = [
-  { token: TOKENS_TO_MINT.stETH },
-  { token: TOKENS_TO_MINT.wstETH },
-];
+import { VAULT_MINT_TOKENS } from 'modules/vaults';
 
 export const FormInput = () => {
   const { field: amountField } = useController({ name: 'amount' });
@@ -24,7 +17,7 @@ export const FormInput = () => {
   // TODO: add error message
   return (
     <InputGroup>
-      <TokenSelectHookForm options={OPTIONS} />
+      <TokenSelectHookForm options={VAULT_MINT_TOKENS} />
       <InputAmount
         maxValue={maxValue}
         label={`${token} amount`}

features/adjustment/repay/form/form-input/form-input.tsx

@@ -4,7 +4,11 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import type { Resolver } from 'react-hook-form';
 
 import { awaitWithTimeout } from 'utils/await-with-timeout';
-import { addressSchema } from 'utils/validate-form-value';
+import {
+  addressSchema,
+  amountSchema,
+  supplyTokenSchema,
+} from 'utils/validate-form-value';
 import { vaultTexts } from 'modules/vaults';
 
 import type {
@@ -26,10 +30,8 @@ const mintSchema = z.discriminatedUnion('mintSteth', [
 
 export const FundFormSchema = z.intersection(
   z.object({
-    amount: z
-      .bigint({ message: vaultTexts.common.errors.amount.required })
-      .min(1n, vaultTexts.common.errors.amount.min(0n)),
-    token: z.enum(['ETH', 'wETH']),
+    amount: amountSchema,
+    token: supplyTokenSchema,
   }),
   mintSchema,
 );

features/supply/fund/form/fund-form-provider/validation.ts

@@ -59,7 +59,7 @@ export const useFund = () => {
               functionName: 'withdraw',
               args: [amount],
             }),
-            loadingActionText: vaultTexts.actions.supply.loadingWeth,
+            loadingActionText: vaultTexts.actions.weth.loadingUnwrap,
           });
         }
 

features/supply/fund/form/hooks/use-fund.ts

@@ -2,29 +2,17 @@ import { useState } from 'react';
 import { useFormContext } from 'react-hook-form';
 
 import {
-  type TokenOption,
   TokenAmountInputHookForm,
   AddressInputHookForm,
   TokenSelectHookForm,
   InputGroupHookForm,
 } from 'shared/hook-form/controls';
+import { VAULT_SUPPLY_TOKENS, vaultTexts } from 'modules/vaults';
 
 import { useFundForm } from '../fund-form-provider/fund-form-provider';
 import type { FundFormValidatedValues } from '../types';
 
 import { CheckMint } from './styles';
-import { vaultTexts } from 'modules/vaults';
-
-const options: TokenOption[] = [
-  {
-    token: 'ETH',
-    label: 'ETH',
-  },
-  {
-    token: 'wETH',
-    label: 'wETH',
-  },
-];
 
 export const Inputs = () => {
   const [inputInFocus, setInputInFocus] = useState(false);
@@ -41,7 +29,7 @@ export const Inputs = () => {
         <TokenSelectHookForm
           errorField="amount"
           fieldName="token"
-          options={options}
+          options={VAULT_SUPPLY_TOKENS}
         />
         <TokenAmountInputHookForm
           token={token}