@igniteui/angular-templates 17.0.1302 → 17.0.1310-beta.2

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/services/jwt-util.ts

@@ -0,0 +1,56 @@
+import { User } from '../models/user';
+
+export function parseUser(jwt: string): User {
+  const token = decodeJWT(jwt);
+  if (token === null) {
+    throw new Error(`The JWT token provided was not valid:\n${jwt}`);
+  }
+  const user = JSON.parse(token.payload) as User;
+  // store token:
+  user.token = jwt;
+  return user;
+}
+
+export function decodeJWT(str: string) {
+  const parts = str.split('.');
+  if (parts.length < 2) {
+    return null;
+  }
+  return {
+    header: decodeBase64Url(parts[0]),
+    payload: decodeBase64Url(parts[1]),
+    signature: parts[2]
+  };
+}
+
+export function decodeBase64Url(base64Url: string) {
+  // convert Base64Url to Base64: https://tools.ietf.org/html/rfc4648#section-5
+  let output = base64Url.replace(/-/g, '+').replace(/_/g, '/');
+  const padding = (4 - output.length % 4) % 4;
+  if (padding === 3) {
+    throw Error('Invalid base64 input');
+  }
+  output += new Array(1 + padding).join('=');
+  const decoded = atob(output);
+  try {
+    return decodeURIComponent(decoded.split('')
+      .map(c => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2))
+      .join(''));
+  } catch (er) {
+    return decoded;
+  }
+}
+
+export function encodeBase64Url(input: {}) {
+  const encodedToURI: string = encodeURI(JSON.stringify(input));
+  let result = '';
+  for (let i = 0; i < encodedToURI.length; i++) {
+    const c = encodedToURI[i];
+    if (c === '%') {
+      result += String.fromCharCode(parseInt((encodedToURI[++i] + encodedToURI[++i]), 16));
+    } else {
+      result += c;
+    }
+  }
+  return btoa(result);
+}

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/services/jwt.interceptor.ts

@@ -0,0 +1,23 @@
+import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { UserService } from '../services/user.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class JwtInterceptor implements HttpInterceptor {
+  constructor(private userService: UserService) { }
+
+  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    const currentUser = this.userService.currentUser;
+    if (currentUser && currentUser.token) {
+      request = request.clone({
+        setHeaders: {
+          Authorization: `Bearer ${currentUser.token}`
+        }
+      });
+    }
+    return next.handle(request);
+  }
+}

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/services/jwt.spec.ts

