chore: [IOBP-981,IOBP-1002] Add PSP_ERROR outcome screen into payment flow

Hantex9 commented 3 days ago

Short description

This PR adds the PSP_ERROR screen inside the payment outcome flow.

List of changes proposed in this pull request

Mapped the PSP_ERROR outcome as value 25;
Mapped the PSP_ERROR to mixpanel analytics;
Mapped the outcome BE_NODE_KO as PAYMENT_99_ERROR to mixpanel analytics;

How to test

Start a payment flow with the dev-server started;
When you reach the final screen that opens inside the in-app browser, choose from the dropdown the PSP_ERROR value;
Check that the expected screen is the same as designed here

Preview

https://github.com/user-attachments/assets/e5ab3737-01f4-4347-be77-cbffcaeec073

pagopa-github-bot commented 3 days ago

	Warnings
:warning:	Multiple stories with different types are associated with this Pull request. Only one tag will be added, following the order: `feature > bug > chore`

Affected stories

⚙️ IOBP-981: [FE - Esito] Implementare schermata di PSP_ERROR subtask of
- 🌟 IOBP-941: [Flusso di pagamento] Miglioramento schermate d'errore/outcome in fase di verifica/attivazione ed autorizzazione (errore non gestito + generic_error)
⚙️ IOBP-1002: [FE] Implementazione evento di tracking per schermata PSP_ERROR subtask of
- 🌟 IOBP-998: Pagamento - Implementazione nuovo evento di tracking per schermata PSP_ERROR (outcome 25)

Generated by :no_entry_sign: dangerJS against d5a11d0d107795a4ea43b51b0810b1f1659dc163

thisisjp commented 3 days ago

@dmnplb can you please check the video? The font-size of new font seems off at 00:03

codecov[bot] commented 3 days ago

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 47.77%. Comparing base (4f204b4) to head (d5a11d0). Report is 802 commits behind head on master.

Additional details and impacted files

[![Impacted file tree graph](https://app.codecov.io/gh/pagopa/io-app/pull/6461/graphs/tree.svg?width=650&height=150&src=pr&token=zsurlZdPFW&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa)](https://app.codecov.io/gh/pagopa/io-app/pull/6461?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) ```diff @@ Coverage Diff @@ ## master #6461 +/- ## ========================================== - Coverage 48.42% 47.77% -0.66% ========================================== Files 1488 1584 +96 Lines 31617 32321 +704 Branches 7669 7368 -301 ========================================== + Hits 15311 15440 +129 - Misses 16238 16840 +602 + Partials 68 41 -27 ``` | [Files with missing lines](https://app.codecov.io/gh/pagopa/io-app/pull/6461?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) | Coverage Δ | | |---|---|---| | [ts/features/payments/checkout/analytics/index.ts](https://app.codecov.io/gh/pagopa/io-app/pull/6461?src=pr&el=tree&filepath=ts%2Ffeatures%2Fpayments%2Fcheckout%2Fanalytics%2Findex.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvcGF5bWVudHMvY2hlY2tvdXQvYW5hbHl0aWNzL2luZGV4LnRz) | `53.79% <100.00%> (ø)` | | | [...ts/checkout/screens/WalletPaymentOutcomeScreen.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/6461?src=pr&el=tree&filepath=ts%2Ffeatures%2Fpayments%2Fcheckout%2Fscreens%2FWalletPaymentOutcomeScreen.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvcGF5bWVudHMvY2hlY2tvdXQvc2NyZWVucy9XYWxsZXRQYXltZW50T3V0Y29tZVNjcmVlbi50c3g=) | `81.06% <100.00%> (+79.49%)` | :arrow_up: | | [...ures/payments/checkout/types/PaymentOutcomeEnum.ts](https://app.codecov.io/gh/pagopa/io-app/pull/6461?src=pr&el=tree&filepath=ts%2Ffeatures%2Fpayments%2Fcheckout%2Ftypes%2FPaymentOutcomeEnum.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvcGF5bWVudHMvY2hlY2tvdXQvdHlwZXMvUGF5bWVudE91dGNvbWVFbnVtLnRz) | `100.00% <ø> (+75.00%)` | :arrow_up: | ... and [1696 files with indirect coverage changes](https://app.codecov.io/gh/pagopa/io-app/pull/6461/indirect-changes?src=pr&el=tree-more&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) ------ [Continue to review full report in Codecov by Sentry](https://app.codecov.io/gh/pagopa/io-app/pull/6461?dropdown=coverage&src=pr&el=continue&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). > **Legend** - [Click here to learn more](https://docs.codecov.io/docs/codecov-delta?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) > `Δ = absolute (impact)`, `ø = not affected`, `? = missing data` > Powered by [Codecov](https://app.codecov.io/gh/pagopa/io-app/pull/6461?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). Last update [83ae221...d5a11d0](https://app.codecov.io/gh/pagopa/io-app/pull/6461?dropdown=coverage&src=pr&el=lastupdated&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). Read the [comment docs](https://docs.codecov.io/docs/pull-request-comments?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa).

pagopa / io-app