site-kit-wp: Invalid language in "Insufficient permissions" errors for non-authenticated users

Bug Description

When sharing a view only version of a dashboard, Analytics permission errors (and possibly others) are output in the view only dashboard. This includes for administrators (if they selected the view only dashboard) and for non administrator roles.

https://user-images.githubusercontent.com/41326532/203974972-91b047f3-5bec-4251-8c52-d8b5af2b69ac.mp4

This is similar to what was reported previously: https://github.com/google/site-kit-wp/issues/5551

Steps to reproduce

1. Setup SK and connect Analytics. When connecting Analytics connect it to a property that another user has access to.
2. Ensure the dashboard loads as expected, showing Analytics data or the zero state.
3. From analytics.google.com remove access to the connected property (from another Google account, alternatively delete the connected property)
4. Reload the Site Kit dashboard (you may need to wait 1 hour due to caches responses. You an switch the reporting period if so)
5. You’ll notice the permissions error.
6. Share the dashboard (specifically Analytics) with other users (admins or other roles)
7. Login as one of those users. The error appears

Screenshots

Additional Context

• SK 1.88.0
• Latest version of the Tester plugin
• For administrators the “Request access” button also appears, even though the administrators are not signed into Google
• For editors the “Request access” button does not appear

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• The error shown for insufficient permissions on the dashboard should use alternate language for non-authenticated users:

Heading

Access lost to {Module Name}

Body

The administrator sharing this module with you has lost access to the {Google Service} service, so you won’t be able to see stats from it on the Site Kit dashboard. You can contact them or another administrator to restore access.

• For authenticated admins the language should remain as today
• The button to Request access from a report error should only be shown to authenticated admins

Implementation Brief

• In assets/js/components/ReportError.js:
  • Update the getMessage() function:
    • Before executing the existing functionality, check if the current user is a view-only user. This can be done by using the useViewOnly() hook. If so:
      • Set the title variable as mentioned in the ACs as the heading (translatable).
      • From the function, return the string as mentioned in the ACs as the body (translatable).
      • Both {Module Name} and {Google Service} placeholders in the ACs should be replaced with the name of the module (module.name).
  • Inside the return statement, display the div.googlesitekit-error-cta-wrapper element only if the current user is not a view-only user.
  • Add a Storybook story for the case where there is a ReportError with insufficient permissions but for a view-only user.

Test Coverage

• In assets/js/components/ReportError.test.js:
  • Add test case(s) to cover the above scenario.

QA Brief

• Following Steps to reproduce make the error appear
• Check new text for view-only users
• Verify the “Request access” button doesn’t appear for a non-authenticated administrator
• Verify that the language change only shows up if it is an “Insufficient permissions” error.

Changelog entry

• Fix presentation of errors from Google APIs shown to view-only users.