Feat: sponsored banners (#186)

#### What is the purpose of this pull request?

This PR creates and exports the sponsoredBanners query.

#### What problem is this solving?

We need to create Sponsored Banners for our clients. To do this, it's
necessary to request the banners data to Ad Server.
The store-resources create the query and exports it for Sponsored
Banners component.

#### Types of changes

* [ ] Bug fix (a non-breaking change which fixes an issue)
* [x] New feature (a non-breaking change which adds functionality)
* [ ] Breaking change (fix or feature that would cause existing
functionality to change)
* [ ] Requires change to documentation, which has been updated
accordingly.

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Added
+
+- `sponsoredBanners` query.
+
 ## [0.101.0] - 2024-10-30
 
 ### Added

manifest.json

@@ -16,7 +16,8 @@
     "vtex.search-graphql": "0.x",
     "vtex.pwa-graphql": "1.x",
     "vtex.pixel-manager": "1.x",
-    "vtex.recommendation-graphql": "0.x"
+    "vtex.recommendation-graphql": "0.x",
+    "vtex.adserver-graphql": "0.x"
   },
   "$schema": "https://raw.githubusercontent.com/vtex/node-vtex-api/master/gen/manifest.schema"
 }

react/QuerySponsoredBanners.js

@@ -0,0 +1,3 @@
+import QuerySponsoredBanners from './queries/sponsoredBanners.gql'
+
+export default QuerySponsoredBanners

react/queries/sponsoredBanners.gql

@@ -0,0 +1,24 @@
+query sponsoredBanners(
+  $sponsoredCount: Int
+  $placement: Placement
+  $adUnit: AdUnit
+  $channel: Channel
+  $anonymousId: String
+) {
+  sponsoredBanners(
+    sponsoredCount: $sponsoredCount
+    placement: $placement
+    adUnit: $adUnit
+    channel: $channel
+    anonymousId: $anonymousId
+  ) @context(provider: "vtex.adserver-graphql") {
+    adResponseId
+    advertisement {
+      bannerImageId
+      imageUrl
+      targetUrl
+      width
+      height
+    }
+  }
+}