When events are lost - not detected in the last 90 days CRON sync, a banner should be surfaced to notify users that some data has not been detected for a long time.
Do not alter or remove anything below. The following sections will be managed by moderators only.
Acceptance criteria
When lost events are detected, new banner variation should appear in the KMW section matching the Figma designs
Lost event(s) should match the currently selected KMW, if there is no KMW associated with the lost event(s) currently on the dashboard, banner shouldn't be shown
If new events detected banner is showing (9371), lost events banner should appear above it, they shouldn't be mutually exclusive
Clicking on Got it CTA should dismiss the banner
Clicking Select metrics CTA should open KM selection panel
Check if there are lost events detected using hasLostConversionReportingEvents selector from Analytics module datastore
Then conditionally render LostEventsSubtleNotification above the ACRDashboardSubtleNotification
Include onDismissLostEvents callback function, and dispatch dismissLostConversionReportingEvents action from analytics datastore. Pass it as onDismissCallback prop of LostEventsSubtleNotification
Pass it as onSelectMetricsCallback prop of LostEventsSubtleNotification
Test Coverage
Update tests for ACRNotificationCTAWidget (basic coverage added in 9344), to verify that banner is showing when conditions are met, and not showing otherwise for example. Also test for new CTA's variation and verifying that it updates the UI state which will trigger the opening of selection panel, etc.
Feature Description
When events are lost - not detected in the last 90 days CRON sync, a banner should be surfaced to notify users that some data has not been detected for a long time.
Figma designs
Do not alter or remove anything below. The following sections will be managed by moderators only.
Acceptance criteria
Got it
CTA should dismiss the bannerSelect metrics
CTA should open KM selection panelImplementation Brief
assets/js/components/KeyMetrics/LostEventsSubtleNotification.js
ACRDashboardSubtleNotification
(implemented in 9371) as a starting pointonDismissCallback
andonSelectMetricsCallback
propsGot it
CTA, and on click invokeonDismissCallback
propSelect metrics
CTA and invokeonSelectMetricsCallback
callbackassets/js/components/KeyMetrics/ACRNotificationCTAWidget.js
hasLostConversionReportingEvents
selector from Analytics module datastoreLostEventsSubtleNotification
above theACRDashboardSubtleNotification
onDismissLostEvents
callback function, and dispatchdismissLostConversionReportingEvents
action from analytics datastore. Pass it asonDismissCallback
prop ofLostEventsSubtleNotification
onSelectMetrics
callback function - if not included already by another banner issue - that should open the selection panel https://github.com/google/site-kit-wp/blob/79b4417581b1cca3d718f7e55127681e6e05fc6f/assets/js/components/KeyMetrics/ChangeMetricsLink.js#L48 and dismiss the banner, usingonDismissLostEvents
onSelectMetricsCallback
prop ofLostEventsSubtleNotification
Test Coverage
QA Brief
Changelog entry