@descope/angular-sdk 0.0.0-next-cc7eda17-20231228 → 0.0.0-next-7122eda6-20231231

package/angular.json

@@ -1,154 +0,0 @@
-{
-	"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-	"version": 1,
-	"newProjectRoot": "projects",
-	"projects": {
-		"angular-sdk": {
-			"projectType": "library",
-			"root": "projects/angular-sdk",
-			"sourceRoot": "projects/angular-sdk/src",
-			"prefix": "lib",
-			"architect": {
-				"build": {
-					"builder": "@angular-devkit/build-angular:ng-packagr",
-					"options": {
-						"project": "projects/angular-sdk/ng-package.json"
-					},
-					"configurations": {
-						"production": {
-							"tsConfig": "projects/angular-sdk/tsconfig.lib.prod.json"
-						},
-						"development": {
-							"tsConfig": "projects/angular-sdk/tsconfig.lib.json"
-						}
-					},
-					"defaultConfiguration": "production"
-				},
-				"test": {
-					"builder": "@angular-devkit/build-angular:karma",
-					"options": {
-						"tsConfig": "projects/angular-sdk/tsconfig.spec.json",
-						"polyfills": ["zone.js", "zone.js/testing"]
-					}
-				},
-				"lint": {
-					"builder": "@angular-eslint/builder:lint",
-					"options": {
-						"lintFilePatterns": [
-							"projects/angular-sdk/**/*.ts",
-							"projects/angular-sdk/**/*.html"
-						]
-					}
-				}
-			}
-		},
-		"demo-app": {
-			"projectType": "application",
-			"schematics": {
-				"@schematics/angular:component": {
-					"style": "scss"
-				}
-			},
-			"root": "projects/demo-app",
-			"sourceRoot": "projects/demo-app/src",
-			"prefix": "app",
-			"architect": {
-				"build": {
-					"builder": "@angular-devkit/build-angular:browser",
-					"options": {
-						"allowedCommonJsDependencies": ["lodash.get"],
-						"outputPath": "dist/demo-app",
-						"index": "projects/demo-app/src/index.html",
-						"main": "projects/demo-app/src/main.ts",
-						"polyfills": ["zone.js"],
-						"tsConfig": "projects/demo-app/tsconfig.app.json",
-						"inlineStyleLanguage": "scss",
-						"assets": [
-							"projects/demo-app/src/favicon.ico",
-							"projects/demo-app/src/assets"
-						],
-						"styles": ["projects/demo-app/src/styles.scss"],
-						"scripts": []
-					},
-					"configurations": {
-						"production": {
-							"budgets": [
-								{
-									"type": "initial",
-									"maximumWarning": "500kb",
-									"maximumError": "1mb"
-								},
-								{
-									"type": "anyComponentStyle",
-									"maximumWarning": "2kb",
-									"maximumError": "4kb"
-								}
-							],
-							"outputHashing": "all"
-						},
-						"development": {
-							"buildOptimizer": false,
-							"optimization": false,
-							"vendorChunk": true,
-							"extractLicenses": false,
-							"sourceMap": true,
-							"namedChunks": true,
-							"fileReplacements": [
-								{
-									"replace": "projects/demo-app/src/environments/environment.ts",
-									"with": "projects/demo-app/src/environments/environment.development.ts"
-								}
-							]
-						}
-					},
-					"defaultConfiguration": "production"
-				},
-				"serve": {
-					"builder": "@angular-devkit/build-angular:dev-server",
-					"configurations": {
-						"production": {
-							"browserTarget": "demo-app:build:production"
-						},
-						"development": {
-							"browserTarget": "demo-app:build:development"
-						}
-					},
-					"defaultConfiguration": "development"
-				},
-				"extract-i18n": {
-					"builder": "@angular-devkit/build-angular:extract-i18n",
-					"options": {
-						"browserTarget": "demo-app:build"
-					}
-				},
-				"test": {
-					"builder": "@angular-devkit/build-angular:karma",
-					"options": {
-						"polyfills": ["zone.js", "zone.js/testing"],
-						"tsConfig": "projects/demo-app/tsconfig.spec.json",
-						"inlineStyleLanguage": "scss",
-						"assets": [
-							"projects/demo-app/src/favicon.ico",
-							"projects/demo-app/src/assets"
-						],
-						"styles": ["projects/demo-app/src/styles.scss"],
-						"scripts": []
-					}
-				},
-				"lint": {
-					"builder": "@angular-eslint/builder:lint",
-					"options": {
-						"lintFilePatterns": [
-							"projects/demo-app/**/*.ts",
-							"projects/demo-app/**/*.html"
-						]
-					}
-				}
-			}
-		}
-	},
-	"cli": {
-		"schematicCollections": ["@angular-eslint/schematics"],
-		"analytics": false
-	}
-}

