chore: [IOBP-1020] Using optimistic UI for remove payment method action

[LeleDallas]

Short description

This pull request introduces several changes to include an optimistic UI logic for the handling of deleted wallet cards in the wallet management system

List of changes proposed in this pull request

• Introduced a new DeletedCard type and updated the WalletCardsState type to include an optional deletedCard property.
• Added logic to handle the paymentsDeleteMethodAction request, cancel, and failure actions, ensuring that deleted cards can be restored if necessary.
• Modified the selectWalletCards selector to exclude the deletedCard from the list of wallet cards.
• Removed the call to walletRemoveCards and added logic to dispatch a failure action with network error details if the deletion fails

How to test

• Try to remove a payment method with a backend error (add a delay to the dev-server addPaymentWalletHandler delete function with 400 response)
• Check if the deleted method is coming back at its original position

Preview

Screen.Recording.2024-11-22.at.10.25.31.mov

[pagopa-github-bot]

Affected stories

• ⚙️ IOBP-1020: [FE] Implementazione optimistic UI alla rimozione di un metodo di pagamento
  subtask of
  • ⚡ IOBP-701: Evolutive flusso di on-boarding/pagamento

Generated by 🚫 dangerJS against a474bb5

[codecov]

Codecov Report

Attention: Patch coverage is 77.77778% with 4 lines in your changes missing coverage. Please review.

Project coverage is 48.41%. Comparing base (4f204b4) to head (a474bb5).
Report is 838 commits behind head on master.

Files with missing lines	Patch %	Lines
...payments/details/saga/handleDeleteWalletDetails.ts	0.00%	2 Missing ⚠️
ts/features/wallet/store/reducers/cards.ts	84.61%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #6446      +/-   ##
==========================================
- Coverage   48.42%   48.41%   -0.01%     
==========================================
  Files        1488     1577      +89     
  Lines       31617    32183     +566     
  Branches     7669     7331     -338     
==========================================
+ Hits        15311    15583     +272     
- Misses      16238    16547     +309     
+ Partials       68       53      -15     

Files with missing lines	Coverage Δ
ts/features/wallet/store/selectors/index.ts	87.50% <100.00%> (ø)
...payments/details/saga/handleDeleteWalletDetails.ts	0.00% <0.00%> (ø)
ts/features/wallet/store/reducers/cards.ts	93.93% <84.61%> (ø)

... and 1712 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update b420196...a474bb5. Read the comment docs.

[Hantex9]

Good job! Tested on iOS simulator and Android emulator with different cases and it works as expected ✨

LGTM!