feat: [IOPID-1538] Integrate new DS in SystemOffModal and update it to functional component

[ChrisMattew]

Short description

Integrate new Design System in SystemOffModal component and update it from class to functional component

List of changes proposed in this pull request

• Integrate new DS
• Update from class to functional component
• Improve backendStatusSelector
• Update translations

  Test

  E2E

  [!Tip]

  Screens

Screens

| iOS(no message) | Android(no message) | | - | - | | | | | iOS(message) | Android(message) | | - | - | | | |

How to test

From iOS(simulator and physical device)

There are 2 ways:

• In ts/screens/modal/RootModal.tsx invert the props.isBackendServicesStatusOff prop and run the app to see the updated screen;
• Testing in local environment - clone io-dev-api-server repo if you haven't did it yet and follow the instructions - go in src/payloads/backend.ts and set backendStatus.is_alive to false, then restart the app.

  From Android simulator

  In ts/sagas/startup.ts find and comment the code snippets shown here below:

  
  // this
  const unsupportedDevice = yield* call(checkPublicKeyAndBlockIfNeeded);
  if (unsupportedDevice) {
   return;
  }

// and this const isAssertionRefValid = yield* call( checkLollipopSessionAssertionAndInvalidateIfNeeded, publicKey, maybeSessionInformation ); if (!isAssertionRefValid) { return; }

then follow the process already explained in iOS section.

[pagopa-github-bot]

Affected stories

• 🌟 IOPID-1538: [DS-Modal][APP] System off subtask of
  • ⚡ IOPID-1515: DS - Modali ed errori e refresh sessione (16)

Generated by :no_entry_sign: dangerJS against 6b4257b453c870189ddedbc1e9d599e1101afa06

[ChrisMattew]

@mariateresaventura copy needs a review 🙏🏼

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 30.00000% with 7 lines in your changes are missing coverage. Please review.

Project coverage is 48.55%. Comparing base (4f204b4) to head (6b4257b). Report is 13 commits behind head on master.

Additional details and impacted files

[](https://app.codecov.io/gh/pagopa/io-app/pull/5703?src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) ```diff @@ Coverage Diff @@ ## master #5703 +/- ## ========================================== + Coverage 48.42% 48.55% +0.13% ========================================== Files 1488 1500 +12 Lines 31617 31634 +17 Branches 7669 7680 +11 ========================================== + Hits 15311 15361 +50 + Misses 16238 16205 -33 Partials 68 68 ``` | [Files](https://app.codecov.io/gh/pagopa/io-app/pull/5703?dropdown=coverage&src=pr&el=tree&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa) | Coverage Δ | | |---|---|---| | [ts/store/reducers/backendStatus.ts](https://app.codecov.io/gh/pagopa/io-app/pull/5703?src=pr&el=tree&filepath=ts%2Fstore%2Freducers%2FbackendStatus.ts&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvc3RvcmUvcmVkdWNlcnMvYmFja2VuZFN0YXR1cy50cw==) | `73.07% <100.00%> (ø)` | | | [ts/screens/modal/SystemOffModal.tsx](https://app.codecov.io/gh/pagopa/io-app/pull/5703?src=pr&el=tree&filepath=ts%2Fscreens%2Fmodal%2FSystemOffModal.tsx&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa#diff-dHMvc2NyZWVucy9tb2RhbC9TeXN0ZW1PZmZNb2RhbC50c3g=) | `11.11% <12.50%> (-8.89%)` | :arrow_down: | ... and [10 files with indirect coverage changes](https://app.codecov.io/gh/pagopa/io-app/pull/5703/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/5703?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/5703?dropdown=coverage&src=pr&el=footer&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=pagopa). Last update [b28df07...6b4257b](https://app.codecov.io/gh/pagopa/io-app/pull/5703?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).