@strivacity/sdk-angular 3.0.2 → 4.0.0-beta.0

package/dist/fesm2022/strivacity-sdk-angular.mjs

@@ -1,561 +1,347 @@
-import { initFlow, FallbackError } from '@strivacity/sdk-core';
-export * from '@strivacity/sdk-core';
-export { SDKStorage } from '@strivacity/sdk-core';
-export { HttpClient } from '@strivacity/sdk-core/utils/HttpClient';
-export { DefaultLogging } from '@strivacity/sdk-core/utils/Logging';
-export { LocalStorage } from '@strivacity/sdk-core/storages/LocalStorage';
-export { SessionStorage } from '@strivacity/sdk-core/storages/SessionStorage';
-export { createCredential, getCredential } from '@strivacity/sdk-core/utils/credentials';
+export * from '@strivacity/sdk-core/flows';
+export * from '@strivacity/sdk-core/handlers';
+import { unflattenObject } from '@strivacity/sdk-core/utils';
+export * from '@strivacity/sdk-core/utils';
 import * as i0 from '@angular/core';
-import { Injectable, ViewContainerRef, ViewChild, Input, Component, InjectionToken, Inject, EventEmitter, Output, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { BehaviorSubject, from, Subscription } from 'rxjs';
-import { unflattenObject } from '@strivacity/sdk-core/utils/object';
+import { InjectionToken, CUSTOM_ELEMENTS_SCHEMA, NgModule, makeStateKey, provideAppInitializer, inject, REQUEST, TransferState, signal, PLATFORM_ID, DestroyRef, Injectable } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { initFlow } from '@strivacity/sdk-core';
+import { FallbackError } from '@strivacity/sdk-core/utils/errors';
+export { COOKIE_CHUNK_SIZE, COOKIE_CONTEXT, createCacheAPIStorage, createIndexedDBStorage, createLocalStorage, createMemoryStorage, createServerMemoryStorage, createSessionStorage, createWorkerStorage, handleWorkerStorageRequests } from '@strivacity/sdk-core/storages';
 
+const STRIVACITY_SDK = new InjectionToken('strivacity-sdk');
 /**
- * Service that manages Strivacity native widgets.
+ * Provides the Strivacity SDK configuration and the `StrivacityAuthService` as dependency injection providers.
+ *
+ * This function is used to supply the Strivacity SDK configuration to the application
+ * by binding it to the `STRIVACITY_SDK` token, and to register `StrivacityAuthService` as an injectable.
+ *
+ * @param {AngularSDKInitConfig} config The SDK configuration options.
+ * @returns {Provider[]} The providers to add to the application (or component) injector.
  */
-class StrivacityWidgetService {
-    loading$ = new BehaviorSubject(false);
-    forms$ = new BehaviorSubject({});
-    messages$ = new BehaviorSubject({});
-    state$ = new BehaviorSubject({});
-    triggerFallback;
-    triggerClose;
-    submitForm;
-    setFormValue(formId, widgetId, value) {
-        const forms = { ...this.forms$.value };
-        forms[formId] = { ...(forms[formId] || {}), [widgetId]: value === '' ? null : value };
-        this.forms$.next(forms);
-    }
-    setMessage(formId, widgetId, value) {
-        const messages = { ...this.messages$.value };
-        messages[formId] = { ...(messages[formId] || {}), [widgetId]: value };
-        this.messages$.next(messages);
+function provideStrivacity(config) {
+    return [{ provide: STRIVACITY_SDK, useValue: config }, StrivacityAuthService];
+}
+class StrivacityAuthModule {
+    /**
+     * Registers the Strivacity SDK configuration and the `StrivacityAuthService` as dependency injection providers.
+     *
+     * This is the `NgModule`-based equivalent of `provideStrivacity()`, for applications that still bootstrap via `NgModule`.
+     *
+     * @param {AngularSDKInitConfig} options The SDK configuration options.
+     * @returns {ModuleWithProviders<StrivacityAuthModule>} The module along with its providers, to be imported once at the root of the application.
+     */
+    static forRoot(options) {
+        return {
+            ngModule: StrivacityAuthModule,
+            providers: [provideStrivacity(options)],
+        };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StrivacityWidgetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StrivacityWidgetService, providedIn: 'root' });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrivacityAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: StrivacityAuthModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrivacityAuthModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StrivacityWidgetService, decorators: [{
-            type: Injectable,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrivacityAuthModule, decorators: [{
+            type: NgModule,
             args: [{
-                    providedIn: 'root',
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }] });
 
-class StyWidgetRenderer {
-    widgetService;
-    items = [];
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    widgets;
-    $containerRef;
-    constructor(widgetService) {
-        this.widgetService = widgetService;
-    }
-    ngOnChanges(changes) {
-        if (changes['items']) {
-            this.render();
-        }
-    }
-    render() {
-        this.$containerRef.clear();
-        if (!this.items) {
-            return;
-        }
-        for (const item of this.items) {
-            if (item.type === 'widget') {
-                const form = this.widgetService.state$.value.forms?.find((f) => f.id === item.formId);
-                const widget = form?.widgets.find((w) => w.id === item.widgetId);
-                const component = widget ? this.widgets[widget.type] : undefined;
-                if (!form || !widget) {
-                    this.widgetService.triggerFallback(undefined, `Unable to find form or widget for item: formId=${item.formId}, widgetId=${item.widgetId}`);
-                    continue;
-                }
-                if (!component) {
-                    this.widgetService.triggerFallback(undefined, `No component found for widget type ${widget.type}`);
-                    continue;
-                }
-                const componentRef = this.$containerRef.createComponent(component);
-                componentRef.setInput('formId', item.formId);
-                componentRef.setInput('config', widget);
-                componentRef.changeDetectorRef.detectChanges();
-            }
-            else if (item.type === 'vertical' || item.type === 'horizontal') {
-                const component = this.widgets.layout;
-                if (!component) {
-                    this.widgetService.triggerFallback(undefined, 'No layout component provided');
-                    continue;
-                }
-                const widgetRendererRef = this.$containerRef.createComponent(StyWidgetRenderer);
-                widgetRendererRef.setInput('items', item.items);
-                widgetRendererRef.setInput('widgets', this.widgets);
-                widgetRendererRef.changeDetectorRef.detectChanges();
-                const layoutRef = this.$containerRef.createComponent(component, {
-                    projectableNodes: [[widgetRendererRef.location.nativeElement]],
-                });
-                layoutRef.setInput('formId', item.items[0]?.formId);
-                layoutRef.setInput('type', item.type);
-                layoutRef.changeDetectorRef.detectChanges();
-            }
-            else {
-                this.widgetService.triggerFallback(undefined, 'Unknown item type in layout');
-            }
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StyWidgetRenderer, deps: [{ token: StrivacityWidgetService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: StyWidgetRenderer, isStandalone: true, selector: "sty-widget-renderer", inputs: { items: "items", widgets: "widgets" }, viewQueries: [{ propertyName: "$containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: '<ng-container #container></ng-container>', isInline: true, styles: [":host{display:contents}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StyWidgetRenderer, decorators: [{
-            type: Component,
-            args: [{ standalone: true, selector: 'sty-widget-renderer', template: '<ng-container #container></ng-container>', styles: [":host{display:contents}\n"] }]
-        }], ctorParameters: () => [{ type: StrivacityWidgetService }], propDecorators: { items: [{
-                type: Input
-            }], widgets: [{
-                type: Input,
-                args: [{ required: true }]
-            }], $containerRef: [{
-                type: ViewChild,
-                args: ['container', { read: ViewContainerRef, static: true }]
-            }] } });
-
-const STRIVACITY_SDK = new InjectionToken('sty');
+const SESSION_TRANSFER_KEY = makeStateKey('sty.session');
 /**
- * Provides the Strivacity SDK configuration as a dependency injection token.
+ * Loads the current session from the encrypted cookie storage (using Angular's `REQUEST` token) before the app
+ * renders, and hands it over to the client through `TransferState`, so `StrivacityAuthService` can hydrate without
+ * an extra round-trip or a loading flash.
  *
- * This function is used to supply the Strivacity SDK configuration to the application
- * by binding it to the `STRIVACITY_SDK` token.
+ * Add this to the server-only `ApplicationConfig` (e.g. `app.config.server.ts`), alongside `provideServerRendering()`.
  *
- * @param {SDKOptions} config The SDK configuration options.
- * @returns {{ provide: InjectionToken<SDKOptions>, useValue: SDKOptions }} An object that provides the SDK configuration using the `STRIVACITY_SDK` token.
+ * @param {AngularServerSDK | undefined} serverSdk - The server SDK instance created via `createServerSDK()`, or `undefined` when server-side sessions aren't configured (a no-op in that case).
+ * @returns {EnvironmentProviders} The providers to add to the server `ApplicationConfig`.
  */
-function provideStrivacity(config) {
-    return { provide: STRIVACITY_SDK, useValue: config };
+function provideStrivacityServerSession(serverSdk) {
+    return provideAppInitializer(async () => {
+        const request = inject(REQUEST);
+        if (!request || !serverSdk) {
+            return;
+        }
+        const transferState = inject(TransferState);
+        const session = await serverSdk.getSession(request);
+        transferState.set(SESSION_TRANSFER_KEY, session);
+    });
 }
 
 /**
- * Service that manages Strivacity authentication flows.
- * Supports either PopupFlow or RedirectFlow types.
+ * Signal-based service exposing the Strivacity SDK state and actions to Angular components.
  *
- * @template Flow Type of authentication flow (PopupFlow or RedirectFlow).
- * @template Options Type of SDK options (defaults to SDKOptions).
+ * Provided via `provideStrivacity()` (standalone) or `StrivacityAuthModule.forRoot()` (NgModule).
  */
 class StrivacityAuthService {
-    options;
-    /**
-     * Instance of the authentication flow (PopupFlow or RedirectFlow).
-     */
-    sdk;
-    /**
-     * BehaviorSubject that holds the current session state.
-     * @protected
-     * @readonly
-     */
-    sessionSubject;
-    /**
-     * Observable that emits the session state changes.
-     * @readonly
-     */
-    session$;
-    /**
-     * Creates an instance of StrivacityAuthService.
-     *
-     * @param {Options} options SDK configuration options injected via STRIVACITY_SDK.
-     */
-    constructor(options) {
-        this.options = options;
-        this.sdk = initFlow(options);
-        this.sessionSubject = new BehaviorSubject({
-            loading: true,
-            isAuthenticated: false,
-            idTokenClaims: null,
-            accessToken: null,
-            refreshToken: null,
-            accessTokenExpired: true,
-            accessTokenExpirationDate: null,
-        });
-        this.session$ = this.sessionSubject.asObservable();
-        const updateSession = async () => {
-            this.sessionSubject.next({
-                loading: false,
-                isAuthenticated: await this.sdk.isAuthenticated,
-                idTokenClaims: this.sdk.idTokenClaims || null,
-                accessToken: this.sdk.accessToken || null,
-                refreshToken: this.sdk.refreshToken || null,
-                accessTokenExpired: this.sdk.accessTokenExpired,
-                accessTokenExpirationDate: this.sdk.accessTokenExpirationDate || null,
-            });
-        };
-        this.sdk.subscribeToEvent('init', updateSession);
-        this.sdk.subscribeToEvent('loggedIn', updateSession);
-        this.sdk.subscribeToEvent('sessionLoaded', updateSession);
-        this.sdk.subscribeToEvent('tokenRefreshed', updateSession);
-        this.sdk.subscribeToEvent('tokenRefreshFailed', updateSession);
-        this.sdk.subscribeToEvent('logoutInitiated', updateSession);
-        this.sdk.subscribeToEvent('tokenRevoked', updateSession);
-        this.sdk.subscribeToEvent('tokenRevokeFailed', updateSession);
+    constructor() {
+        this.loadingSignal = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loadingSignal" }] : /* istanbul ignore next */ []));
+        this.languageSignal = signal(globalThis.navigator?.language ?? 'en-US', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "languageSignal" }] : /* istanbul ignore next */ []));
+        this.isAuthenticatedSignal = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isAuthenticatedSignal" }] : /* istanbul ignore next */ []));
+        this.idTokenClaimsSignal = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "idTokenClaimsSignal" }] : /* istanbul ignore next */ []));
+        this.accessTokenSignal = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accessTokenSignal" }] : /* istanbul ignore next */ []));
+        this.refreshTokenSignal = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "refreshTokenSignal" }] : /* istanbul ignore next */ []));
+        this.accessTokenExpiredSignal = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accessTokenExpiredSignal" }] : /* istanbul ignore next */ []));
+        this.accessTokenExpirationDateSignal = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accessTokenExpirationDateSignal" }] : /* istanbul ignore next */ []));
+        this.options = inject(STRIVACITY_SDK);
+        this.sdk = initFlow(this.options);
+        this.loading = this.loadingSignal.asReadonly();
+        this.language = this.languageSignal.asReadonly();
+        this.isAuthenticated = this.isAuthenticatedSignal.asReadonly();
+        this.idTokenClaims = this.idTokenClaimsSignal.asReadonly();
+        this.accessToken = this.accessTokenSignal.asReadonly();
+        this.refreshToken = this.refreshTokenSignal.asReadonly();
+        this.accessTokenExpired = this.accessTokenExpiredSignal.asReadonly();
+        this.accessTokenExpirationDate = this.accessTokenExpirationDateSignal.asReadonly();
+        if (this.options.serverSessionUri) {
+            const transferState = inject(TransferState);
+            const hydratedSession = transferState.get(SESSION_TRANSFER_KEY, undefined);
+            if (hydratedSession) {
+                this.sdk.session = hydratedSession;
+                if (isPlatformBrowser(inject(PLATFORM_ID))) {
+                    transferState.remove(SESSION_TRANSFER_KEY);
+                }
+            }
+        }
+        void this.updateSession();
+        const subscription = this.sdk.subscribeToAllEvents(() => this.updateSession());
+        inject(DestroyRef).onDestroy(() => subscription.dispose());
     }
-    /**
-     * Checks if the user is authenticated.
-     *
-     * @returns {Observable<boolean>} An observable that emits the authentication status.
-     */
-    isAuthenticated() {
-        return from(this.sdk.isAuthenticated);
+    init(...args) {
+        return this.sdk.init(...args);
     }
-    /**
-     * Logs the user in using the specified options.
-     *
-     * @param {Parameters<Flow['login']>[0]} [options] Options to customize the login behavior.
-     * @returns {Observable<void>} An observable that completes when the login process is done.
-     */
-    login(options) {
-        const result = this.sdk.login(options);
-        if (result instanceof Promise) {
-            return from(result);
-        }
-        return result;
+    subscribeToEvent(...args) {
+        return this.sdk.subscribeToEvent(...args);
     }
-    /**
-     * Initiates the entry process using the provided challenge.
-     *
-     * @param {string} [url] Optional URL to use for the entry process. If not provided, the current window location will be used.
-     * @returns {Observable<void>} An observable that completes when the entry process is done.
-     */
-    entry(url) {
-        const result = this.sdk.entry(url);
-        if (result instanceof Promise) {
-            return from(result);
-        }
-        return result;
+    subscribeToAllEvents(...args) {
+        return this.sdk.subscribeToAllEvents(...args);
     }
-    /**
-     * Registers a new user using the specified options.
-     *
-     * @param {Parameters<Flow['register']>[0]} [options] Options to customize the registration behavior.
-     * @returns {Observable<void>} An observable that completes when the registration process is done.
-     */
-    register(options) {
-        const result = this.sdk.register(options);
-        if (result instanceof Promise) {
-            return from(result);
-        }
-        return result;
+    checkAuthentication(...args) {
+        return this.sdk.checkAuthentication(...args);
+    }
+    tokenExchange(...args) {
+        return this.sdk.tokenExchange(...args);
+    }
+    handleCallback(...args) {
+        return this.sdk.handleCallback(...args);
     }
-    /**
-     * Refreshes the current authentication session.
-     *
-     * @returns {Observable<void>} An observable that completes when the session is refreshed.
-     */
     refresh() {
-        return from(this.sdk.refresh());
+        return this.sdk.refresh();
     }
-    /**
-     * Revokes the current session tokens.
-     *
-     * @returns {Observable<void>} An observable that completes when the tokens are revoked.
-     */
     revoke() {
-        return from(this.sdk.revoke());
+        return this.sdk.revoke();
     }
-    /**
-     * Logs the user out using the specified options.
-     *
-     * @param {Parameters<Flow['logout']>[0]} [options] Options to customize the logout behavior.
-     * @returns {Observable<void>} An observable that completes when the logout process is done.
-     */
-    logout(options) {
-        return from(this.sdk.logout(options));
+    logout(...args) {
+        return this.sdk.logout(...args);
+    }
+    login(...args) {
+        return this.sdk.login(...args);
+    }
+    register(...args) {
+        return this.sdk.register(...args);
+    }
+    entry(...args) {
+        return this.sdk.entry(...args);
+    }
+    async updateSession() {
+        const authenticated = await this.sdk.isAuthenticated;
+        if (this.loadingSignal()) {
+            this.loadingSignal.set(false);
+        }
+        if (this.sdk.language !== this.languageSignal()) {
+            this.languageSignal.set(this.sdk.language);
+        }
+        if (authenticated !== this.isAuthenticatedSignal()) {
+            this.isAuthenticatedSignal.set(authenticated);
+        }
+        if (this.sdk.idTokenClaims !== this.idTokenClaimsSignal()) {
+            this.idTokenClaimsSignal.set(this.sdk.idTokenClaims ?? null);
+        }
+        if (this.sdk.accessToken !== this.accessTokenSignal()) {
+            this.accessTokenSignal.set(this.sdk.accessToken ?? null);
+        }
+        if (this.sdk.refreshToken !== this.refreshTokenSignal()) {
+            this.refreshTokenSignal.set(this.sdk.refreshToken ?? null);
+        }
+        if (this.sdk.accessTokenExpired !== this.accessTokenExpiredSignal()) {
+            this.accessTokenExpiredSignal.set(this.sdk.accessTokenExpired);
+        }
+        if (this.sdk.accessTokenExpirationDate !== this.accessTokenExpirationDateSignal()) {
+            this.accessTokenExpirationDateSignal.set(this.sdk.accessTokenExpirationDate ?? null);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrivacityAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrivacityAuthService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrivacityAuthService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class StrivacityNativeLoginService {
+    constructor() {
+        this.authService = inject(StrivacityAuthService);
+        this.sdk = this.authService.sdk;
+        this.abortController = new AbortController();
+        this.options = {};
+        this.loadingSignal = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loadingSignal" }] : /* istanbul ignore next */ []));
+        this.formsSignal = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "formsSignal" }] : /* istanbul ignore next */ []));
+        this.messagesSignal = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "messagesSignal" }] : /* istanbul ignore next */ []));
+        this.stateSignal = signal({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "stateSignal" }] : /* istanbul ignore next */ []));
+        this.loading = this.loadingSignal.asReadonly();
+        this.forms = this.formsSignal.asReadonly();
+        this.messages = this.messagesSignal.asReadonly();
+        this.state = this.stateSignal.asReadonly();
+        inject(DestroyRef).onDestroy(() => this.abortController.abort());
     }
     /**
-     * Handles the authentication callback (e.g., after a redirect or popup flow).
+     * Starts a native login flow session. Should be called once, from the page component that owns this service.
      *
-     * @param {Parameters<Flow['handleCallback']>[0]} [url] The URL to handle for the callback.
-     * @returns {Observable<void>} An observable that completes when the callback is handled.
+     * @param {NativeLoginOptions} [options] - Optional options for the login session.
      */
