Sign-in gate: emit events for ad slots

[tomrf1]

We need to signal to the ad slots when the popup gate is being viewed, and when it has been dismissed. This is so that ad refreshing can be suspended.

This PR does this by emitting new CustomEvents for tracking modals:

• modal:open
• modal:close

In the detail object it also specifies modalType: 'sign-in-gate-v2'

The PR also makes some small improvements:

1. removes the signInGateVersion prop from the top-level SignInGateSelector component. This was only added for storybook, but it's simpler if we only use the treatmentType field for determining the version.
2. moves the call to getAuxiaGateVersion up to the top level, so that we can use the version for these new events

[github-actions]

Deploy build 45493 of Mobile::mobile-apps-rendering to CODE

All deployment options

• Deploy build 45493 of Mobile::mobile-apps-rendering to CODE
• Deploy parts of build 45493 to CODE by previewing it first
• What's on CODE right now?

---

From guardian/actions-riff-raff.

[github-actions]

Deploy build 21253 of dotcom:rendering-all to CODE

All deployment options

• Deploy build 21253 of dotcom:rendering-all to CODE
• Deploy parts of build 21253 to CODE by previewing it first
• What's on CODE right now?

---

From guardian/actions-riff-raff.

[Copilot]

Pull Request Overview

This PR adds event emission for ad slots to signal when the sign-in gate popup is viewed or dismissed, enabling suspension of ad refreshing during popup display.

• Emits new events: article:sign-in-gate-${signInGateVersion}-viewed and article:sign-in-gate-${signInGateVersion}-dismissed
• Refactors gate version determination to use treatment type instead of prop-based configuration
• Moves getAuxiaGateVersion call to top level for consistent version handling across components

Reviewed Changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.

File	Description
SignInGatePortal.tsx	Updates auxiaGateDisplayData type to be required and simplifies getAuxiaGateVersion call
SignInGateSelector.importable.tsx	Removes signInGateVersion prop, moves version determination to top level, adds event emission logic
types.ts	Adds clarifying comment about gate versions
SignInGate.stories.tsx	Updates stories to use treatmentType instead of signInGateVersion prop

Comments suppressed due to low confidence (1)

dotcom-rendering/src/components/SignInGateSelector.importable.tsx:1

• The call to getAuxiaGateVersion is missing the first parameter after removing the signInGateVersion parameter. The function signature expects userTreatment as the first parameter, but this is passing it as the second.

import { getCookie, isUndefined, storage } from '@guardian/libs';

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[github-actions]

Hello 👋! When you're ready to run Chromatic, please apply the run_chromatic label to this PR.

You will need to reapply the label each time you want to run Chromatic.

Click here to see the Chromatic project.