enhancement: dont allow sending while preparing the output for the transaction (#7771)

* enhancement: dont allow sending while preparing the output for the transaction

* improvement: use fixed locale to improve ui

Author: begonaalvarezd

packages/desktop/components/popups/send/SendConfirmationPopup.svelte

@@ -59,6 +59,8 @@
     let minimumStorageDeposit = 0
     let visibleSurplus: number | undefined = undefined
 
+    let isPreparingOutput = false
+
     $: expirationTimePicker?.setNull(giftStorageDeposit)
 
     $: isBaseTokenTransfer =
@@ -101,6 +103,8 @@
     })
 
     async function rebuildTransactionOutput(): Promise<void> {
+        isPreparingOutput = true
+
         updateNewTransactionDetails({
             type: transactionType,
             expirationDate,
@@ -126,6 +130,8 @@
             }
         } catch (err) {
             handleError(err)
+        } finally {
+            isPreparingOutput = false
         }
     }
 
@@ -261,9 +267,12 @@
             classes="w-full"
             onClick={onConfirmClick}
             disabled={isTransferring ||
+                isPreparingOutput ||
                 (layer2Parameters?.networkAddress && !$newTransactionDetails?.layer2Parameters?.gasBudget)}
             isBusy={isTransferring ||
+                isPreparingOutput ||
                 (layer2Parameters?.networkAddress && !$newTransactionDetails?.layer2Parameters?.gasBudget)}
+            busyMessage={isPreparingOutput ? 'Preparing' : ''}
         >
             {localize('actions.send')}
         </Button>