igniteui-cli 15.2.2 → 15.3.1-beta.1

package/templates/webcomponents/igc-ts/projects/side-nav-auth/files/src/app/authentication/login-dialog/login-dialog.ts

@@ -0,0 +1,253 @@
+import { LitElement, html, css } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { Router } from '@vaadin/router';
+import { defineComponents, IgcButtonComponent, IgcDialogComponent, IgcIconComponent, IgcInputComponent } from 'igniteui-webcomponents';
+import { Authentication } from '../services/authentication.js';
+import { ExternalAuth } from '../services/externalAuth.js';
+import { UserStore } from '../services/userStore.js';
+import type { User } from '../models/user.js';
+
+defineComponents(IgcButtonComponent, IgcDialogComponent, IgcIconComponent, IgcInputComponent);
+
+@customElement('auth-login-dialog')
+export class LoginDialogElement extends LitElement {
+  @state() private showLogin = true;
+  @state() private error = '';
+  @state() private _loginValid = false;
+  @state() private _registerValid = false;
+
+  static styles = css`
+    igc-dialog::part(base) {
+      max-width: 24rem;
+      width: calc(100vw - 48px);
+    }
+
+    igc-dialog::part(title) {
+      font-size: 1.125rem;
+      font-weight: 600;
+      color: #2d2d2d;
+      border-bottom: none;
+    }
+
+    .form {
+      display: flex;
+      flex-flow: column;
+      gap: 16px;
+      padding: 8px 0 0;
+    }
+
+    .form > * {
+      width: 100%;
+    }
+
+    igc-input {
+      --ig-input-group-focused-secondary-color: #239ef0;
+      --ig-input-group-focused-border-color: #239ef0;
+      --ig-input-group-filled-text-color: #2d2d2d;
+    }
+
+    igc-input igc-icon {
+      color: #0075d2;
+      --ig-icon-size: 1.50rem;
+    }
+
+    .error {
+      margin: 0;
+      font-size: .875rem;
+      color: #d32f2f;
+    }
+
+    .submit-btn {
+      display: block;
+    }
+
+    .submit-btn::part(base) {
+      width: 100%;
+      min-height: 40px;
+      font-weight: 600;
+      text-transform: uppercase;
+    }
+
+    .submit-btn:not([disabled])::part(base) {
+      background: #239ef0;
+      color: #fff;
+    }
+
+    .submit-btn:not([disabled])::part(base):hover {
+      background: #1a8fd8;
+    }
+
+    .submit-btn[disabled]::part(base) {
+      background: #e0e0e0;
+      color: #767676;
+    }
+
+    .link-btn {
+      align-self: center;
+      text-align: center;
+      color: #0075d2;
+      font-size: .875rem;
+      cursor: pointer;
+      text-decoration: underline;
+      text-transform: none;
+    }
+
+    .link-btn:hover,
+    .link-btn:focus-visible {
+      color: #005da8;
+    }
+
+    .social-login {
+      display: grid;
+      gap: 8px;
+      padding-top: 16px;
+      border-top: 1px solid #d7d7d7;
+    }
+
+    .social-btn {
+      display: block;
+    }
+
+    .social-btn::part(base) {
+      width: 100%;
+      min-height: 40px;
+      color: #fff;
+      font-weight: 600;
+      text-transform: uppercase;
+    }
+
+    .google::part(base)    { background: rgb(255, 19, 74); }
+    .facebook::part(base)  { background: rgb(19, 119, 213); }
+    .microsoft::part(base) { background: rgb(27, 158, 245); }
+  `;
+
+  private dialogRef: IgcDialogComponent | null = null;
+
+  public open() {
+    this.showLogin = true;
+    this.error = '';
+    this.dialogRef?.show();
+  }
+
+  firstUpdated() {
+    this.dialogRef = this.shadowRoot?.querySelector('igc-dialog') ?? null;
+  }
+
+  private checkLoginValidity = (e: Event) => {
+    this._loginValid = (e.currentTarget as HTMLFormElement).checkValidity();
+  };
+
+  private checkRegisterValidity = (e: Event) => {
+    this._registerValid = (e.currentTarget as HTMLFormElement).checkValidity();
+  };
+
+  private handleLoginSubmit = async (e: Event) => {
+    e.preventDefault();
+    this.error = '';
+    const form = e.target as HTMLFormElement;
+    const data = new FormData(form);
+    const result = await Authentication.login({
+      email: data.get('email') as string,
+      password: data.get('password') as string,
+    });
+    if (result.user) {
+      form.reset();
+      this._loginValid = false;
+      UserStore.setUser(result.user as User);
+      this.dialogRef?.hide();
+      this.dispatchEvent(new CustomEvent('auth-change', { bubbles: true, composed: true }));
+      Router.go('/auth/profile');
+    } else {
+      this.error = result.error ?? 'Login failed';
+    }
+  };
+
+  private handleRegisterSubmit = async (e: Event) => {
+    e.preventDefault();
+    this.error = '';
+    const form = e.target as HTMLFormElement;
+    const data = new FormData(form);
+    const result = await Authentication.register({
+      given_name: data.get('given_name') as string,
+      family_name: data.get('family_name') as string,
+      email: data.get('email') as string,
+      password: data.get('password') as string,
+    });
+    if (result.user) {
+      form.reset();
+      this._registerValid = false;
+      UserStore.setUser(result.user as User);
+      this.dialogRef?.hide();
+      this.dispatchEvent(new CustomEvent('auth-change', { bubbles: true, composed: true }));
+      Router.go('/auth/profile');
+    } else {
+      this.error = result.error ?? 'Registration failed';
+    }
+  };
+
+  render() {
+    const title = this.showLogin ? 'Login' : 'Register';
+
+    const loginForm = html`
+      <form class="form" @submit=${this.handleLoginSubmit} @input=${this.checkLoginValidity} novalidate>
+        <igc-input outlined type="email" name="email" label="Email" autocomplete="email" required>
+          <igc-icon slot="suffix" name="account_circle" collection="material"></igc-icon>
+        </igc-input>
+        <igc-input outlined type="password" name="password" label="Password" autocomplete="current-password" required>
+          <igc-icon slot="suffix" name="lock" collection="material"></igc-icon>
+        </igc-input>
+        ${this.error ? html`<p class="error">${this.error}</p>` : ''}
+        <igc-button class="submit-btn" variant="contained" type="submit" ?disabled=${!this._loginValid}>Log In</igc-button>
+        <a class="link-btn" @click=${() => { this.showLogin = false; this.error = ''; }} role="button" tabindex="0">Create new account</a>
+        ${ExternalAuth.hasProvider() ? html`
+          <div class="social-login">
+            ${ExternalAuth.hasProvider('google') ? html`
+              <igc-button class="social-btn google" variant="contained" type="button"
+                @click=${() => ExternalAuth.login('google')}>Sign in with Google</igc-button>
+            ` : ''}
+            ${ExternalAuth.hasProvider('facebook') ? html`
+              <igc-button class="social-btn facebook" variant="contained" type="button"
+                @click=${() => ExternalAuth.login('facebook')}>Sign in with Facebook</igc-button>
+            ` : ''}
+            ${ExternalAuth.hasProvider('microsoft') ? html`
+              <igc-button class="social-btn microsoft" variant="contained" type="button"
+                @click=${() => ExternalAuth.login('microsoft')}>Sign in with Microsoft</igc-button>
+            ` : ''}
+          </div>
+        ` : ''}
+      </form>
+    `;
+
+    const registerForm = html`
+      <form class="form" @submit=${this.handleRegisterSubmit} @input=${this.checkRegisterValidity} novalidate>
+        <igc-input outlined type="text" name="given_name" label="First Name" autocomplete="given-name" required>
+          <igc-icon slot="suffix" name="assignment_ind" collection="material"></igc-icon>
+        </igc-input>
+        <igc-input outlined type="text" name="family_name" label="Last Name" autocomplete="family-name">
+          <igc-icon slot="suffix" name="assignment_ind" collection="material"></igc-icon>
+        </igc-input>
+        <igc-input outlined type="email" name="email" label="Email" autocomplete="email" required>
+          <igc-icon slot="suffix" name="account_circle" collection="material"></igc-icon>
+        </igc-input>
+        <igc-input outlined type="password" name="password" label="Password" autocomplete="new-password" required>
+          <igc-icon slot="suffix" name="lock" collection="material"></igc-icon>
+        </igc-input>
+        ${this.error ? html`<p class="error">${this.error}</p>` : ''}
+        <igc-button class="submit-btn" variant="contained" type="submit" ?disabled=${!this._registerValid}>Sign Up</igc-button>
+        <a class="link-btn" @click=${() => { this.showLogin = true; this.error = ''; }} role="button" tabindex="0">Have an account?</a>
+      </form>
+    `;
+    return html`
+      <igc-dialog .title=${title} .closeOnOutsideClick=${true}>
+        <span slot="footer"></span>
+        ${this.showLogin ? loginForm : registerForm}
+      </igc-dialog>
+    `;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'auth-login-dialog': LoginDialogElement;
+  }
+}

