NTP: FE - Freemium PIR Banner

[vkraucunas]

Asana Task/Github Issue: https://app.asana.com/0/72649045549333/1208964501989233/f

Description

• Adds a Freemium PIR banner, leveraging the RMF component styles as a start

Testing Steps

• Here’s the scan_results version, with the RMF next to it only for visual comparison
• Here’s the onboarding version

Checklist

Please tick all that apply:

• I have tested this change locally
• I have tested this change locally in all supported browsers
• This change will be visible to users
• I have added automated tests that cover this change
• I have ensured the change is gated by config
• This change was covered by a ship review
• This change was covered by a tech design
• Any dependent config has been merged

[netlify]

✅ Deploy Preview for content-scope-scripts ready!

Name	Link
🔨 Latest commit	20b4942
🔍 Latest deploy log	https://app.netlify.com/sites/content-scope-scripts/deploys/67605a191e1fa20008679a9e
😎 Deploy Preview	https://deploy-preview-1315--content-scope-scripts.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Temporary Branch Update

The temporary branch has been updated with the latest changes. Below are the details:

• Branch Name: pr-releases/pr-1315
• Commit Hash: 7a4d17ef5386208f16830b8fb43ba53eff89e6c6
• Install Command: npm i github:duckduckgo/content-scope-scripts#7a4d17ef5386208f16830b8fb43ba53eff89e6c6

Please use the above install command to update to the latest version.

[github-actions]

[Beta] Generated file diff

Time updated: Mon, 16 Dec 2024 16:50:32 GMT

Integration

    - integration/pages/new-tab/dist/index.css

• integration/pages/new-tab/dist/index.js

File has changed

Windows

    - windows/pages/new-tab/dist/index.css

• windows/pages/new-tab/dist/index.js

File has changed

Apple

    - dist/pages/new-tab/dist/index.css

• dist/pages/new-tab/dist/index.js

File has changed

New Files

    - integration/pages/new-tab/icons/Information-Remover-96.svg

• windows/pages/new-tab/icons/Information-Remover-96.svg
• dist/pages/new-tab/icons/Information-Remover-96.svg

❌ File only exists in new changeset

[shakyShane]

Very nice work - just a quick request on one of the schemas :)

[shakyShane]

@vkraucunas This will need a quick rebase now I believe, and can you also add something along the lines of https://github.com/duckduckgo/content-scope-scripts/compare/vkraucunas/freemium-pir-banner...shane/freemium-update?expand=1

^ just an example - I don't expect this is an XSS attack area (it's not user input after all), but since it's an area of the system we don't control I'd like us to be cautious with any HTML