@@ -0,0 +1,74 @@
+import { Observable } from 'rxjs';
+import { take } from 'rxjs/operators';
+import { decodeBase64Url, decodeJWT, parseUser } from './jwt-util';
+import { JwtInterceptor } from './jwt.interceptor';
+
+describe('JWT Tests', () => {
+  describe(`JWT Interceptor`, () => {
+    const mockService = {} as any;
+    const jwtInterceptor = new JwtInterceptor(mockService);
+
+    it(`Should properly initialize`, () => {
+      expect(jwtInterceptor).toBeTruthy();
+    });
+
+    it(`Should properly handle 'intercept'`, () => {
+      const mockRequest = {
+        clone: () => { }
+      } as any;
+      const mockNext = {
+        handle: () => new Observable()
+      } as any;
+      spyOn(mockNext, 'handle').and.callThrough();
+      mockService.currentUser = false;
+      // call w/o current user
+      jwtInterceptor.intercept(mockRequest, mockNext).pipe(take(1)).subscribe(() => { });
+      expect(mockNext.handle).toHaveBeenCalledTimes(1);
+      expect(mockNext.handle).toHaveBeenCalledWith(mockRequest);
+      mockService.currentUser = {
+        token: ''
+      };
+      jwtInterceptor.intercept(mockRequest, mockNext).pipe(take(1)).subscribe(() => { });
+      expect(mockNext.handle).toHaveBeenCalledTimes(2);
+      expect(mockNext.handle).toHaveBeenCalledWith(mockRequest);
+      mockService.currentUser = {
+        token: 'test_token'
+      };
+      spyOn(mockRequest, 'clone').and.callThrough();
+      jwtInterceptor.intercept(mockRequest, mockNext).pipe(take(1)).subscribe(() => { });
+      expect(mockRequest.clone).toHaveBeenCalledWith({
+        setHeaders: {
+          Authorization: `Bearer test_token`
+        }
+      });
+    });
+  });
+
+  describe(`JWT Util`, () => {
+    it(`Should properly handle 'decodeBase64Url'`, () => {
+      expect(() => { decodeBase64Url('1'); }).toThrowError('Invalid base64 input');
+      expect(decodeBase64Url('')).toEqual('');
+      expect(decodeBase64Url(`98-1o1-0+31_`)).toEqual(atob(`98+1o1+0+31/`));
+      expect(decodeBase64Url(`/----___+-+-+_`)).toEqual(atob(`/++++///+++++/`));
+    });
+
+    it(`Should properly handle 'decodeJWT'`, () => {
+      expect(decodeJWT('')).toBeNull();
+      expect(decodeJWT('893sdh9a8df')).toBeNull();
+      let result = decodeJWT('132.321');
+      expect(result?.header).toEqual(decodeBase64Url('132'));
+      expect(result?.payload).toEqual(decodeBase64Url('321'));
+      expect(result?.signature).toBeUndefined();
+      result = decodeJWT('aSD.d112.13213');
+      expect(result?.header).toEqual(decodeBase64Url('aSD'));
+      expect(result?.payload).toEqual(decodeBase64Url('d112'));
+      expect(result?.signature).toEqual('13213');
+    });
+
+    it(`Should properly handle 'parseUser'`, () => {
+      expect(() => parseUser('not valid user name')).toThrow();
+      spyOn(JSON, 'parse').and.returnValue({ payload: 'Mock payload' });
+      expect(parseUser('123.123')).toEqual({ payload: 'Mock payload', token: '123.123' } as any);
+    });
+  });
+});

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/services/local-storage.ts

@@ -0,0 +1,53 @@
+import { isPlatformBrowser } from '@angular/common';
+import { Inject, Injectable, PLATFORM_ID } from '@angular/core';
+
+class LocalStorageFallback implements Storage {
+  [name: string]: any;
+  readonly length: number = 0;
+  clear(): void { }
+  getItem(key: string): string | null { return null; }
+  key(index: number): string | null { return null; }
+  removeItem(key: string): void { }
+  setItem(key: string, value: string): void { }
+}
+
+@Injectable({
+  providedIn: 'root'
+})
+export class LocalStorageService implements Storage {
+
+  private storage: Storage;
+
+  [name: string]: any;
+  get length(): number {
+    return this.storage.length;
+  }
+
+  constructor(@Inject(PLATFORM_ID) platformId: object) {
+    if (isPlatformBrowser(platformId)) {
+      this.storage = localStorage;
+    } else {
+      this.storage = new LocalStorageFallback();
+    }
+  }
+
+  clear(): void {
+    this.storage.clear();
+  }
+
+  getItem(key: string): string | null {
+    return this.storage.getItem(key);
+  }
+
+  key(index: number): string | null {
+    return this.storage.key(index);
+  }
+
+  removeItem(key: string): void {
+    return this.storage.removeItem(key);
+  }
+
+  setItem(key: string, value: string): void {
+    return this.storage.setItem(key, value);
+  }
+}

package/igx-ts-legacy/projects/side-nav-auth/files/src/app/authentication/services/microsoft-keys.ts