package/templates/webcomponents/igc-ts/projects/side-nav-auth/files/src/app/authentication/models/external-login.ts

@@ -0,0 +1,10 @@
+/** User profile returned by a social (external) auth provider. */
+export interface ExternalLogin {
+  id: string;
+  name: string;
+  email?: string; // not always present use id as fallback key
+  given_name?: string;
+  family_name?: string;
+  picture?: string;
+  externalToken: string;
+}

package/templates/webcomponents/igc-ts/projects/side-nav-auth/files/src/app/authentication/models/login.ts

@@ -0,0 +1,4 @@
+export interface Login {
+  email: string;
+  password: string;
+}

package/templates/webcomponents/igc-ts/projects/side-nav-auth/files/src/app/authentication/models/register-info.ts

@@ -0,0 +1,6 @@
+export interface RegisterInfo {
+  given_name: string;
+  family_name: string;
+  email: string;
+  password: string;
+}

package/templates/webcomponents/igc-ts/projects/side-nav-auth/files/src/app/authentication/models/user.ts

@@ -0,0 +1,19 @@
+/** Data transfer model expected from backend API JWT-s */
+export interface UserJWT {
+  exp: number;
+  name: string;
+  given_name: string;
+  family_name: string;
+  email: string;
+  picture?: string;
+}
+
+/** Client user model */
+export interface User extends UserJWT {
+  token: string;
+}
+
+export interface LoginResult {
+  user?: User;
+  error?: string;
+}

