[dashboard] Lazy-load Chargebee library before creating a client

Author: jankeromnes

components/dashboard/src/chargebee/chargebee-client.ts

@@ -14,6 +14,15 @@ export class ChargebeeClientProvider {
 
     static async get(gitpodServer: GitpodServer) {
         if (!this.client) {
+            await new Promise<void>(resolve => {
+                const scriptTag = document.createElement('script');
+                scriptTag.src = 'https://js.chargebee.com/v2/chargebee.js';
+                scriptTag.async = true;
+                scriptTag.addEventListener('load', () => {
+                    resolve();
+                }, { once: true });
+                document.head.appendChild(scriptTag);
+            });
             const site = await gitpodServer.getChargebeeSiteId();
             this.client = (((window as any).Chargebee) as chargebee.Client).init({
                 site