package/jest.config.js

@@ -1,17 +0,0 @@
-module.exports = {
-	preset: 'jest-preset-angular',
-	setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
-	roots: ['<rootDir>/projects/angular-sdk', '<rootDir>/projects/demo-app'],
-	collectCoverage: true,
-	coverageDirectory: 'coverage',
-	collectCoverageFrom: ['projects/**/*.{js,ts}'],
-	transform: {
-		'^.+\\.(ts|js|html)$': [
-			'jest-preset-angular',
-			{
-				tsconfig: './projects/angular-sdk/tsconfig.spec.json',
-				stringifyContentPathRegex: '\\.(html|svg)$'
-			}
-		]
-	}
-};

package/projects/angular-sdk/.eslintrc.json

@@ -1,32 +0,0 @@
-{
-	"extends": "../../.eslintrc.json",
-	"ignorePatterns": ["!**/*"],
-	"overrides": [
-		{
-			"files": ["*.ts"],
-			"rules": {
-				"@angular-eslint/directive-selector": [
-					"error",
-					{
-						"type": "attribute",
-						"prefix": "lib",
-						"style": "camelCase"
-					}
-				],
-				"@angular-eslint/component-selector": [
-					"error",
-					{
-						"type": "element",
-						"prefix": "",
-						"style": "kebab-case"
-					}
-				],
-				"@angular-eslint/no-output-native": "off"
-			}
-		},
-		{
-			"files": ["*.html"],
-			"rules": {}
-		}
-	]
-}

package/projects/angular-sdk/README.md

@@ -1,21 +0,0 @@
-# AngularSdk
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project angular-sdk` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project angular-sdk`.
-
-> Note: Don't forget to add `--project angular-sdk` or else it will be added to the default project in your `angular.json` file.
-
-## Build
-
-Run `ng build angular-sdk` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Running unit tests
-
-Run `ng test angular-sdk` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/projects/angular-sdk/ng-package.json

@@ -1,8 +0,0 @@
-{
-	"$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-	"dest": "../../dist",
-	"lib": {
-		"entryFile": "src/public-api.ts"
-	},
-	"allowedNonPeerDependencies": ["@descope/web-component"]
-}

package/projects/angular-sdk/src/environment.ts

@@ -1,3 +0,0 @@
-export const environment = {
-  buildVersion: '0.0.0-next-cc7eda17-20231228'
-};

package/projects/angular-sdk/src/lib/components/descope/descope.component.spec.ts