package/templates/webcomponents/igc-ts/projects/side-nav-auth/files/src/app/authentication/services/authentication.ts

@@ -0,0 +1,37 @@
+import type { Login } from '../models/login.js';
+import type { RegisterInfo } from '../models/register-info.js';
+import type { ExternalLogin } from '../models/external-login.js';
+import type { LoginResult } from '../models/user.js';
+import { parseUser } from './jwtUtil.js';
+import { fakeLogin, fakeRegister, fakeExtLogin } from './fakeBackend.js';
+
+/** Authentication service — swap fakeLogin/fakeRegister for real API calls when ready. */
+export const Authentication = {
+  async login(data: Login): Promise<LoginResult> {
+    try {
+      const token = await fakeLogin(data);
+      return { user: parseUser(token) };
+    } catch (e: any) {
+      return { error: e.message };
+    }
+  },
+
+  async register(data: RegisterInfo): Promise<LoginResult> {
+    try {
+      const token = await fakeRegister(data);
+      return { user: parseUser(token) };
+    } catch (e: any) {
+      return { error: e.message };
+    }
+  },
+
+  /** Send user info from a social provider to the external login endpoint. */
+  async loginWith(data: ExternalLogin): Promise<LoginResult> {
+    try {
+      const token = fakeExtLogin(data);
+      return { user: parseUser(token) };
+    } catch (e: any) {
+      return { error: e.message };
+    }
+  }
+};

package/templates/webcomponents/igc-ts/projects/side-nav-auth/files/src/app/authentication/services/external-auth-config.ts

