all initializers accept headers from config

Signed-off-by: Stephen Rugh <[email protected]>
hlxsites · Jan 8, 2025 · feea93a · feea93a
1 parent eff0b42
commit feea93a
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 14 deletions.
diff --git a/scripts/initializers/account.js b/scripts/initializers/account.js
@@ -1,11 +1,13 @@
 import { initializers } from '@dropins/tools/initializer.js';
-import { initialize } from '@dropins/storefront-account/api.js';
+import { initialize, setFetchGraphQlHeaders } from '@dropins/storefront-account/api.js';
 import { initializeDropin } from './index.js';
 import { fetchPlaceholders } from '../aem.js';
+import { getHeaders } from '../configs.js';
 
 await initializeDropin(async () => {
-  const labels = await fetchPlaceholders();
+  setFetchGraphQlHeaders(await getHeaders('account'));
 
+  const labels = await fetchPlaceholders();
   const langDefinitions = {
     default: {
       ...labels,

diff --git a/scripts/initializers/auth.js b/scripts/initializers/auth.js
@@ -1,12 +1,14 @@
 /* eslint-disable import/no-cycle */
 import { initializers } from '@dropins/tools/initializer.js';
-import { initialize } from '@dropins/storefront-auth/api.js';
+import { initialize, setFetchGraphQlHeaders } from '@dropins/storefront-auth/api.js';
 import { initializeDropin } from './index.js';
 import { fetchPlaceholders } from '../aem.js';
+import { getHeaders } from '../configs.js';
 
 await initializeDropin(async () => {
-  const labels = await fetchPlaceholders();
+  setFetchGraphQlHeaders(await getHeaders('auth'));
 
+  const labels = await fetchPlaceholders();
   const langDefinitions = {
     default: {
       ...labels,

diff --git a/scripts/initializers/cart.js b/scripts/initializers/cart.js
@@ -1,12 +1,14 @@
 /* eslint-disable import/no-cycle */
 import { initializers } from '@dropins/tools/initializer.js';
-import { initialize } from '@dropins/storefront-cart/api.js';
+import { initialize, setFetchGraphQlHeaders } from '@dropins/storefront-cart/api.js';
 import { initializeDropin } from './index.js';
 import { fetchPlaceholders } from '../aem.js';
+import { getHeaders } from '../configs.js';
 
 await initializeDropin(async () => {
-  const labels = await fetchPlaceholders();
+  setFetchGraphQlHeaders(await getHeaders('cart'));
 
+  const labels = await fetchPlaceholders();
   const langDefinitions = {
     default: {
       ...labels,

diff --git a/scripts/initializers/checkout.js b/scripts/initializers/checkout.js
@@ -1,11 +1,13 @@
 import { initializers } from '@dropins/tools/initializer.js';
-import { initialize } from '@dropins/storefront-checkout/api.js';
+import { initialize, setFetchGraphQlHeaders } from '@dropins/storefront-checkout/api.js';
 import { initializeDropin } from './index.js';
 import { fetchPlaceholders } from '../aem.js';
+import { getHeaders } from '../configs.js';
 
 await initializeDropin(async () => {
-  const labels = await fetchPlaceholders();
+  setFetchGraphQlHeaders(await getHeaders('checkout'));
 
+  const labels = await fetchPlaceholders();
   const langDefinitions = {
     default: {
       ...labels,

diff --git a/scripts/initializers/order.js b/scripts/initializers/order.js
@@ -1,7 +1,7 @@
 import { events } from '@dropins/tools/event-bus.js';
 import { initializers } from '@dropins/tools/initializer.js';
-import { initialize } from '@dropins/storefront-order/api.js';
-import { checkIsAuthenticated } from '../configs.js';
+import { initialize, setFetchGraphQlHeaders } from '@dropins/storefront-order/api.js';
+import { checkIsAuthenticated, getHeaders } from '../configs.js';
 import { initializeDropin } from './index.js';
 import { fetchPlaceholders } from '../aem.js';
 
@@ -19,22 +19,24 @@ import {
 
 await initializeDropin(async () => {
   const { pathname, searchParams } = new URL(window.location.href);
+  if (pathname.includes(CUSTOMER_ORDERS_PATH)) {
+    return;
+  }
   const isAccountPage = pathname.includes(CUSTOMER_PATH);
   const orderRef = searchParams.get('orderRef');
   const returnRef = searchParams.get('returnRef');
   const orderNumber = searchParams.get('orderNumber');
   const isTokenProvided = orderRef && orderRef.length > 20;
+
+  setFetchGraphQlHeaders(await getHeaders('order'));
+
   const labels = await fetchPlaceholders();
   const langDefinitions = {
     default: {
       ...labels,
     },
   };
 
-  if (pathname.includes(CUSTOMER_ORDERS_PATH)) {
-    return;
-  }
-
   const pathsRequiringRedirects = [
     ORDER_DETAILS_PATH,
     CUSTOMER_ORDER_DETAILS_PATH,