Merge branch 'main' into pdp-i18n

scripts/configs.js

@@ -1,3 +1,5 @@
+const ALLOWED_CONFIGS = ['prod', 'stage', 'dev'];
+
 /**
  * This function calculates the environment in which the site is running based on the URL.
  * It defaults to 'prod'. In non 'prod' environments, the value can be overwritten using
@@ -16,7 +18,7 @@ export const calcEnvironment = () => {
   }
 
   const environmentFromConfig = window.sessionStorage.getItem('environment');
-  if (environmentFromConfig && environment !== 'prod') {
+  if (environmentFromConfig && ALLOWED_CONFIGS.includes(environmentFromConfig) && environment !== 'prod') {
     return environmentFromConfig;
   }
 
@@ -25,16 +27,23 @@ export const calcEnvironment = () => {
 
 function buildConfigURL(environment) {
   const env = environment || calcEnvironment();
-  const configURL = new URL(`${window.location.origin}/configs.json`);
-  configURL.searchParams.set('sheet', env);
+  let fileName = 'configs.json?sheet=prod';
+  if (env !== 'prod') {
+    fileName = `configs-${env}.json`;
+  }
+  const configURL = new URL(`${window.location.origin}/${fileName}`);
   return configURL;
 }
 
 const getConfigForEnvironment = async (environment) => {
   const env = environment || calcEnvironment();
   let configJSON = window.sessionStorage.getItem(`config:${env}`);
   if (!configJSON) {
-    configJSON = await fetch(buildConfigURL(env)).then((res) => res.text());
+    configJSON = await fetch(buildConfigURL(env));
+    if (!configJSON.ok) {
+      throw new Error(`Failed to fetch config for ${env}`);
+    }
+    configJSON = await configJSON.text();
     window.sessionStorage.setItem(`config:${env}`, configJSON);
   }
   return configJSON;