(async function() {
  const PANORAMA_SERVER_URL = 'https://panorama-api.yuja.com';
  const panoramaIdentifierKey = '9785ba0338b355dab6172be2812a9c58b7da9da7a522c21bb10afd3312d48691';
  const PANORAMA_CDN_URL = 'https://cdn-panorama.yuja.com';

  window.PANORAMA_SERVER_URL = PANORAMA_SERVER_URL;
  window.panoramaIdentifierKey = panoramaIdentifierKey;
  window.PANORAMA_CDN_URL = PANORAMA_CDN_URL;

  function loadScript(url) {
      const script = document.createElement('script');
      script.src = url;
      document.head.appendChild(script);
  }

  try {
      const response = await fetch(`${PANORAMA_SERVER_URL}/panorama-visualizer/canvas`, {cache: 'no-store'});
      const scriptUrl = await response.text();
      loadScript(scriptUrl);
  } catch (e) {
      console.error('Failed to load Panorama: ', e);
  }
})();

const TENANT_ID = "helenacollege";

/**
 * Adds a script to the document body.
 * @returns {Promise<void>} A promise that resolves when the script is loaded successfully, or rejects with an error if the script fails to load.
 */
function addScript() {
    const s3ScriptUrl = `https://s3.us-west-1.amazonaws.com/ddl.public/${TENANT_ID}/gradeExportButton.js`;

    return new Promise((resolve, reject) => {
        const script = document.createElement("script");
        script.setAttribute("charset", "UTF-8");
        script.setAttribute("src", s3ScriptUrl);
        script.onload = () => resolve();
        script.onerror = (error) => reject(error);
        document.body.appendChild(script);
    });
}

document.addEventListener("DOMContentLoaded", () => {
    addScript()
        .then(() => {
            if (window.addScript) {
                console.log('Loaded Insights script successfully');
            } else {
                console.error('Insights script did not load correctly');
            }
        })
        .catch((error) => console.error('Error loading Insights script:', error));
});