Implement a `SurveyViewTrigger` component

Feature Description

User surveys require a trigger to be dispatched which may or may not result in a survey to be displayed. The first trigger that we will need is a view trigger. The easiest way to add this is by adding a dedicated component that triggers a view when it is first mounted. This requires the triggerSurvey action implemented in #3355.

---

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

Acceptance criteria

• A SurveyViewTrigger component should be added which when rendered dispatches triggerSurvey with the necessary arguments provided via props, but should only do so once, when initially mounted
  • Should require a triggerID prop as a string
  • Should accept an optional ttl prop as a number
  • Should only call triggerSurvey if the site is connected via the proxy (see isUsingProxy via the core/site store)
• Should be added to trigger a survey when the main Site Kit dashboard is rendered
  • triggerID must be view_dashboard
  • ttl should be 1 hour in milliseconds
  • Should be conditionally rendered based on the enabled state of the userFeedback feature flag

Implementation Brief

• Create assets/js/components/surveys/SurveyViewTrigger.js which exports the SurveyViewTrigger functional component with the props defined in the AC.
• Using the useMount hook, check if the site is connected via the proxy by querying the core/site data store via the isUsingProxy selector.
  • If this is the case, then dispatch the triggerSurvey action passing the triggerID prop and ttl prop as parameters.
• Using the DashboardApp component,
  • Check if the userFeedback feature flag is enabled by using the useFeature hook.
  • If this is the case, then render the SurveyViewTrigger component with the prop values defined in the AC.

Test Coverage

• No new tests to be added.

Visual Regression Changes

• N/A

QA Brief

• Check that new components have been created, and changes implemented, as per the AC above

Changelog entry

• Add React component for triggering a user survey on view.

[eugene-manuilov]

• Check that new components have been created, and changes implemented, as per the AC above

@danielgent could you please update the QA Brief so Cole or Darren can QA it? This ticket doesn’t have the QA: Eng tag which means that it should be tested by a QA engineer.

[asvinb]

@aaemnnosttv Just a note about this line:

Should only call triggerSurvey if the site is connected via the proxy (see isUsingProxy via the core/user store)

It should be the core/site store if am not mistaken 😁