Added base URL so it doesn't confuse others down the road

Author: chris4490

angular.json

@@ -91,5 +91,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": "ba59284d-5e0e-42e0-a9ba-503c763a3889"
   }
 }

package-lock.json

@@ -37,6 +37,6 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "postcss-loader": "^7.3.3",
     "tailwindcss": "^3.3.3",
-    "typescript": "~5.2.0"
+    "typescript": "<5.2.0"
   }
 }

package.json

@@ -19,6 +19,7 @@ export class AuthService {
   constructor() {
     this.sdk = Descope({
       projectId: environment.descopeProjectId,
+      baseUrl: environment.baseURL,
       persistTokens: true,
       autoRefresh: true,
     });

src/app/auth.service.ts

@@ -9,6 +9,7 @@ import { environment } from '../../environments/environment';
 })
 export class LoginComponent implements OnInit {
   descopeProjectId!: string;
+  descopeBaseURL!: string;
 
   constructor(
     private elRef: ElementRef,
@@ -18,15 +19,18 @@ export class LoginComponent implements OnInit {
 
   ngOnInit(): void {
     this.descopeProjectId = environment.descopeProjectId;
+    this.descopeBaseURL = environment.baseURL;
     this.initDescopeWc();
   }
 
   private initDescopeWc(): void {
     const wcElement = this.renderer.createElement('descope-wc');
 
     this.renderer.setAttribute(wcElement, 'project-id', this.descopeProjectId);
+    this.renderer.setAttribute(wcElement, 'base-url', this.descopeBaseURL);
     this.renderer.setAttribute(wcElement, 'flow-id', 'sign-up-or-in');
     this.renderer.setAttribute(wcElement, 'theme', 'light');
+    this.renderer.setAttribute(wcElement, 'persistTokens', 'true');
 
     const parentElement = this.elRef.nativeElement;
     this.renderer.appendChild(parentElement, wcElement);

src/app/login/login.component.ts

@@ -1,4 +1,5 @@
 export const environment = {
   production: false,
   descopeProjectId: '<Descope Project ID>',
+  baseURL: "https://api.descope.com"
 };

src/environments/environment.ts.example

@@ -6,8 +6,8 @@
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
-    <script src="https://unpkg.com/@descope/web-component@2.8.12/dist/index.js"></script>
-    <script src="https://unpkg.com/@descope/web-js-sdk@1.4.3/dist/index.umd.js"></script>
+    <script src="https://unpkg.com/@descope/web-component@2.11.3/dist/index.js"></script>
+    <script src="https://unpkg.com/@descope/web-js-sdk@1.6.2/dist/index.umd.js"></script>
     <link
       rel="stylesheet"
       href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"