feat: [IOCOM-880] SEND cancelled message, new DS

[Vangaorth]

⚠️ This PR depends on #5706 ⚠️

Short description

This PR adapts the cancelled SEND message details, for the new DS.	Cancelled No paid payments	Cancelled Paid payments

List of changes proposed in this pull request

• MessageCancelledContent component to display the warning alert
• MessageBottomMenu adapted to include paid notice codes in the "More Info" bottom sheet
• MessagePayments adapted not show the disclaimer anymore (which is shown in MessageCancelledContent)

How to test

Using the io-dev-api-server:

• for a SEND message that is not cancelled, no disclaimer should be shown, payments, attachments and F24 should appear and be selectable and the "More Info" bottom sheet should include all payment's notice-codes and entity-codes;
• for a cancelled SEND message with no payments (no unpaid nor paid), a disclaimer should appear with no reference to the payments (in its text), attachments should be disabled, no payments should appear, no F24 should appear, no notice codes should appear in the "More Info" bottom sheet
• for a cancelled SEND message with unpaid payments but not paid ones, a disclaimer should appear with a reference to the payments (in its text), attachments should be disabled, no payments should appear, no F24 should appear, no notice codes should appear in the "More Info" bottom sheet
• for a cancelled SEND message with paid payments (regardless of unpaid ones), a disclaimer should appear with a reference to the payments (in its text), attachments should be disabled, paid payments should appear, no F24 should appear, paid notice codes should appear in the "More Info" bottom sheet

[pagopa-github-bot]

Affected stories

• 🌟 IOCOM-880: [App] Adattare UI rimanente nel caso di notifica annullata subtask of
  • ⚡ IOCOM-814: Adottare il nuovo design system nel dettaglio di un messaggio di SEND

Generated by :no_entry_sign: dangerJS against ca100c77e7497966a80e01df58abdd53a07ab4ee

[dpulls[bot]]

:tada: All dependencies have been resolved !

[codecov[bot]]

Codecov Report

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

Project coverage is 48.86%. Comparing base (4f204b4) to head (ca100c7). Report is 42 commits behind head on master.

Additional details and impacted files

[](https://app.codecov.io/gh/pagopa/io-app/pull/5711?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) ```diff @@ Coverage Diff @@ ## master #5711 +/- ## ========================================== + Coverage 48.42% 48.86% +0.43% ========================================== Files 1488 1586 +98 Lines 31617 31960 +343 Branches 7669 7801 +132 ========================================== + Hits 15311 15616 +305 - Misses 16238 16276 +38 Partials 68 68 ``` | [Files](https://app.codecov.io/gh/pagopa/io-app/pull/5711?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/pn/components/MessageBottomMenu.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/5711?src=pr&el=tree&filepath=ts%2Ffeatures%2Fpn%2Fcomponents%2FMessageBottomMenu.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvcG4vY29tcG9uZW50cy9NZXNzYWdlQm90dG9tTWVudS50c3g=) | `95.00% <100.00%> (+9.28%)` | :arrow_up: | | [...features/pn/components/MessageCancelledContent.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/5711?src=pr&el=tree&filepath=ts%2Ffeatures%2Fpn%2Fcomponents%2FMessageCancelledContent.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvcG4vY29tcG9uZW50cy9NZXNzYWdlQ2FuY2VsbGVkQ29udGVudC50c3g=) | `100.00% <100.00%> (ø)` | | | [ts/features/pn/components/MessageDetails.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/5711?src=pr&el=tree&filepath=ts%2Ffeatures%2Fpn%2Fcomponents%2FMessageDetails.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvcG4vY29tcG9uZW50cy9NZXNzYWdlRGV0YWlscy50c3g=) | `83.33% <ø> (ø)` | | | [ts/features/pn/components/MessagePayments.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/5711?src=pr&el=tree&filepath=ts%2Ffeatures%2Fpn%2Fcomponents%2FMessagePayments.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvZmVhdHVyZXMvcG4vY29tcG9uZW50cy9NZXNzYWdlUGF5bWVudHMudHN4) | `72.72% <100.00%> (-2.28%)` | :arrow_down: | ... and [133 files with indirect coverage changes](https://app.codecov.io/gh/pagopa/io-app/pull/5711/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/5711?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/5711?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). Last update [f1274f7...ca100c7](https://app.codecov.io/gh/pagopa/io-app/pull/5711?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).