feat(suite-native): create eip1559 custom fee validations

Author: BrantalikP

suite-native/transaction-management/src/components/fees/CustomFee/CustomFeeInputs.tsx

@@ -77,7 +77,7 @@ export const CustomFeeInputs = ({ symbol }: CustomFeeInputsProps) => {
                         rightIcon={<Text color="textSubdued">{feeUnits}</Text>}
                         onChangeText={handleFieldChangeValue(
                             maxFeePerGasFieldName,
-                            integerTransformer,
+                            cryptoAmountTransformer,
                         )}
                     />
                     <TextInputField
@@ -91,7 +91,7 @@ export const CustomFeeInputs = ({ symbol }: CustomFeeInputsProps) => {
                         keyboardType="number-pad"
                         onChangeText={handleFieldChangeValue(
                             maxPriorityFeePerGasFieldName,
-                            integerTransformer,
+                            cryptoAmountTransformer,
                         )}
                     />
                 </>

suite-native/transaction-management/src/feesFormSchema.ts

@@ -13,34 +13,33 @@ export type FeesFormContext = {
     minimalFeeLimit?: string;
 };
 
-const FeeLevelLabels: Array<FeeLevelLabel> = ['economy', 'normal', 'high', 'custom'];
+const FeeLevelLabels: Array<FeeLevelLabel> = ['economy', 'low', 'normal', 'high', 'custom'];
 
-export const feesFormValidationSchema = yup.object({
-    feeLevel: yup.string().oneOf(FeeLevelLabels).required('Fee level is required'),
-    customFeePerUnit: yup
-        .string()
-        .required()
-        .test(
-            'too-many-decimals',
-            'Too many decimals.',
-            (value, { options: { context } }: yup.TestContext<FeesFormContext>) => {
-                if (!value) return true;
+const createFeeDecimalsTest = (
+    value: string | undefined,
+    { options: { context } }: yup.TestContext<FeesFormContext>,
+) => {
+    if (!value) return true;
 
-                const { networkFeeInfo, symbol } = context!;
+    const { networkFeeInfo, symbol } = context!;
 
-                if (!symbol) return false;
+    if (!symbol) return false;
 
-                const { networkType } = getNetwork(symbol);
+    const { networkType } = getNetwork(symbol);
 
-                if (!networkFeeInfo || !networkType) return false;
+    if (!networkFeeInfo || !networkType) return false;
 
-                const maxDecimals = getFeeDecimals({ symbol });
+    const maxDecimals = getFeeDecimals({ symbol });
 
-                if (maxDecimals === null) return true;
+    if (maxDecimals === null) return true;
 
-                return isDecimalsValid(value, maxDecimals);
-            },
-        )
+    return isDecimalsValid(value, maxDecimals);
+};
+
+const createFeeValidation = () =>
+    yup
+        .string()
+        .test('too-many-decimals', 'Too many decimals.', createFeeDecimalsTest)
         .test(
             'fee-too-low',
             'Fee is too low.',
@@ -69,7 +68,11 @@ export const feesFormValidationSchema = yup.object({
 
                 return feeBig.lte(maxFee);
             },
-        ),
+        );
+
+export const feesFormValidationSchema = yup.object({
+    feeLevel: yup.string().oneOf(FeeLevelLabels).required('Fee level is required'),
+    customFeePerUnit: createFeeValidation().required(),
     customFeeLimit: yup
         .string()
         .test(
@@ -91,9 +94,40 @@ export const feesFormValidationSchema = yup.object({
                 return feeBig.gte(minimalFeeLimit);
             },
         ),
-    // FIXME: add validations
-    customMaxFeePerGas: yup.string(),
-    customMaxPriorityFeePerGas: yup.string(),
+    // EIP1559 only validations
+    customMaxFeePerGas: createFeeValidation().test(
+        'custom-max-fee-per-gas-higher-than-priority',
+        'Max fee must be higher than or equal to priority fee.',
+        function (value) {
+            if (!value) return true;
+
+            const { customMaxPriorityFeePerGas } = this.parent;
+
+            if (!customMaxPriorityFeePerGas) return true;
+
+            return Number(value) > Number(customMaxPriorityFeePerGas);
+        },
+    ),
+    customMaxPriorityFeePerGas: yup
+        .string()
+        .test('too-many-decimals', 'Too many decimals.', createFeeDecimalsTest)
+        .test(
+            'custom-priority-fee-per-gas',
+            'Priority fee higher than max fee or below minimum.',
+            function (value) {
+                if (!value) return true;
+                const { networkFeeInfo } = this.options.context!;
+
+                if (!networkFeeInfo) return false;
+                const { minPriorityFee } = networkFeeInfo;
+
+                if (Number(value) < minPriorityFee) return false;
+
+                const { customMaxFeePerGas } = this.parent;
+
+                return !(customMaxFeePerGas && Number(value) > Number(customMaxFeePerGas));
+            },
+        ),
 });
 
 export type FeesFormValues = yup.InferType<typeof feesFormValidationSchema>;