* feat: Add StepperFactory, new tx pages

* wip: context instead of routes

* Add tx flows to new modal context

* fix: Close modal when user navigates

* Export all flows from one file

* refactor: Remove unused code from StepperFactory

* fix: Duplicate ModalDialog to fix failing tests

* Refactor: reactive recommended nonce

Reduce re-renders

Nonce -1

* Use "nonceReadyOnly" instead of -1

* Split sign and execute into two components

* feat: add tx status widget UI

* add logic to paint the stepper

* port the ConfirmProposedTx to the new layout

* pass tx data to the TxStatusWidget to get the tx confirmations

* style: add new lines between adjacent tags

* Refactor: SafeTxProvider

* Avoid oscillating nonce

* fix reject tx for new provider

---------

Co-authored-by: Usame Algan <[email protected]>

* Refactor: useRecommendedNonce + useSafeTxGas

* Fix lint

* Get recommended nonce by "estimating" an empty tx

* Refactor: a less verbose ModalProvider

* Fix Cannot redefine property: dispatchTxProposal

* Refactor the tx flow system

* Array

* Editable nonce

* Fix tests

* fix: Close modal on sign, only render current step

* fix: Close modal on sign, only render current step

* fix: set all data + move back button

---------

Co-authored-by: Usame Algan <[email protected]>

* Refactor: single type for tx flows

* Omit txNonce

* FormData type

* feat: Port change threshold flow

* fix: Only estimate gas when executing

* fix: Remove old component

* feat: add owner flow

* feat: replace owner flow

* feat: replace owner flow

* SafeAppsTx flow

* On close

* Handle txFlow close

* feat: new spending limit flow

* fix: preserve token address + reset time values

* Send button in Assets

* Supress contentEditable warning

* fix: Move sign msg modal to new flow

* Adjust flex property if subtitle exists

* fix: Add flag to hide nonce field in TxLayout

* Modal title and icon

* NFTs

* feat: amount selector

* fix: use CSS variables

* fix: cleanup styles

* feat: AddressInputReadOnly component

* improve AddressInput

* make component readonly

* enable create AB entry from input component

* show SaveAddressicon if address not in AB

* open the list when clicking the caret

* fix component height

* show caret when there are available options

* rm leftover code

* do not highlight the readonly input on hover/click

* focus the AddressInput on clicking to edit

* change add to AB info text

* do not truncate the address in the readonly component

* show SaveAddressIcon when address is valid

* amount input grows until token name

* feat: confirm/execute titles

* place the component as per design

* remove redundant code

* use willExecute flag to display execution title

* adjust the gap between SignOrExecuteForm elements

* fix: remove error casting

* refactor: don't call `asError` twice

* fix: execution method style

* fix: change component

* fix: change component

* fix: Adjust TxLayout header design

* fix: Implement Token Transfer overview design

* Remove loading state

* style: adjust success and info box styles

* adjust msgSigners style

* style margins in the info elements

* clean up redundant variable

* test: update tx builder URL

* Feat: editable safeTxGas in Advanced details

* Prettier

* Make the form a popover

* PR comments

* fix: Update nonce input to show queued txs and reset button

* fix: Extract hook, show input error outline, hide reset button if readonly

* Add isEmpty flag to nonce input

* Fix test

* placeholder for AddressInput identicon

* rm Send From

* add the dividers to the layout

* style CardActions

* fix tests

* style: remove unnecessary CSS

* style: consider the input label font-size in spacing

* feat: create add owner

* adjust ReviewOwner design

* component to wrap owner address and include subtitle in modal

* prefer RHF for form fields. use sx instead of classes

* use MUI component

* fix: remove owner flow styling

* fix: add titles

* feat: add tooltip to advanced details

* fix: alter wording

* feat: redesign replace owner

* rm unnecessary files. move css to module

* fix: add titles

* Update src/components/tx-flow/flows/AddOwner/ReviewOwner.tsx