@@ -1,104 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { DescopeComponent } from './descope.component';
-import createSdk from '@descope/web-js-sdk';
-import { DescopeAuthConfig } from '../../types/types';
-import { CUSTOM_ELEMENTS_SCHEMA, EventEmitter } from '@angular/core';
-import mocked = jest.mocked;
-
-jest.mock('@descope/web-js-sdk');
-//Mock DescopeWebComponent
-jest.mock('@descope/web-component', () => {
-	return jest.fn(() => {
-		// Create a mock DOM element
-		return document.createElement('descope-wc');
-	});
-});
-
-describe('DescopeComponent', () => {
-	let component: DescopeComponent;
-	let fixture: ComponentFixture<DescopeComponent>;
-	let mockedCreateSdk: jest.Mock;
-	const onSessionTokenChangeSpy = jest.fn();
-	const onUserChangeSpy = jest.fn();
-	const afterRequestHooksSpy = jest.fn();
-	const mockConfig: DescopeAuthConfig = {
-		projectId: 'someProject'
-	};
-
-	beforeEach(() => {
-		mockedCreateSdk = mocked(createSdk);
-
-		mockedCreateSdk.mockReturnValue({
-			onSessionTokenChange: onSessionTokenChangeSpy,
-			onUserChange: onUserChangeSpy,
-			httpClient: {
-				hooks: {
-					afterRequest: afterRequestHooksSpy
-				}
-			}
-		});
-
-		TestBed.configureTestingModule({
-			schemas: [CUSTOM_ELEMENTS_SCHEMA],
-			providers: [
-				DescopeAuthConfig,
-				{ provide: DescopeAuthConfig, useValue: mockConfig }
-			]
-		});
-
-		fixture = TestBed.createComponent(DescopeComponent);
-		component = fixture.componentInstance;
-		component.projectId = '123';
-		component.flowId = 'sign-in';
-		component.locale = 'en-US';
-		component.success = new EventEmitter<void>();
-		component.error = new EventEmitter<void>();
-		component.logger = { info: jest.fn(), error: jest.fn(), warn: jest.fn() };
-		component.errorTransformer = jest.fn();
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-		const html: HTMLElement = fixture.nativeElement;
-		const webComponentHtml = html.querySelector('descope-wc');
-		expect(webComponentHtml).toBeDefined();
-	});
-
-	it('should correctly setup attributes based on inputs', () => {
-		const html: HTMLElement = fixture.nativeElement;
-		const webComponentHtml = html.querySelector('descope-wc')!;
-		expect(webComponentHtml.getAttribute('project-id')).toStrictEqual('123');
-		expect(webComponentHtml.getAttribute('flow-id')).toStrictEqual('sign-in');
-		expect(webComponentHtml.getAttribute('locale')).toStrictEqual('en-US');
-		expect(webComponentHtml.getAttribute('logger')).toBeDefined();
-		expect(webComponentHtml.getAttribute('error-transformer')).toBeDefined();
-		expect(webComponentHtml.getAttribute('redirect-url')).toBeNull();
-	});
-
-	it('should emit success when web component emits success', () => {
-		const html: HTMLElement = fixture.nativeElement;
-		const webComponentHtml = html.querySelector('descope-wc')!;
-
-		component.success.subscribe(() => {
-			expect(true).toBeTruthy();
-			expect(afterRequestHooksSpy).toHaveBeenCalled();
-		});
-		webComponentHtml.dispatchEvent(
-			new CustomEvent('success', {
-				detail: { user: { name: 'user1' }, sessionJwt: 'session1' }
-			})
-		);
-	});
-
-	it('should emit error when web component emits error', () => {
-		const html: HTMLElement = fixture.nativeElement;
-		const webComponentHtml = html.querySelector('descope-wc')!;
-
-		component.error.subscribe(() => {
-			expect(true).toBeTruthy();
-		});
-		webComponentHtml.dispatchEvent(new CustomEvent('error'));
-	});
-});

package/projects/angular-sdk/src/lib/components/descope/descope.component.ts

@@ -1,114 +0,0 @@
-import {
-	Component,
-	ElementRef,
-	EventEmitter,
-	Input,
-	OnChanges,
-	OnInit,
-	Output
-} from '@angular/core';
-import DescopeWebComponent from '@descope/web-component';
-import DescopeWc, { ILogger } from '@descope/web-component';
-import { DescopeAuthService } from '../../services/descope-auth.service';
-import { from } from 'rxjs';
-import { baseHeaders } from '../../utils/constants';
-import { DescopeAuthConfig } from '../../types/types';
-
-@Component({
-	selector: 'descope[flowId]',
-	standalone: true,
-	template: ''
-})
-export class DescopeComponent implements OnInit, OnChanges {
-	projectId: string;
-	@Input() flowId: string;
-
-	@Input() locale: string;
-	@Input() theme: 'light' | 'dark' | 'os';
-	@Input() tenant: string;
-	@Input() telemetryKey: string;
-	@Input() redirectUrl: string;
-	@Input() autoFocus: true | false | 'skipFirstScreen';
-
-	@Input() debug: boolean;
-	@Input() errorTransformer: (error: { text: string; type: string }) => string;
-	@Input() logger: ILogger;
-
-	@Output() success: EventEmitter<void> = new EventEmitter<void>();
-	@Output() error: EventEmitter<void> = new EventEmitter<void>();
-
-	private readonly webComponent: DescopeWebComponent =
-		new DescopeWebComponent();
-
-	constructor(
-		private elementRef: ElementRef,
-		private authService: DescopeAuthService,
-		descopeConfig: DescopeAuthConfig
-	) {
-		this.projectId = descopeConfig.projectId;
-	}
-
-	ngOnInit() {
-		DescopeWc.sdkConfigOverrides = { baseHeaders };
-		this.setupWebComponent();
-		this.elementRef.nativeElement.appendChild(this.webComponent);
-	}
-
-	ngOnChanges(): void {
-		this.setupWebComponent();
-	}
-
-	private setupWebComponent() {
-		this.webComponent.setAttribute('project-id', this.projectId);
-		this.webComponent.setAttribute('flow-id', this.flowId);
-		if (this.locale) {
-			this.webComponent.setAttribute('locale', this.locale);
-		}
-		if (this.theme) {
-			this.webComponent.setAttribute('theme', this.theme);
-		}
-		if (this.tenant) {
-			this.webComponent.setAttribute('tenant', this.tenant);
-		}
-		if (this.telemetryKey) {
-			this.webComponent.setAttribute('telemetryKey', this.telemetryKey);
-		}
-		if (this.redirectUrl) {
-			this.webComponent.setAttribute('redirect-url', this.redirectUrl);
-		}
-		if (this.autoFocus) {
-			this.webComponent.setAttribute('auto-focus', this.autoFocus.toString());
-		}
-		if (this.debug) {
-			this.webComponent.setAttribute('debug', this.debug.toString());
-		}
-
-		if (this.errorTransformer) {
-			this.webComponent.errorTransformer = this.errorTransformer;
-		}
-
-		if (this.logger) {
-			this.webComponent.logger = this.logger;
-		}
-
-		if (this.success) {
-			this.webComponent.addEventListener('success', (e: Event) => {
-				from(
-					this.authService.descopeSdk.httpClient.hooks?.afterRequest!(
-						// eslint-disable-next-line @typescript-eslint/no-explicit-any
-						{} as any,
-						new Response(JSON.stringify((e as CustomEvent).detail))
-					) as Promise<unknown>
-				).subscribe(() => {
-					this.success?.emit();
-				});
-			});
-		}
-
-		if (this.error) {
-			this.webComponent.addEventListener('error', () => {
-				this.error?.emit();
-			});
-		}
-	}
-}