@@ -0,0 +1,5 @@
+// tslint:disable
+
+// Replace with backend discovery from https://login.microsoftonline.com/consumers/discovery/v2.0/keys
+// See https://blogs.msdn.microsoft.com/mihansen/2018/07/12/net-core-angular-app-with-openid-connection-implicit-flow-authentication-angular-auth-oidc-client/
+export default { "keys": [{ "kty": "RSA", "use": "sig", "kid": "1LTMzakihiRla_8z2BEJVXeWMqo", "x5t": "1LTMzakihiRla_8z2BEJVXeWMqo", "n": "3sKcJSD4cHwTY5jYm5lNEzqk3wON1CaARO5EoWIQt5u-X-ZnW61CiRZpWpfhKwRYU153td5R8p-AJDWT-NcEJ0MHU3KiuIEPmbgJpS7qkyURuHRucDM2lO4L4XfIlvizQrlyJnJcd09uLErZEO9PcvKiDHoois2B4fGj7CsAe5UZgExJvACDlsQSku2JUyDmZUZP2_u_gCuqNJM5o0hW7FKRI3MFoYCsqSEmHnnumuJ2jF0RHDRWQpodhlAR6uKLoiWHqHO3aG7scxYMj5cMzkpe1Kq_Dm5yyHkMCSJ_JaRhwymFfV_SWkqd3n-WVZT0ADLEq0RNi9tqZ43noUnO_w", "e": "AQAB", "x5c": ["MIIDYDCCAkigAwIBAgIJAIB4jVVJ3BeuMA0GCSqGSIb3DQEBCwUAMCkxJzAlBgNVBAMTHkxpdmUgSUQgU1RTIFNpZ25pbmcgUHVibGljIEtleTAeFw0xNjA0MDUxNDQzMzVaFw0yMTA0MDQxNDQzMzVaMCkxJzAlBgNVBAMTHkxpdmUgSUQgU1RTIFNpZ25pbmcgUHVibGljIEtleTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAN7CnCUg+HB8E2OY2JuZTRM6pN8DjdQmgETuRKFiELebvl/mZ1utQokWaVqX4SsEWFNed7XeUfKfgCQ1k/jXBCdDB1NyoriBD5m4CaUu6pMlEbh0bnAzNpTuC+F3yJb4s0K5ciZyXHdPbixK2RDvT3Lyogx6KIrNgeHxo+wrAHuVGYBMSbwAg5bEEpLtiVMg5mVGT9v7v4ArqjSTOaNIVuxSkSNzBaGArKkhJh557pridoxdERw0VkKaHYZQEerii6Ilh6hzt2hu7HMWDI+XDM5KXtSqvw5ucsh5DAkifyWkYcMphX1f0lpKnd5/llWU9AAyxKtETYvbameN56FJzv8CAwEAAaOBijCBhzAdBgNVHQ4EFgQU9IdLLpbC2S8Wn1MCXsdtFac9SRYwWQYDVR0jBFIwUIAU9IdLLpbC2S8Wn1MCXsdtFac9SRahLaQrMCkxJzAlBgNVBAMTHkxpdmUgSUQgU1RTIFNpZ25pbmcgUHVibGljIEtleYIJAIB4jVVJ3BeuMAsGA1UdDwQEAwIBxjANBgkqhkiG9w0BAQsFAAOCAQEAXk0sQAib0PGqvwELTlflQEKS++vqpWYPW/2gCVCn5shbyP1J7z1nT8kE/ZDVdl3LvGgTMfdDHaRF5ie5NjkTHmVOKbbHaWpTwUFbYAFBJGnx+s/9XSdmNmW9GlUjdpd6lCZxsI6888r0ptBgKINRRrkwMlq3jD1U0kv4JlsIhafUIOqGi4+hIDXBlY0F/HJPfUU75N885/r4CCxKhmfh3PBM35XOch/NGC67fLjqLN+TIWLoxnvil9m3jRjqOA9u50JUeDGZABIYIMcAdLpI2lcfru4wXcYXuQul22nAR7yOyGKNOKULoOTE4t4AeGRqCogXSxZgaTgKSBhvhE+MGg=="], "issuer": "https://login.microsoftonline.com/9188040d-6c67-4c5b-b112-36a304b66dad/v2.0" }, { "kty": "RSA", "use": "sig", "kid": "xP_zn6I1YkXcUUmlBoPuXTGsaxk", "x5t": "xP_zn6I1YkXcUUmlBoPuXTGsaxk", "n": "2pWatafeb3mB0A73-Z-URwrubwDldWvivRu19GNC61MBOb3fZ4I4lyhUhNuS7aJRPJIFB6zl-HFx1nHpGg74BHe0z9skODHYZEACd2iKBIet55DdduIe1CXsZ9keyEmNaGv3XS4OW_7IDM0j5wR9OHugUifkH3PQIcFvTYanHmXojTmgjIOWoz7y0okpyN9-FbZRzdfx-ej-njaj5gR8r69muwO5wlTbIG20V40R6zYh-QODMUpayy7jDGFGw5vjFH9Ca0tLZcNQq__JKE_mp-0fODOAQobOrBUoASFkyCd95BVW7KJrndvW7ofRWaCTuZZOy5SnU4asbjMrgxFZFw", "e": "AQAB", "x5c": ["MIIDYDCCAkigAwIBAgIJAJzCyTLC+DjJMA0GCSqGSIb3DQEBCwUAMCkxJzAlBgNVBAMTHkxpdmUgSUQgU1RTIFNpZ25pbmcgUHVibGljIEtleTAeFw0xNjA3MTMyMDMyMTFaFw0yMTA3MTIyMDMyMTFaMCkxJzAlBgNVBAMTHkxpdmUgSUQgU1RTIFNpZ25pbmcgUHVibGljIEtleTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBANqVmrWn3m95gdAO9/mflEcK7m8A5XVr4r0btfRjQutTATm932eCOJcoVITbku2iUTySBQes5fhxcdZx6RoO+AR3tM/bJDgx2GRAAndoigSHreeQ3XbiHtQl7GfZHshJjWhr910uDlv+yAzNI+cEfTh7oFIn5B9z0CHBb02Gpx5l6I05oIyDlqM+8tKJKcjffhW2Uc3X8fno/p42o+YEfK+vZrsDucJU2yBttFeNEes2IfkDgzFKWssu4wxhRsOb4xR/QmtLS2XDUKv/yShP5qftHzgzgEKGzqwVKAEhZMgnfeQVVuyia53b1u6H0Vmgk7mWTsuUp1OGrG4zK4MRWRcCAwEAAaOBijCBhzAdBgNVHQ4EFgQU11z579/IePwuc4WBdN4L0ljG4CUwWQYDVR0jBFIwUIAU11z579/IePwuc4WBdN4L0ljG4CWhLaQrMCkxJzAlBgNVBAMTHkxpdmUgSUQgU1RTIFNpZ25pbmcgUHVibGljIEtleYIJAJzCyTLC+DjJMAsGA1UdDwQEAwIBxjANBgkqhkiG9w0BAQsFAAOCAQEAiASLEpQseGNahE+9f9PQgmX3VgjJerNjXr1zXWXDJfFE31DxgsxddjcIgoBL9lwegOHHvwpzK1ecgH45xcJ0Z/40OgY8NITqXbQRfdgLrEGJCoyOQEbjb5PW5k2aOdn7LBxvDsH6Y8ax26v+EFMPh3G+xheh6bfoIRSK1b+44PfoDZoJ9NfJibOZ4Cq+wt/yOvpMYQDB/9CNo18wmA3RCLYjf2nAc7RO0PDYHSIq5QDWV+1awmXDKgIdRpYPpRtn9KFXQkpCeEc/lDTG+o6n7nC40wyjioyR6QmHGvNkMR4VfSoTKCTnFATyDpI1bqU2K7KNjUEsCYfwybFB8d6mjQ=="], "issuer": "https://login.microsoftonline.com/9188040d-6c67-4c5b-b112-36a304b66dad/v2.0" }] };