function injectTcccWebSDK(SdkURL) {
    if (window.tccc) {
      console.warn('SDK has already been initialized. Please confirm if it is being initialized repeatedly');
      return;
    }
    return new Promise((resolve, reject) => {
      const script = document.createElement('script');
      script.setAttribute('crossorigin', 'anonymous');
      // The DomId that needs to be rendered
      // To ensure a complete workspace UI, the rendering Dom has a minimum height of 480px and a minimum width of 760px
      // script.dataset.renderDomId = "renderDom";
      script.src = SdkURL;
      document.body.appendChild(script);
      script.addEventListener('load', () => {
        // JS SDK file is loaded successfully. You can now use the global variable "tccc"
        window.tccc.on(window.tccc.events.ready, () => {
          /**
          * Once the TCCC SDK is successfully initialized, you can start using functionalities such as event listening and more.
          * Caution: Ensure that the SDK is initialized only once
          * */
          resolve('Successfully initialized')
        });
        window.tccc.on(window.tccc.events.tokenExpired, ({message}) => {
          console.error('Initialization failed', message)
          reject(message)
        })
      })
    })
}

// Request the interface implement in the second step /loginTCCC 
// Caution: The following is merely code illustration, not advisable to execute directly
fetch('/loginTCCC')
  .then(res => res.json())
  .then((res) => {
    const SdkURL = res.SdkURL; // Ensure SdkURL is always returned through request, otherwise unpredictable errors may occur!
    return injectTcccWebSdk(SdkURL);    
  })
  .catch((error) => {
    // Initialization failed
    console.error(error);    
  })