@@ -0,0 +1,44 @@
+// Social login configuration.
+// To enable a provider, set its entry in oauthConfig below with your real credentials
+// from the provider's developer console.
+//
+// Redirect URIs to register in each provider's app settings:
+//   {your-origin}/auth/redirect-google
+//   {your-origin}/auth/redirect-facebook
+//   {your-origin}/auth/redirect-microsoft
+//
+// Developer consoles:
+//   Google:    https://console.cloud.google.com/apis/credentials
+//   Microsoft: https://portal.azure.com/#view/Microsoft_AAD_RegisteredApps
+//   Facebook:  https://developers.facebook.com/apps
+
+export type OAuthProvider = 'google' | 'facebook' | 'microsoft';
+
+export interface OAuthConfig {
+  google?: { clientId: string };
+
+  // tenantId defaults to 'common' (multi-tenant). Set it for single-tenant apps.
+  // IMPORTANT: The redirect URI must be registered as a SPA redirect URI in Azure
+  // (not "Web"), otherwise the token exchange will fail with a CORS error.
+  // See: https://learn.microsoft.com/en-us/entra/identity-platform/v2-oauth2-auth-code-flow
+  microsoft?: { clientId: string; tenantId?: string };
+
+  // Facebook login uses the JS SDK (popup flow). The SDK script must be loaded in
+  // index.html (see below). In the Facebook app dashboard you must also:
+  //   - Enable "Login with the JavaScript SDK"
+  //   - Add your domain to "Allowed Domains for the JavaScript SDK"
+  //   - Add the redirect URI to "Valid OAuth Redirect URIs"
+  //   - Serve the app over HTTPS
+  // See: https://developers.facebook.com/docs/facebook-login/web
+  facebook?: { clientId: string };
+}
+
+// Active OAuth configuration — fill in the providers you want to enable, for example:
+//
+// export const oauthConfig: OAuthConfig = {
+//   google: { clientId: 'YOUR_GOOGLE_CLIENT_ID' },
+//   microsoft: { clientId: 'YOUR_AZURE_APP_CLIENT_ID', tenantId: 'common' },
+//   // Note: Facebook requires HTTPS even for local dev - use ngrok or a local SSL proxy.
+//   facebook: { clientId: 'YOUR_FACEBOOK_APP_ID' },
+// };
+export const oauthConfig: OAuthConfig = {};

package/templates/webcomponents/igc-ts/projects/side-nav-auth/files/src/app/authentication/services/externalAuth.ts

