[Bug]: Transaction stuck in 'Unapproved' state when Smart Transaction is pending

[sleepytanya]

Describe the bug

To provide some clarity on the current situation: when there is a Smart Transaction (STX) in a 'Pending' state, MM restricts the initiation of other transactions across any network.
However, transactions of the 'Approval' type, whether initiated from a dApp or directly within MetaMask, can still be started. This action leads to the MetaMask popup displaying a perpetual loading spinner, and the transaction is listed as 'Unapproved' in the Activity tab. These 'Unapproved' transactions cannot be rejected or confirmed, even after the STX has been successfully processed.
The issue can be remedied by reloading the extension, after which the 'Unapproved' transaction can be addressed as needed.

Expected behavior

Screenshots/Recordings

unapproved.mov

unapproved1.mov

Steps to reproduce

1. Send STX
2. Start Approval transaction on another network
3. The approval transaction is stuck in 'Pending' state

Error messages or log output

No response

Detection stage

In production (default)

Version

v12.1.0

Build type

None

Browser

Chrome

Operating system

MacOS

Hardware wallet

No response

Additional context

No response

Severity

No response

[sleepytanya]

@dbrans feel free to close if it looks good to you!

On current develop:

• It remains possible to submit an Approval transaction even while an STX transaction is in a Pending state
• A relevant message indicating a queued transaction is properly shown
• The Approval transaction appears in the Activity list marked as Unapproved
• Users can engage with the Confirmation screen for the Unapproved transaction, although they are unable to cancel it.
• Once the STX transaction has been submitted, the Approval transaction is successfully confirmed

stxApproval.mov

[dbrans]

Thanks for the detailed update, @sleepytanya! The behavior you're seeing looks normal, so I'll go ahead and close this bug since the issue isn't happening anymore.