package/projects/angular-sdk/src/lib/components/sign-in-flow/sign-in-flow.component.html

@@ -1,15 +0,0 @@
-<descope
-	(success)="success.emit()"
-	(error)="error.emit()"
-	flowId="sign-in"
-	[locale]="locale"
-	[theme]="theme"
-	[tenant]="tenant"
-	[telemetryKey]="telemetryKey"
-	[redirectUrl]="redirectUrl"
-	[autoFocus]="autoFocus"
-	[debug]="debug"
-	[errorTransformer]="errorTransformer"
-	[logger]="logger"
->
-</descope>

package/projects/angular-sdk/src/lib/components/sign-in-flow/sign-in-flow.component.spec.ts

@@ -1,53 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { SignInFlowComponent } from './sign-in-flow.component';
-import { ngMocks } from 'ng-mocks';
-import { DescopeComponent } from '../descope/descope.component';
-import { DescopeAuthConfig } from '../../types/types';
-import createSdk from '@descope/web-js-sdk';
-import mocked = jest.mocked;
-
-jest.mock('@descope/web-js-sdk');
-jest.mock('@descope/web-component', () => {
-	return jest.fn(() => {
-		// Create a mock DOM element
-		return document.createElement('descope-wc');
-	});
-});
-
-describe('SignInFlowComponent', () => {
-	let component: SignInFlowComponent;
-	let fixture: ComponentFixture<SignInFlowComponent>;
-	let mockedCreateSdk: jest.Mock;
-
-	beforeEach(() => {
-		mockedCreateSdk = mocked(createSdk);
-
-		mockedCreateSdk.mockReturnValue({
-			onSessionTokenChange: jest.fn(),
-			onUserChange: jest.fn()
-		});
-
-		TestBed.configureTestingModule({
-			providers: [
-				DescopeAuthConfig,
-				{
-					provide: DescopeAuthConfig,
-					useValue: {
-						projectId: 'someProject'
-					}
-				}
-			]
-		});
-
-		fixture = TestBed.createComponent(SignInFlowComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create and be correctly configured', () => {
-		expect(component).toBeTruthy();
-		const mockComponent =
-			ngMocks.find<DescopeComponent>('[flowId=sign-in]').componentInstance;
-		expect(mockComponent.flowId).toStrictEqual('sign-in');
-	});
-});

package/projects/angular-sdk/src/lib/components/sign-in-flow/sign-in-flow.component.ts

@@ -1,32 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { ILogger } from '@descope/web-component';
-import { DescopeComponent } from '../descope/descope.component';
-import { DescopeAuthConfig } from '../../types/types';
-
-@Component({
-	selector: 'descope-sign-in-flow',
-	standalone: true,
-	imports: [DescopeComponent],
-	templateUrl: './sign-in-flow.component.html'
-})
-export class SignInFlowComponent {
-	projectId: string;
-
-	@Input() locale: string;
-	@Input() theme: 'light' | 'dark' | 'os';
-	@Input() tenant: string;
-	@Input() telemetryKey: string;
-	@Input() redirectUrl: string;
-	@Input() autoFocus: true | false | 'skipFirstScreen';
-
-	@Input() debug: boolean;
-	@Input() errorTransformer: (error: { text: string; type: string }) => string;
-	@Input() logger: ILogger;
-
-	@Output() success: EventEmitter<void> = new EventEmitter<void>();
-	@Output() error: EventEmitter<void> = new EventEmitter<void>();
-
-	constructor(descopeConfig: DescopeAuthConfig) {
-		this.projectId = descopeConfig.projectId;
-	}
-}

package/projects/angular-sdk/src/lib/components/sign-up-flow/sign-up-flow.component.html

@@ -1,15 +0,0 @@
-<descope
-	(success)="success.emit()"
-	(error)="error.emit()"
-	flowId="sign-up"
-	[locale]="locale"
-	[theme]="theme"
-	[tenant]="tenant"
-	[telemetryKey]="telemetryKey"
-	[redirectUrl]="redirectUrl"
-	[autoFocus]="autoFocus"
-	[debug]="debug"
-	[errorTransformer]="errorTransformer"
-	[logger]="logger"
->
-</descope>

package/projects/angular-sdk/src/lib/components/sign-up-flow/sign-up-flow.component.spec.ts

@@ -1,51 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { SignUpFlowComponent } from './sign-up-flow.component';
-import { DescopeComponent } from '../descope/descope.component';
-import { ngMocks } from 'ng-mocks';
-import createSdk from '@descope/web-js-sdk';
-import { DescopeAuthConfig } from '../../types/types';
-import mocked = jest.mocked;
-
-jest.mock('@descope/web-js-sdk');
-jest.mock('@descope/web-component', () => {
-	return jest.fn(() => {
-		// Create a mock DOM element
-		return document.createElement('descope-wc');
-	});
-});
-describe('SignUpFlowComponent', () => {
-	let component: SignUpFlowComponent;
-	let fixture: ComponentFixture<SignUpFlowComponent>;
-	let mockedCreateSdk: jest.Mock;
-
-	beforeEach(() => {
-		mockedCreateSdk = mocked(createSdk);
-
-		mockedCreateSdk.mockReturnValue({
-			onSessionTokenChange: jest.fn(),
-			onUserChange: jest.fn()
-		});
-
-		TestBed.configureTestingModule({
-			providers: [
-				DescopeAuthConfig,
-				{
-					provide: DescopeAuthConfig,
-					useValue: {
-						projectId: 'someProject'
-					}
-				}
-			]
-		});
-		fixture = TestBed.createComponent(SignUpFlowComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create and be correctly configured', () => {
-		expect(component).toBeTruthy();
-		const mockComponent =
-			ngMocks.find<DescopeComponent>('[flowId=sign-up]').componentInstance;
-		expect(mockComponent.flowId).toStrictEqual('sign-up');
-	});
-});

package/projects/angular-sdk/src/lib/components/sign-up-flow/sign-up-flow.component.ts

@@ -1,32 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { ILogger } from '@descope/web-component';
-import { DescopeComponent } from '../descope/descope.component';
-import { DescopeAuthConfig } from '../../types/types';
-
-@Component({
-	selector: 'descope-sign-up-flow',
-	standalone: true,
-	imports: [DescopeComponent],
-	templateUrl: './sign-up-flow.component.html'
-})
-export class SignUpFlowComponent {
-	projectId: string;
-
-	@Input() locale: string;
-	@Input() theme: 'light' | 'dark' | 'os';
-	@Input() tenant: string;
-	@Input() telemetryKey: string;
-	@Input() redirectUrl: string;
-	@Input() autoFocus: true | false | 'skipFirstScreen';
-
-	@Input() debug: boolean;
-	@Input() errorTransformer: (error: { text: string; type: string }) => string;
-	@Input() logger: ILogger;
-
-	@Output() success: EventEmitter<void> = new EventEmitter<void>();
-	@Output() error: EventEmitter<void> = new EventEmitter<void>();
-
-	constructor(descopeConfig: DescopeAuthConfig) {
-		this.projectId = descopeConfig.projectId;
-	}
-}

package/projects/angular-sdk/src/lib/components/sign-up-or-in-flow/sign-up-or-in-flow.component.html

@@ -1,15 +0,0 @@
-<descope
-	(success)="success.emit()"
-	(error)="error.emit()"
-	flowId="sign-up-or-in"
-	[locale]="locale"
-	[theme]="theme"
-	[tenant]="tenant"
-	[telemetryKey]="telemetryKey"
-	[redirectUrl]="redirectUrl"
-	[autoFocus]="autoFocus"
-	[debug]="debug"
-	[errorTransformer]="errorTransformer"
-	[logger]="logger"
->
-</descope>