add fee priority selector to Monero wallet withdraw form.

Expose GUI-style priority options in the CMS and include the chosen priority in withdrawal confirmation.

cms/src/components/wallet/MoneroWallet.vue

@@ -49,6 +49,7 @@
                     <el-form-item label="Destination address" prop="destinationAddress">
                         <el-input
                             v-model="withdrawForm.destinationAddress"
+                            class="withdraw-address-input"
                             autocomplete="off"
                             :placeholder="`${walletStatus.network} Monero address`"
                             :disabled="withdrawing"
@@ -56,6 +57,17 @@
                         />
                     </el-form-item>
 
+                    <el-form-item label="Fee priority" prop="priority">
+                        <el-select v-model="withdrawForm.priority" class="fee-priority-select" :disabled="withdrawing">
+                            <el-option
+                                v-for="option in moneroWithdrawPriorityOptions"
+                                :key="option.value"
+                                :label="option.label"
+                                :value="option.value"
+                            />
+                        </el-select>
+                    </el-form-item>
+
                     <el-button type="primary" native-type="submit" :loading="withdrawing">
                         Withdraw all unlocked funds
                     </el-button>
@@ -90,9 +102,12 @@
 import { ElMessage, ElMessageBox, type FormInstance, type FormRules } from 'element-plus';
 import { computed, onBeforeMount, reactive, ref } from 'vue';
 import { storeToRefs } from 'pinia';
+import { moneroWithdrawPriorityOptions } from '@/consts/moneroWallet/moneroWithdrawPriorityOptions';
+import { MoneroWithdrawPriority } from '@/types/moneroWallet/MoneroWithdrawPriority';
 import { WalletSyncStatus } from '@/types/wallet/WalletSyncStatus';
 import { useMoneroWalletStore } from '@/stores/moneroWallet';
 import { isMoneroStandardAddress } from '@/utils/monero/isMoneroStandardAddress';
+import { resolveMoneroWithdrawPriorityLabel } from '@/utils/monero/resolveMoneroWithdrawPriorityLabel';
 import { resolveAxiosErrorMessage } from '@/utils/resolveAxiosErrorMessage';
 import { resolveWalletSyncStatusLabel } from '@/utils/wallet/resolveWalletSyncStatusLabel';
 import { resolveWalletSyncStatusTagType } from '@/utils/wallet/resolveWalletSyncStatusTagType';
@@ -110,7 +125,8 @@ const withdrawing = ref(false);
 const revealingSeed = ref(false);
 const withdrawFormRef = ref<FormInstance>();
 const withdrawForm = reactive({
-    destinationAddress: ''
+    destinationAddress: '',
+    priority: MoneroWithdrawPriority.Automatic
 });
 const seedDialogVisible = ref(false);
 const revealedMnemonic = ref('');
@@ -209,11 +225,17 @@ const onWithdrawSubmit = async (): Promise<void> => {
     const trimmedAddress = withdrawForm.destinationAddress.trim();
 
     try {
-        await ElMessageBox.confirm(`Withdraw all unlocked funds to:\n${trimmedAddress}`, 'Confirm withdrawal', {
+        const priorityLabel = resolveMoneroWithdrawPriorityLabel(withdrawForm.priority);
+
+        await ElMessageBox.confirm(
+            `Withdraw all unlocked funds at ${priorityLabel} fee to:\n${trimmedAddress}`,
+            'Confirm withdrawal',
+            {
                 confirmButtonText: 'Continue',
                 cancelButtonText: 'Cancel',
                 type: 'warning'
-        });
+            }
+        );
     } catch {
         return;
     }
@@ -229,6 +251,7 @@ const onWithdrawSubmit = async (): Promise<void> => {
     try {
         const result = await withdrawAll({
             destinationAddress: trimmedAddress,
+            priority: withdrawForm.priority,
             password
         });
 
@@ -290,3 +313,14 @@ const clearSeed = (): void => {
     revealedMnemonic.value = '';
 };
 </script>
+
+<style scoped>
+.withdraw-address-input {
+    width: 100%;
+    max-width: min(560px, 100%);
+}
+
+.fee-priority-select {
+    width: 200px;
+}
+</style>

cms/src/consts/moneroWallet/moneroWithdrawPriorityOptions.ts

@@ -0,0 +1,13 @@
+import { MoneroWithdrawPriority } from '@/types/moneroWallet/MoneroWithdrawPriority';
+import type { MoneroWithdrawPriorityLabel } from '@/types/moneroWallet/MoneroWithdrawPriorityLabel';
+
+export const moneroWithdrawPriorityOptions = [
+    { value: MoneroWithdrawPriority.Automatic, label: 'Automatic' },
+    { value: MoneroWithdrawPriority.Slow, label: 'Slow (0.2×)' },
+    { value: MoneroWithdrawPriority.Normal, label: 'Normal (1×)' },
+    { value: MoneroWithdrawPriority.Fast, label: 'Fast (5×)' },
+    { value: MoneroWithdrawPriority.Fastest, label: 'Fastest (200×)' }
+] as const satisfies ReadonlyArray<{
+    value: MoneroWithdrawPriority;
+    label: MoneroWithdrawPriorityLabel;
+}>;

cms/src/types/moneroWallet/MoneroWalletWithdrawPayload.ts

@@ -1,4 +1,7 @@
+import { MoneroWithdrawPriority } from './MoneroWithdrawPriority';
+
 export interface MoneroWalletWithdrawPayload {
     destinationAddress: string;
+    priority: MoneroWithdrawPriority;
     password: string;
 }

cms/src/types/moneroWallet/MoneroWithdrawPriority.ts

@@ -0,0 +1,7 @@
+export enum MoneroWithdrawPriority {
+    Automatic = 0,
+    Slow = 1,
+    Normal = 2,
+    Fast = 3,
+    Fastest = 4
+}

cms/src/types/moneroWallet/MoneroWithdrawPriorityLabel.ts

@@ -0,0 +1,6 @@
+export type MoneroWithdrawPriorityLabel =
+    | 'Automatic'
+    | 'Slow (0.2×)'
+    | 'Normal (1×)'
+    | 'Fast (5×)'
+    | 'Fastest (200×)';

cms/src/utils/monero/resolveMoneroWithdrawPriorityLabel.ts

@@ -0,0 +1,13 @@
+import { moneroWithdrawPriorityOptions } from '@/consts/moneroWallet/moneroWithdrawPriorityOptions';
+import { MoneroWithdrawPriority } from '@/types/moneroWallet/MoneroWithdrawPriority';
+import type { MoneroWithdrawPriorityLabel } from '@/types/moneroWallet/MoneroWithdrawPriorityLabel';
+
+export const resolveMoneroWithdrawPriorityLabel = (priority: MoneroWithdrawPriority): MoneroWithdrawPriorityLabel => {
+    const option = moneroWithdrawPriorityOptions.find(({ value }) => value === priority);
+
+    if (!option) {
+        throw new Error(`Invalid Monero withdraw priority: ${priority}`);
+    }
+
+    return option.label;
+};