-    handleCallback(url) {
-        return from(this.sdk.handleCallback(url));
+    async start(options = {}) {
+        this.options = options;
+        await this.sdk.init();
+        try {
+            await this.startSession(options.params);
+        }
+        catch (error) {
+            if (error instanceof DOMException && error.name === 'AbortError') {
+                return;
+            }
+            this.sdk.logging?.error('Error fetching authorization URI', error);
+            await this.options.onError?.(error);
+            this.loadingSignal.set(false);
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StrivacityAuthService, deps: [{ token: STRIVACITY_SDK }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StrivacityAuthService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StrivacityAuthService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [STRIVACITY_SDK]
-                }] }] });
-
-class StyLoginRenderer {
-    authService;
-    widgetService;
-    subscriptions = new Subscription();
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    createdComponentRefs = [];
-    loginHandler;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    widgets;
-    sessionId;
-    language;
-    params = {};
-    onLogin = new EventEmitter();
-    onFallback = new EventEmitter();
-    onClose = new EventEmitter();
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    onError = new EventEmitter();
-    onGlobalMessage = new EventEmitter();
-    onBlockReady = new EventEmitter();
-    onLanguageChange = new EventEmitter();
-    $containerRef;
-    constructor(authService, widgetService) {
-        this.authService = authService;
-        this.widgetService = widgetService;
-        this.widgetService.triggerFallback = (hostedUrl, message) => {
-            const url = hostedUrl || this.widgetService.state$.value.hostedUrl;
-            this.authService.sdk.logging?.warn(message ? `Triggering fallback due to: ${message}` : 'Triggering fallback');
-            if (!url) {
-                const error = new Error('No hosted URL provided');
-                this.authService.sdk.logging?.error('Fallback error', error);
-                throw error;
+    async submitForm(formId, customBody) {
+        try {
+            this.loadingSignal.set(true);
+            const nextState = await this.sdk.submitForm(formId, customBody ?? unflattenObject(this.formsSignal()[formId] ?? {}));
+            if (nextState) {
+                await this.handleResponse(nextState);
             }
-            this.onFallback.emit(new FallbackError(new URL(url)));
-        };
-        this.widgetService.triggerClose = () => {
-            this.onClose.emit();
-        };
-        this.widgetService.submitForm = async (formId) => {
-            try {
-                this.widgetService.loading$.next(true);
-                const data = await this.loginHandler.submitForm(formId, unflattenObject(this.widgetService.forms$.value[formId]));
-                if (await this.authService.sdk.isAuthenticated) {
-                    this.onLogin.emit(this.authService.sdk.idTokenClaims);
-                }
-                else {
-                    const previousState = JSON.parse(JSON.stringify(this.widgetService.state$.value));
-                    const newState = {
-                        hostedUrl: data?.hostedUrl ?? this.widgetService.state$.value.hostedUrl,
-                        finalizeUrl: data?.finalizeUrl ?? this.widgetService.state$.value.finalizeUrl,
-                        screen: data?.screen ?? this.widgetService.state$.value.screen,
-                        forms: data?.forms ?? this.widgetService.state$.value.forms,
-                        layout: data?.layout ?? this.widgetService.state$.value.layout,
-                        messages: data?.messages ?? {},
-                        branding: data?.branding ?? this.widgetService.state$.value.branding,
-                    };
-                    if (newState.screen !== this.widgetService.state$.value.screen) {
-                        const forms = {};
-                        const messages = {};
-                        for (const form of newState.forms ?? []) {
-                            forms[form.id] = {};
-                            messages[form.id] = {};
-                        }
-                        this.widgetService.forms$.next(forms);
-                        this.widgetService.messages$.next(messages);
-                    }
-                    else {
-                        this.authService.sdk.logging?.info(`Updating screen: ${newState.screen}`);
-                    }
-                    Object.keys(newState.messages ?? {}).forEach((formId) => {
-                        if (formId === 'global') {
-                            this.onGlobalMessage.emit(newState.messages?.global?.text ?? '');
-                        }
-                        else {
-                            const messages = { ...this.widgetService.messages$.value };
-                            messages[formId] = newState.messages[formId];
-                            this.widgetService.messages$.next(messages);
-                        }
-                    });
-                    this.widgetService.state$.next(newState);
-                    this.onBlockReady.emit({ previousState, state: structuredClone(newState) });
-                    this.widgetService.loading$.next(false);
-                }
+        }
+        catch (error) {
+            if (error instanceof FallbackError) {
+                this.sdk.logging?.error('Fallback error occurred', error);
+                await this.options.onFallback?.(error);
             }
-            catch (error) {
-                if (error instanceof FallbackError) {
-                    this.onFallback.emit(error);
-                }
-                else {
-                    this.onError.emit(error);
-                }
+            else {
+                this.sdk.logging?.error('Error submitting form', error);
+                await this.options.onError?.(error);
             }
-        };
+        }
     }
-    ngOnInit() {
-        this.subscriptions.add(this.widgetService.state$.subscribe((state) => {
-            this.render(state);
-        }));
-        void this.init();
+    setFormValue(formId, widgetId, value) {
+        const forms = { ...this.formsSignal() };
+        forms[formId] = { ...(forms[formId] ?? {}), [widgetId]: value === '' ? null : value };
+        this.formsSignal.set(forms);
+    }
+    setMessage(formId, widgetId, value) {
+        const messages = { ...this.messagesSignal() };
+        messages[formId] = { ...(messages[formId] ?? {}), [widgetId]: value };
+        this.messagesSignal.set(messages);
+    }
+    triggerFallback(message) {
+        this.sdk.logging?.warn(message ? `Triggering fallback due to: ${message}` : 'Triggering fallback');
+        const hostedUrl = this.stateSignal().hostedUrl;
+        if (!hostedUrl) {
+            const error = new Error('No hosted URL provided');
+            this.sdk.logging?.error('Fallback error', error);
+            throw error;
+        }
+        void this.options.onFallback?.(new FallbackError(new URL(hostedUrl)));
     }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-        this.clearAndDestroyComponents();
-        this.widgetService.loading$.next(false);
-        this.widgetService.state$.next({});
-        this.widgetService.forms$.next({});
-        this.widgetService.messages$.next({});
+    triggerClose() {
+        this.sdk.logging?.debug('Triggering close');
+        void this.options.onClose?.();
     }
-    async init() {
+    async startSession(loginParams = {}) {
         try {
-            this.loginHandler = this.authService.sdk.login(this.params);
-            const data = (await this.loginHandler.startSession(this.sessionId, this.language));
-            const previousState = JSON.parse(JSON.stringify(this.widgetService.state$.value));
-            const newState = {
-                hostedUrl: data?.hostedUrl ?? this.widgetService.state$.value.hostedUrl,
-                finalizeUrl: data?.finalizeUrl ?? this.widgetService.state$.value.finalizeUrl,
-                screen: data?.screen ?? this.widgetService.state$.value.screen,
-                forms: data?.forms ?? this.widgetService.state$.value.forms,
-                layout: data?.layout ?? this.widgetService.state$.value.layout,
-                messages: data?.messages ?? {},
-                branding: data?.branding ?? this.widgetService.state$.value.branding,
-            };
-            this.onLanguageChange.emit(this.loginHandler.language);
-            if (await this.authService.sdk.isAuthenticated) {
-                this.onLogin.emit(this.authService.sdk.idTokenClaims);
-            }
-            else {
-                if (newState.screen !== this.widgetService.state$.value.screen) {
-                    const newFormContexts = {};
-                    const newMessageContexts = {};
-                    for (const form of newState.forms ?? []) {
-                        newFormContexts[form.id] = {};
-                        newMessageContexts[form.id] = {};
-                    }
-                    this.widgetService.forms$.next(newFormContexts);
-                    this.widgetService.messages$.next(newMessageContexts);
-                }
-                Object.keys(newState.messages ?? {}).forEach((formId) => {
-                    if (formId === 'global') {
-                        this.onGlobalMessage.emit(newState.messages?.global?.text ?? '');
-                    }
-                    else {
-                        const messages = { ...this.widgetService.messages$.value };
-                        messages[formId] = newState.messages[formId];
-                        this.widgetService.messages$.next(messages);
-                    }
-                });
-                this.widgetService.state$.next(newState);
-                this.onBlockReady.emit({ previousState, state: structuredClone(newState) });
+            this.loadingSignal.set(true);
+            const nextState = await this.sdk.startSession(loginParams);
+            if (nextState) {
+                await this.handleResponse(nextState);
             }
         }
         catch (error) {
             if (error instanceof FallbackError) {
-                this.onFallback.emit(error);
+                this.sdk.logging?.error('Fallback error occurred', error);
+                await this.options.onFallback?.(error);
             }
             else {
-                this.onError.emit(error);
+                this.sdk.logging?.error('Error starting session', error);
+                await this.options.onError?.(error);
             }
         }
     }
-    render(state) {
-        this.clearAndDestroyComponents();
-        if (state.screen) {
-            const component = this.widgets['layout'];
-            if (!component) {
-                this.widgetService.triggerFallback(undefined, 'No layout component provided');
+    async handleResponse(nextState) {
+        if (this.sdk.session) {
+            return await this.options.onLogin?.(this.sdk.session);
+        }
+        const currentState = this.stateSignal();
+        const newState = {
+            hostedUrl: nextState.hostedUrl ?? currentState.hostedUrl,
+            finalizeUrl: nextState.finalizeUrl ?? currentState.finalizeUrl,
+            screen: nextState.screen ?? currentState.screen,
+            forms: nextState.forms ?? currentState.forms,
+            layout: nextState.layout ?? currentState.layout,
+            messages: nextState.messages ?? {},
+            branding: nextState.branding ?? currentState.branding,
+        };
+        if (newState.screen !== currentState.screen) {
+            const nextForms = {};
+            const nextMessages = {};
+            for (const form of newState.forms ?? []) {
+                nextForms[form.id] = {};
+                nextMessages[form.id] = {};
             }
-            const widgetRendererRef = this.$containerRef.createComponent(StyWidgetRenderer);
-            widgetRendererRef.setInput('items', state.layout?.items);
-            widgetRendererRef.setInput('widgets', this.widgets);
-            widgetRendererRef.changeDetectorRef.detectChanges();
-            const layoutRef = this.$containerRef.createComponent(component, {
-                projectableNodes: [[widgetRendererRef.location.nativeElement]],
-            });
-            layoutRef.setInput('formId', state.layout?.items[0]?.formId);
-            layoutRef.setInput('type', state.layout?.type);
-            layoutRef.setInput('tag', 'form');
-            layoutRef.changeDetectorRef.detectChanges();
-            this.createdComponentRefs.push(widgetRendererRef, layoutRef);
+            this.formsSignal.set(nextForms);
+            this.messagesSignal.set(nextMessages);
         }
         else {
-            const loadingComponentType = this.widgets['loading'];
-            if (loadingComponentType) {
-                const loadingRef = this.$containerRef.createComponent(loadingComponentType);
-                this.createdComponentRefs.push(loadingRef);
-            }
+            this.sdk.logging?.info(`Updating screen: ${newState.screen}`);
         }
-    }
-    clearAndDestroyComponents() {
-        this.createdComponentRefs.forEach((ref) => {
-            if (!ref.hostView.destroyed) {
-                ref.destroy();
+        const nextMessageMap = { ...this.messagesSignal() };
+        for (const formId of Object.keys(newState.messages ?? {})) {
+            if (formId === 'global') {
+                await this.options.onGlobalMessage?.(newState.messages.global);
             }
-        });
-        this.createdComponentRefs = [];
-        this.$containerRef?.clear();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StyLoginRenderer, deps: [{ token: StrivacityAuthService }, { token: StrivacityWidgetService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: StyLoginRenderer, isStandalone: true, selector: "sty-login-renderer", inputs: { widgets: "widgets", sessionId: "sessionId", language: "language", params: "params" }, outputs: { onLogin: "login", onFallback: "fallback", onClose: "close", onError: "error", onGlobalMessage: "globalMessage", onBlockReady: "blockReady", onLanguageChange: "languageChange" }, host: { classAttribute: "login-renderer" }, viewQueries: [{ propertyName: "$containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: '<ng-container #container></ng-container>', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StyLoginRenderer, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'sty-login-renderer',
-                    template: '<ng-container #container></ng-container>',
-                    host: {
-                        class: 'login-renderer',
-                    },
-                }]
-        }], ctorParameters: () => [{ type: StrivacityAuthService }, { type: StrivacityWidgetService }], propDecorators: { widgets: [{
-                type: Input,
-                args: [{ required: true }]
-            }], sessionId: [{
-                type: Input
-            }], language: [{
-                type: Input
-            }], params: [{
-                type: Input
-            }], onLogin: [{
-                type: Output,
-                args: ['login']
-            }], onFallback: [{
-                type: Output,
-                args: ['fallback']
-            }], onClose: [{
-                type: Output,
-                args: ['close']
-            }], onError: [{
-                type: Output,
-                args: ['error']
-            }], onGlobalMessage: [{
-                type: Output,
-                args: ['globalMessage']
-            }], onBlockReady: [{
-                type: Output,
-                args: ['blockReady']
-            }], onLanguageChange: [{
-                type: Output,
-                args: ['languageChange']
-            }], $containerRef: [{
-                type: ViewChild,
-                args: ['container', { read: ViewContainerRef, static: true }]
-            }] } });
-
-class StrivacityAuthModule {
-    static forRoot(options) {
-        return {
-            ngModule: StrivacityAuthModule,
-            providers: [provideStrivacity(options)],
-        };
+            else {
+                nextMessageMap[formId] = newState.messages[formId] ?? {};
+            }
+        }
+        this.messagesSignal.set(nextMessageMap);
+        this.stateSignal.set(newState);
+        if (!newState.finalizeUrl) {
+            this.loadingSignal.set(false);
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StrivacityAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: StrivacityAuthModule, imports: [StyLoginRenderer], exports: [StyLoginRenderer] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StrivacityAuthModule, providers: [StrivacityAuthService] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrivacityNativeLoginService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrivacityNativeLoginService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: StrivacityAuthModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                    providers: [StrivacityAuthService],
-                    imports: [StyLoginRenderer],
-                    exports: [StyLoginRenderer],
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrivacityNativeLoginService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { STRIVACITY_SDK, StrivacityAuthModule, StrivacityAuthService, StrivacityWidgetService, StyLoginRenderer, provideStrivacity };
+export { STRIVACITY_SDK, StrivacityAuthModule, StrivacityAuthService, StrivacityNativeLoginService, provideStrivacity };
 //# sourceMappingURL=strivacity-sdk-angular.mjs.map