@@ -0,0 +1,272 @@
+import type { ExternalLogin } from '../models/external-login.js';
+import type { OAuthProvider } from './external-auth-config.js';
+import { oauthConfig } from './external-auth-config.js';
+import { generateCodeVerifier, generateCodeChallenge, buildAuthUrl } from './pkce.js';
+
+// sessionStorage keys
+const VERIFIER_KEY = '_pkce_verifier';
+const STATE_KEY = '_oauth_state';
+const FB_USER_KEY = '_fb_user';
+const ACTIVE_PROVIDER_KEY = '_ext_active_provider';
+
+// Declared by the Facebook JS SDK (loaded via script tag in index.html)
+declare const FB: any;
+
+// Set to true once FB.init() has been called in this session.
+// Prevents FB.logout() from being called before initialization.
+let fbInitialized = false;
+
+/**
+ * Decode a JWT payload segment. Handles Base64URL encoding (no padding, - and _ chars)
+ * which `atob()` does not accept natively - missing padding causes `InvalidCharacterError`.
+ */
+function decodeJwtPayload(token: string): any {
+  const base64url = token.split('.')[1];
+  const base64 = base64url.replace(/-/g, '+').replace(/_/g, '/');
+  const padded = base64.padEnd(base64.length + (4 - base64.length % 4) % 4, '=');
+  return JSON.parse(atob(padded));
+}
+
+/**
+ * Waits until the Facebook JS SDK has loaded and is available on window.
+ * The SDK is loaded with `async defer` so it may not be ready when login() is called.
+ */
+function waitForFB(): Promise<void> {
+  return new Promise(resolve => {
+    if (typeof (window as any).FB !== 'undefined') { resolve(); return; }
+    const id = setInterval(() => {
+      if (typeof (window as any).FB !== 'undefined') { clearInterval(id); resolve(); }
+    }, 50);
+  });
+}
+
+/**
+ * External (social) authentication service.
+ * Supports Google and Microsoft via OIDC/PKCE, and Facebook via the JS SDK.
+ *
+ * Usage: call login(provider) to start the flow; call handleRedirect(provider)
+ * on the matching redirect page to complete it and retrieve the user profile.
+ */
+export const ExternalAuth = {
+  /** Returns true if any provider (or the specific provider) is configured. */
+  hasProvider(provider?: OAuthProvider): boolean {
+    if (provider) {
+      return provider in oauthConfig && (oauthConfig as any)[provider] != null;
+    }
+    return Object.values(oauthConfig).some(v => v != null);
+  },
+
+  /** Initiate login for the given provider. Redirects the page to the provider's auth endpoint. */
+  async login(provider: OAuthProvider): Promise<void> {
+    localStorage.setItem(ACTIVE_PROVIDER_KEY, provider);
+    if (provider === 'google') {
+      const cfg = oauthConfig.google!;
+      const verifier = generateCodeVerifier();
+      const challenge = await generateCodeChallenge(verifier);
+      sessionStorage.setItem(VERIFIER_KEY, verifier);
+      const state = crypto.randomUUID();
+      sessionStorage.setItem(STATE_KEY, state);
+      const redirectUri = `${window.location.origin}/auth/redirect-google`;
+      window.location.href = buildAuthUrl('https://accounts.google.com/o/oauth2/v2/auth', {
+        response_type: 'code',
+        client_id: cfg.clientId,
+        redirect_uri: redirectUri,
+        scope: 'openid profile email',
+        code_challenge: challenge,
+        code_challenge_method: 'S256',
+        state,
+      });
+    } else if (provider === 'microsoft') {
+      const cfg = oauthConfig.microsoft!;
+      const tenantId = cfg.tenantId ?? 'common';
+      const verifier = generateCodeVerifier();
+      const challenge = await generateCodeChallenge(verifier);
+      sessionStorage.setItem(VERIFIER_KEY, verifier);
+      const state = crypto.randomUUID();
+      sessionStorage.setItem(STATE_KEY, state);
+      const redirectUri = `${window.location.origin}/auth/redirect-microsoft`;
+      window.location.href = buildAuthUrl(
+        `https://login.microsoftonline.com/${tenantId}/oauth2/v2.0/authorize`,
+        {
+          response_type: 'code',
+          client_id: cfg.clientId,
+          redirect_uri: redirectUri,
+          scope: 'openid profile email',
+          code_challenge: challenge,
+          code_challenge_method: 'S256',
+          state,
+        }
+      );
+    } else if (provider === 'facebook') {
+      const cfg = oauthConfig.facebook!;
+      // Wait for the SDK to load (it is included with `async defer` in index.html
+      // and may not be available yet when the user clicks the login button).
+      await waitForFB();
+      FB.init({ appId: cfg.clientId, xfbml: false, version: 'v3.1' });
+      fbInitialized = true;
+      FB.login(
+        (response: any) => {
+          if (response.authResponse) {
+            FB.api(
+              '/me?fields=id,email,name,first_name,last_name,picture',
+              (res: any) => {
+                const user: ExternalLogin = {
+                  id: res.id,
+                  name: res.name,
+                  given_name: res.first_name,
+                  family_name: res.last_name,
+                  email: res.email,
+                  // Facebook returns picture as an object: { data: { url, width, height } }
+                  picture: res.picture?.data?.url,
+                  externalToken: FB.getAuthResponse()?.accessToken ?? '',
+                };
+                sessionStorage.setItem(FB_USER_KEY, JSON.stringify(user));
+                window.location.href = '/auth/redirect-facebook';
+              }
+            );
+          }
+        },
+        { scope: 'public_profile,email' }
+      );
+    }
+  },
+
+  /**
+   * Complete the OAuth redirect flow and return the external user profile.
+   * Call this from the /auth/redirect-{provider} page.
+   *
+   * For Google/Microsoft: exchanges the authorization code (PKCE) for tokens.
+   * For Facebook: reads the profile stored during the FB.login() popup flow.
+   */
+  async handleRedirect(provider: OAuthProvider): Promise<ExternalLogin> {
+    if (provider === 'facebook') {
+      const stored = sessionStorage.getItem(FB_USER_KEY);
+      if (!stored) throw new Error('No Facebook user data found. Please try again.');
+      sessionStorage.removeItem(FB_USER_KEY);
+      return JSON.parse(stored) as ExternalLogin;
+    }
+
+    const params = new URLSearchParams(window.location.search);
+    const code = params.get('code');
+    if (!code) throw new Error('Missing authorization code in redirect URL.');
+
+    // Validate the state parameter to prevent CSRF attacks.
+    const returnedState = params.get('state');
+    const savedState = sessionStorage.getItem(STATE_KEY);
+    sessionStorage.removeItem(STATE_KEY);
+    if (!returnedState || returnedState !== savedState) {
+      throw new Error('OAuth state mismatch. The request may have been tampered with.');
+    }
+
+    const verifier = sessionStorage.getItem(VERIFIER_KEY);
+    if (!verifier) throw new Error('Missing PKCE code verifier. Please try again.');
+    sessionStorage.removeItem(VERIFIER_KEY);
+
+    if (provider === 'google') {
+      const cfg = oauthConfig.google!;
+      const redirectUri = `${window.location.origin}/auth/redirect-google`;
+      const res = await fetch('https://oauth2.googleapis.com/token', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+        body: new URLSearchParams({
+          grant_type: 'authorization_code',
+          client_id: cfg.clientId,
+          redirect_uri: redirectUri,
+          code,
+          code_verifier: verifier,
+        }),
+      });
+      if (!res.ok) throw new Error('Google token exchange failed.');
+      const data = await res.json();
+      // Decode the id_token to extract user claims - no extra userinfo request needed
+      const payload = decodeJwtPayload(data.id_token);
+      return {
+        id: payload.sub,
+        name: payload.name,
+        given_name: payload.given_name,
+        family_name: payload.family_name,
+        email: payload.email,
+        picture: payload.picture,
+        externalToken: data.access_token,
+      };
+    }
+
+    if (provider === 'microsoft') {
+      const cfg = oauthConfig.microsoft!;
+      const tenantId = cfg.tenantId ?? 'common';
+      const redirectUri = `${window.location.origin}/auth/redirect-microsoft`;
+      const res = await fetch(
+        `https://login.microsoftonline.com/${tenantId}/oauth2/v2.0/token`,
+        {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+          body: new URLSearchParams({
+            grant_type: 'authorization_code',
+            client_id: cfg.clientId,
+            redirect_uri: redirectUri,
+            code,
+            code_verifier: verifier,
+          }),
+        }
+      );
+      if (!res.ok) throw new Error('Microsoft token exchange failed.');
+      const data = await res.json();
+      const payload = decodeJwtPayload(data.id_token);
+      return {
+        id: payload.oid ?? payload.sub,
+        name: payload.name,
+        email: payload.email ?? payload.preferred_username,
+        externalToken: data.access_token,
+      };
+    }
+
+    throw new Error(`Unknown provider: ${provider}`);
+  },
+
+  /**
+   * Sign out from the active external provider (if any) and clear its stored state.
+   * Call this alongside clearing local user state on logout.
+   */
+  logout(): void {
+    const provider = localStorage.getItem(ACTIVE_PROVIDER_KEY) as OAuthProvider | null;
+    localStorage.removeItem(ACTIVE_PROVIDER_KEY);
+    sessionStorage.removeItem(VERIFIER_KEY);
+    sessionStorage.removeItem(FB_USER_KEY);
+
+    if (!provider) return;
+
+    if (provider === 'google') {
+      // Redirect to Google's end-session endpoint to clear the Google session.
+      // The user is returned to the app root after sign-out.
+      const cfg = oauthConfig.google;
+      if (cfg) {
+        window.location.href = `https://accounts.google.com/logout`;
+        return;
+      }
+    }
+
+    if (provider === 'microsoft') {
+      const cfg = oauthConfig.microsoft;
+      if (cfg) {
+        const tenantId = cfg.tenantId ?? 'common';
+        const postLogoutRedirectUri = encodeURIComponent(window.location.origin);
+        window.location.href =
+          `https://login.microsoftonline.com/${tenantId}/oauth2/v2.0/logout` +
+          `?post_logout_redirect_uri=${postLogoutRedirectUri}`;
+        return;
+      }
+    }
+
+    if (provider === 'facebook') {
+      // Only call FB.logout() when the SDK was initialised in this session.
+      // Calling it on a fresh page load (before FB.init) throws an error.
+      try {
+        if (fbInitialized && typeof FB !== 'undefined') {
+          FB.logout();
+        }
+      } catch {
+        // SDK not loaded - nothing to do
+      }
+    }
+  },
+};