@adobe-commerce/fetch-graphql 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adobe-commerce/fetch-graphql",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "license": "SEE LICENSE IN LICENSE.md",
     "description": "A library to fetch GraphQL queries and mutations",
     "engines": {

package/src/index.ts

@@ -43,7 +43,7 @@ class FetchGraphQLMesh {
     return this._fetchGraphQlHeaders;
   }
 
-  public _fetchGraphQlHeaders: Header | undefined;
+  public _fetchGraphQlHeaders: Header = {};
 
   /**
    * Sets the GraphQL endpoint.
@@ -69,14 +69,34 @@ class FetchGraphQLMesh {
    * @param key - The key of the header.
    */
   public removeFetchGraphQlHeader(key: string) {
-    delete this._fetchGraphQlHeaders?.[key];
+    delete this._fetchGraphQlHeaders[key];
   }
   /**
    * Sets the GraphQL headers.
-   * @param header - The header object.
+   * @param header - The header object or a function that returns a header object.
+   * If a function is provided, it will be called with the previous headers.
+   * The returned object will be merged with the previous headers.
+   * @example
+   * ```js
+   * // set headers
+   * setFetchGraphQlHeaders({ test: 'test' });
+   * 
+   * // merge with previous headers
+   * setFetchGraphQlHeaders((prev) => ({
+   *   ...prev,
+   *  test: 'test2',
+   * }));
+   * ```
    */
-  public setFetchGraphQlHeaders(header: Header) {
-    this._fetchGraphQlHeaders = { ...header };
+  public setFetchGraphQlHeaders(header: Header | ((prev: Header) => Header)) {
+    if (typeof header === 'function') {
+      this._fetchGraphQlHeaders = {
+        ...this._fetchGraphQlHeaders,
+        ...header(this._fetchGraphQlHeaders),
+      };
+    } else {
+      this._fetchGraphQlHeaders = { ...header };
+    }
   }
   /**
    * Fetches GraphQL data.
@@ -166,7 +186,7 @@ export class FetchGraphQL extends FetchGraphQLMesh {
     return (
       (this._endpoint
         ? this._fetchGraphQlHeaders
-        : { ...this._fetchGraphQlHeaders, ...mesh.fetchGraphQlHeaders }) || {}
+        : { ...this._fetchGraphQlHeaders, ...mesh.fetchGraphQlHeaders })
     );
   }
 }