Co-authored-by: Aaron Cook <[email protected]>

---------

Co-authored-by: Aaron Cook <[email protected]>

* Add folder structure for tx flow

* feat: create new-tx route and NewTxMenu component

* feat: Add StepperFactory and new tx layout (#2040)

* feat: Add StepperFactory, new tx pages

* wip: context instead of routes

* Add tx flows to new modal context

* fix: Close modal when user navigates

* Export all flows from one file

* refactor: Remove unused code from StepperFactory

* fix: Duplicate ModalDialog to fix failing tests

* Refactor: reactive recommended nonce (#2050)

* Refactor: reactive recommended nonce

Reduce re-renders

Nonce -1

* Use "nonceReadyOnly" instead of -1

* Split sign and execute into two components

* feat: Transaction status widget (#2062)

* feat: add tx status widget UI

* add logic to paint the stepper

* port the ConfirmProposedTx to the new layout

* pass tx data to the TxStatusWidget to get the tx confirmations

* style: add new lines between adjacent tags

* Refactor: SafeTxProvider (#2064)

* Refactor: SafeTxProvider

* Avoid oscillating nonce

* fix reject tx for new provider

---------

Co-authored-by: Usame Algan <[email protected]>

* Move progress to TxLayout

* Refactor: useRecommendedNonce + useSafeTxGas (#2066)

* Refactor: useRecommendedNonce + useSafeTxGas

* Fix lint

* Get recommended nonce by "estimating" an empty tx

* Adjust ConfirmTx and ExecuteTxButton

* Refactor: a less verbose ModalProvider (#2068)

* Refactor: a less verbose ModalProvider

* Fix Cannot redefine property: dispatchTxProposal

* Refactor the tx flow system (#2071)

* Refactor the tx flow system

* Array

* Fix: pass nonce correctly (#2072)

* Fix linting errors, add TODOs for failing tx flows (#2070)

* Editable nonce (#2077)

* Editable nonce

* Fix tests

* refactor: save entire data structure on submission (#2083)

* fix: Close modal on sign, only render current step

* fix: Close modal on sign, only render current step

* fix: set all data + move back button

---------

Co-authored-by: Usame Algan <[email protected]>

* feat: Add SuccessScreen to tx flow (#2080)

* Refactor: single type for tx flows (#2084)

* Refactor: single type for tx flows

* Omit txNonce

* FormData type

* feat: add owner flow (#2086)

* feat: Change threshold flow (#2085)

* feat: Port change threshold flow

* fix: Only estimate gas when executing

* fix: Remove old component

* feat: remove owner flow

* feat: replace owner flow (#2087)

* feat: add owner flow

* feat: replace owner flow

* feat: replace owner flow

* feat: update flow (#2089)

* fix: Remove Module tx flow (#2090)

* Add flow for remove guard (#2091)

* Safe Apps tx flow (#2081)

* SafeAppsTx flow

* On close

* Handle txFlow close

* feat: new spending limit flow (#2093)

* feat: new spending limit flow

* fix: preserve token address + reset time values

* Onclose callback (#2094)

* Send button in Assets (#2097)

* Send button in Assets

* Supress contentEditable warning

* Fix: align Next and Back buttons (#2103)

* feat: remove spending limit flow (#2098)

* Refactor: move AdvancedParams to ExecuteForm (#2104)

* fix: Move sign msg modal to new flow (#2102)

* fix: Move sign msg modal to new flow

* Adjust flex property if subtitle exists

* fix: Add flag to hide nonce field in TxLayout

* TxCard layout (#2105)

* Modal title and icon (#2107)

* Modal title and icon

* NFTs

* feat: spending limit selector (#2106)

* feat: batch execute flow (#2108)

* Move on-chain sign to new flow (#2109)

* feat: amount selector (#2111)

* feat: amount selector

* fix: use CSS variables

* fix: cleanup styles

* feat: execute/sign `RadioGroup` (#2117)

* [Tx flow] feat: address input redesign (#2112)

* feat: AddressInputReadOnly component

* improve AddressInput

* make component readonly

* enable create AB entry from input component

* show SaveAddressicon if address not in AB

* open the list when clicking the caret

* fix component height

* show caret when there are available options

* rm leftover code

* do not highlight the readonly input on hover/click

* focus the AddressInput on clicking to edit

* change add to AB info text

* do not truncate the address in the readonly component

* show SaveAddressIcon when address is valid

* amount input grows until token name

* [TX flow] feat: confirm/execute title component (#2119)

* feat: confirm/execute titles

* place the component as per design

* remove redundant code

* use willExecute flag to display execution title

* adjust the gap between SignOrExecuteForm elements

* fix: remove error casting (#2127)

* fix: remove error casting

* refactor: don't call `asError` twice

* fix: execution method style (#2125)

* fix: execution method style

* fix: change component

* fix: change component

* fix: update amount field style (#2124)

* [TX flow] Send tokens overview (#2136)

* fix: Adjust TxLayout header design

* fix: Implement Token Transfer overview design

* Remove loading state

* [TX flow] style: offchain messages info boxes styles (#2134)

* style: adjust success and info box styles

* adjust msgSigners style

* style margins in the info elements

* clean up redundant variable

* test: update tx builder URL

* Feat: editable safeTxGas in Advanced details (#2132)

* Feat: editable safeTxGas in Advanced details

* Prettier

* Make the form a popover

* PR comments

* fix: Nonce form (#2120)

* fix: Update nonce input to show queued txs and reset button

* fix: Extract hook, show input error outline, hide reset button if readonly

* Add isEmpty flag to nonce input

* Fix test

* [TX flow] style: send token flow (#2126)

* placeholder for AddressInput identicon

* rm Send From

* add the dividers to the layout

* style CardActions

* fix tests

* [TX flow] styles: fix send token styles (#2138)

* style: remove unnecessary CSS

* style: consider the input label font-size in spacing

* Small UI tweaks

* fix: move default value to placeholder (#2139)

* Fix DecodedTx tests

* [TX flow] feat: add owner modal (#2143)

* feat: create add owner

* adjust ReviewOwner design

* component to wrap owner address and include subtitle in modal

* prefer RHF for form fields. use sx instead of classes

* use MUI component

* fix: remove owner flow styling (#2150)

* fix: remove owner flow styling

* fix: add titles

* feat: add tooltip to advanced details (#2153)

* feat: add tooltip to advanced details

* fix: alter wording

* [TX flow] feat: replace owner (#2151)

* feat: redesign replace owner

* rm unnecessary files. move css to module

* fix: add titles

* Update src/components/tx-flow/flows/AddOwner/ReviewOwner.tsx

Co-authored-by: Aaron Cook <[email protected]>

---------

Co-authored-by: Aaron Cook <[email protected]>

* fix: Display token balance in dropdown

---------

Co-authored-by: Diogo Soares <[email protected]>
Co-authored-by: katspaugh <[email protected]>
Co-authored-by: katspaugh <[email protected]>
Co-authored-by: Diogo Soares <[email protected]>
Co-authored-by: Aaron Cook <[email protected]>

* Add folder structure for tx flow

* feat: create new-tx route and NewTxMenu component

* feat: Add StepperFactory and new tx layout (#2040)

* feat: Add StepperFactory, new tx pages

* wip: context instead of routes

* Add tx flows to new modal context

* fix: Close modal when user navigates

* Export all flows from one file

* refactor: Remove unused code from StepperFactory

* fix: Duplicate ModalDialog to fix failing tests

* Refactor: reactive recommended nonce (#2050)

* Refactor: reactive recommended nonce

Reduce re-renders

Nonce -1

* Use "nonceReadyOnly" instead of -1

* Split sign and execute into two components

* feat: Transaction status widget (#2062)

* feat: add tx status widget UI

* add logic to paint the stepper

* port the ConfirmProposedTx to the new layout

* pass tx data to the TxStatusWidget to get the tx confirmations

* style: add new lines between adjacent tags

* Refactor: SafeTxProvider (#2064)

* Refactor: SafeTxProvider

* Avoid oscillating nonce

* fix reject tx for new provider

---------

Co-authored-by: Usame Algan <[email protected]>

* Move progress to TxLayout

* Refactor: useRecommendedNonce + useSafeTxGas (#2066)

* Refactor: useRecommendedNonce + useSafeTxGas

* Fix lint

* Get recommended nonce by "estimating" an empty tx

* Adjust ConfirmTx and ExecuteTxButton

* Refactor: a less verbose ModalProvider (#2068)

* Refactor: a less verbose ModalProvider

* Fix Cannot redefine property: dispatchTxProposal

* Refactor the tx flow system (#2071)

* Refactor the tx flow system

* Array

* Fix: pass nonce correctly (#2072)

* Fix linting errors, add TODOs for failing tx flows (#2070)

* Editable nonce (#2077)

* Editable nonce

* Fix tests

* refactor: save entire data structure on submission (#2083)

* fix: Close modal on sign, only render current step

* fix: Close modal on sign, only render current step

* fix: set all data + move back button

---------

Co-authored-by: Usame Algan <[email protected]>

* feat: Add SuccessScreen to tx flow (#2080)

* Refactor: single type for tx flows (#2084)

* Refactor: single type for tx flows

* Omit txNonce

* FormData type

* feat: add owner flow (#2086)

* feat: Change threshold flow (#2085)

* feat: Port change threshold flow

* fix: Only estimate gas when executing

* fix: Remove old component

* feat: remove owner flow

* feat: replace owner flow (#2087)

* feat: add owner flow

* feat: replace owner flow

* feat: replace owner flow

* feat: update flow (#2089)

* fix: Remove Module tx flow (#2090)

* Add flow for remove guard (#2091)

* Safe Apps tx flow (#2081)

* SafeAppsTx flow

* On close

* Handle txFlow close

* feat: new spending limit flow (#2093)

* feat: new spending limit flow

* fix: preserve token address + reset time values

* Onclose callback (#2094)

* Send button in Assets (#2097)

* Send button in Assets

* Supress contentEditable warning

* Fix: align Next and Back buttons (#2103)

* feat: remove spending limit flow (#2098)

* Refactor: move AdvancedParams to ExecuteForm (#2104)

* fix: Move sign msg modal to new flow (#2102)

* fix: Move sign msg modal to new flow

* Adjust flex property if subtitle exists

* fix: Add flag to hide nonce field in TxLayout

* TxCard layout (#2105)

* Modal title and icon (#2107)

* Modal title and icon

* NFTs

* feat: spending limit selector (#2106)

* feat: batch execute flow (#2108)

* Move on-chain sign to new flow (#2109)

* feat: amount selector (#2111)

* feat: amount selector

* fix: use CSS variables

* fix: cleanup styles

* feat: execute/sign `RadioGroup` (#2117)

* [Tx flow] feat: address input redesign (#2112)

* feat: AddressInputReadOnly component

* improve AddressInput

* make component readonly

* enable create AB entry from input component

* show SaveAddressicon if address not in AB

* open the list when clicking the caret

* fix component height

* show caret when there are available options

* rm leftover code

* do not highlight the readonly input on hover/click

* focus the AddressInput on clicking to edit

* change add to AB info text

* do not truncate the address in the readonly component

* show SaveAddressIcon when address is valid

* amount input grows until token name

* [TX flow] feat: confirm/execute title component (#2119)

* feat: confirm/execute titles

* place the component as per design

* remove redundant code

* use willExecute flag to display execution title

* adjust the gap between SignOrExecuteForm elements

* fix: remove error casting (#2127)

* fix: remove error casting

* refactor: don't call `asError` twice

* fix: execution method style (#2125)

* fix: execution method style

* fix: change component

* fix: change component

* fix: update amount field style (#2124)

* [TX flow] Send tokens overview (#2136)

* fix: Adjust TxLayout header design

* fix: Implement Token Transfer overview design

* Remove loading state

* [TX flow] style: offchain messages info boxes styles (#2134)

* style: adjust success and info box styles

* adjust msgSigners style

* style margins in the info elements

* clean up redundant variable

* test: update tx builder URL

* Feat: editable safeTxGas in Advanced details (#2132)

* Feat: editable safeTxGas in Advanced details

* Prettier

* Make the form a popover

* PR comments

* fix: Nonce form (#2120)

* fix: Update nonce input to show queued txs and reset button

* fix: Extract hook, show input error outline, hide reset button if readonly

* Add isEmpty flag to nonce input

* Fix test

* [TX flow] style: send token flow (#2126)

* placeholder for AddressInput identicon

* rm Send From

* add the dividers to the layout

* style CardActions

* fix tests

* [TX flow] styles: fix send token styles (#2138)

* style: remove unnecessary CSS

* style: consider the input label font-size in spacing

* Small UI tweaks

* fix: move default value to placeholder (#2139)

* Fix DecodedTx tests

* [TX flow] feat: add owner modal (#2143)

* feat: create add owner

* adjust ReviewOwner design

* component to wrap owner address and include subtitle in modal

* prefer RHF for form fields. use sx instead of classes

* use MUI component

* fix: remove owner flow styling (#2150)

* fix: remove owner flow styling

* fix: add titles

* fix: Optimize new tx flow for mobile screens

* refactor: Adjust all max media queries

---------

Co-authored-by: Diogo Soares <[email protected]>
Co-authored-by: katspaugh <[email protected]>
Co-authored-by: katspaugh <[email protected]>
Co-authored-by: Diogo Soares <[email protected]>
Co-authored-by: Aaron Cook <[email protected]>

* fix: Enable spending limit txs in new flow

* fix: Style review spending limit component

* feat: simulation

* Add context, update logos, remove canExecute

* fix: reset on tx change + simplify context

---------

Co-authored-by: Usame Algan <[email protected]>

* Fix: hide Edit for safeTxGas when 0 in 1.3.0+

* Simplify onBlur

* feat: Move Redefine into new Tx Flow

* fix: cleanup logos + comments

* refactor: Folder structure

---------

Co-authored-by: iamacook <[email protected]>

* Move replace tx screen into tx layout

* Add illustration, fix modal zIndex

* feat: add confirmation badge to flow

* fix: condition

* fix: dark mode

* fix: make balance change more compact

* fix: increase `gap` between changes

* feat: show alert before closing transaction flow

* fix: dark mode font colour

* fix: handle back button

* fix: change text

* fix: change text

* fix: unmount on final sig + close warning

* Adjust spending limit ui for new tx flow

* Adjust titles, fix remove owner button regression

* Extract enum and reuse

* Remove reset time switch

* Adjust enum exports

* Fix: autofocus recipient if not set

* hideBackdrop

* Fix NFTs tests

* Fix create_tx test

* fix: style new tx modal

* fix: revert wrapper

* fix: type

* fix: animated icon

* fix: e2e

* Adds nonce validation

* Adjust nonce validation

* Disable nonce for reject tx, use correct nonce when replacing a tx

* Adjust wording

* fix: migrate input to RHF

* Limit nonce input width

* Fix e2e tests

---------

Co-authored-by: iamacook <[email protected]>

* fix: don't warn for send NFTs or tx builder

* fix: use `instanceof`

* fix: make tx check widgets `sticky`

* fix: move CSS