@sneat/auth-ui 0.1.3 → 0.1.6

package/esm2022/lib/pages/login-page/login-with-telegram.component.js

@@ -0,0 +1,93 @@
+import { DOCUMENT } from '@angular/common';
+import { Component, ElementRef, Input, inject } from '@angular/core';
+import { SneatAuthWithTelegramService, } from './sneat-auth-with-telegram.service';
+import * as i0 from "@angular/core";
+let authWithTelegramService;
+export class LoginWithTelegramComponent {
+    // TODO: Article about Telegram login
+    constructor() {
+        this.el = inject(ElementRef);
+        this.document = inject(DOCUMENT);
+        this.authWithTelegram = inject(SneatAuthWithTelegramService);
+        this.isUserAuthenticated = false;
+        this.botID = location.hostname.startsWith('local')
+            ? 'AlextDevBot'
+            : 'SneatBot';
+        this.size = 'large';
+        this.requestAccess = 'write';
+        this.userPic = true;
+        const authWithTelegram = this.authWithTelegram;
+        authWithTelegramService = authWithTelegram;
+    }
+    ngOnInit() {
+        const botID = this.botID;
+        if (botID) {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            window.onTelegramAuth = (tgAuthData) => {
+                // https://core.telegram.org/widgets/login#receiving-authorization-data
+                // After a successful authorization, the widget returns data
+                // by calling the callback function data-onauth with the JSON-object containing
+                // id, first_name, last_name, username, photo_url, auth_date and hash fields.
+                authWithTelegramService.loginWithTelegram(botID, tgAuthData, this.isUserAuthenticated);
+            };
+            const script = this.document.createElement('script');
+            script.src = 'https://telegram.org/js/telegram-widget.js?22';
+            script.setAttribute('data-telegram-login', botID);
+            script.setAttribute('data-request-access', this.requestAccess);
+            script.setAttribute('data-size', this.size);
+            if (!this.userPic) {
+                script.setAttribute('data-userpic', 'false');
+            }
+            // https://core.telegram.org/widgets/login#receiving-authorization-data
+            // After a successful authorization, the widget returns data
+            // by calling the callback function data-onauth with the JSON-object containing
+            // id, first_name, last_name, username, photo_url, auth_date and hash fields.
+            script.setAttribute('data-onauth', 'onTelegramAuth(user)');
+            this.el.nativeElement.appendChild(script);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LoginWithTelegramComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: LoginWithTelegramComponent, isStandalone: true, selector: "sneat-login-with-telegram", inputs: { isUserAuthenticated: "isUserAuthenticated", botID: "botID", size: "size", requestAccess: "requestAccess", userPic: "userPic" }, providers: [SneatAuthWithTelegramService], ngImport: i0, template: `
+    <!--
+				<script
+					async
+					src="https://telegram.org/js/telegram-widget.js?22"
+					data-telegram-login="SneatBot"
+					data-size="large"
+					data-onauth="onTelegramAuth(user)"
+					data-request-access="write"
+				></script>
+				-->
+  `, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LoginWithTelegramComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [SneatAuthWithTelegramService],
+                    selector: 'sneat-login-with-telegram',
+                    template: `
+    <!--
+				<script
+					async
+					src="https://telegram.org/js/telegram-widget.js?22"
+					data-telegram-login="SneatBot"
+					data-size="large"
+					data-onauth="onTelegramAuth(user)"
+					data-request-access="write"
+				></script>
+				-->
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { isUserAuthenticated: [{
+                type: Input
+            }], botID: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], requestAccess: [{
+                type: Input
+            }], userPic: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=login-with-telegram.component.js.map

package/esm2022/lib/pages/login-page/login-with-telegram.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-with-telegram.component.js","sourceRoot":"","sources":["../../../../../../../../libs/auth/ui/src/lib/pages/login-page/login-with-telegram.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAU,MAAM,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAEL,4BAA4B,GAC7B,MAAM,oCAAoC,CAAC;;AAE5C,IAAI,uBAAqD,CAAC;AAkB1D,MAAM,OAAO,0BAA0B;IAKrC,qCAAqC;IACrC;QALiB,OAAE,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;QACxB,aAAQ,GAAG,MAAM,CAAW,QAAQ,CAAC,CAAC;QAC9C,qBAAgB,GAAG,MAAM,CAAC,4BAA4B,CAAC,CAAC;QASjD,wBAAmB,GAAG,KAAK,CAAC;QAE5B,UAAK,GAAW,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;YACnE,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,UAAU,CAAC;QAEC,SAAI,GAAiC,OAAO,CAAC;QAC7C,kBAAa,GAAqB,OAAO,CAAC;QAC1C,YAAO,GAAG,IAAI,CAAC;QAb7B,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAE/C,uBAAuB,GAAG,gBAAgB,CAAC;IAC7C,CAAC;IAYD,QAAQ;QACN,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,KAAK,EAAE,CAAC;YACV,6DAA6D;YAC7D,aAAa;YACb,MAAM,CAAC,cAAc,GAAG,CAAC,UAA6B,EAAE,EAAE;gBACxD,uEAAuE;gBACvE,4DAA4D;gBAC5D,+EAA+E;gBAC/E,6EAA6E;gBAC7E,uBAAuB,CAAC,iBAAiB,CACvC,KAAK,EACL,UAAU,EACV,IAAI,CAAC,mBAAmB,CACzB,CAAC;YACJ,CAAC,CAAC;YAEF,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAErD,MAAM,CAAC,GAAG,GAAG,+CAA+C,CAAC;YAC7D,MAAM,CAAC,YAAY,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;YAClD,MAAM,CAAC,YAAY,CAAC,qBAAqB,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;YAC/D,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5C,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;gBAClB,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;YAC/C,CAAC;YACD,uEAAuE;YACvE,4DAA4D;YAC5D,+EAA+E;YAC/E,6EAA6E;YAC7E,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,sBAAsB,CAAC,CAAC;YAC3D,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;8GAvDU,0BAA0B;kGAA1B,0BAA0B,kNAf1B,CAAC,4BAA4B,CAAC,0BAE/B;;;;;;;;;;;GAWT;;2FAEU,0BAA0B;kBAhBtC,SAAS;mBAAC;oBACT,SAAS,EAAE,CAAC,4BAA4B,CAAC;oBACzC,QAAQ,EAAE,2BAA2B;oBACrC,QAAQ,EAAE;;;;;;;;;;;GAWT;iBACF;;sBAaE,KAAK;;sBAEL,KAAK;;sBAIL,KAAK;;sBACL,KAAK;;sBACL,KAAK","sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { Component, ElementRef, Input, OnInit, inject } from '@angular/core';\nimport {\n  ITelegramAuthData,\n  SneatAuthWithTelegramService,\n} from './sneat-auth-with-telegram.service';\n\nlet authWithTelegramService: SneatAuthWithTelegramService;\n\n@Component({\n  providers: [SneatAuthWithTelegramService],\n  selector: 'sneat-login-with-telegram',\n  template: `\n    <!--\n\t\t\t\t<script\n\t\t\t\t\tasync\n\t\t\t\t\tsrc=\"https://telegram.org/js/telegram-widget.js?22\"\n\t\t\t\t\tdata-telegram-login=\"SneatBot\"\n\t\t\t\t\tdata-size=\"large\"\n\t\t\t\t\tdata-onauth=\"onTelegramAuth(user)\"\n\t\t\t\t\tdata-request-access=\"write\"\n\t\t\t\t></script>\n\t\t\t\t-->\n  `,\n})\nexport class LoginWithTelegramComponent implements OnInit {\n  private readonly el = inject(ElementRef);\n  private readonly document = inject<Document>(DOCUMENT);\n  readonly authWithTelegram = inject(SneatAuthWithTelegramService);\n\n  // TODO: Article about Telegram login\n  constructor() {\n    const authWithTelegram = this.authWithTelegram;\n\n    authWithTelegramService = authWithTelegram;\n  }\n\n  @Input() public isUserAuthenticated = false;\n\n  @Input() public botID: string = location.hostname.startsWith('local')\n    ? 'AlextDevBot'\n    : 'SneatBot';\n\n  @Input() public size: 'small' | 'medium' | 'large' = 'large';\n  @Input() public requestAccess: 'write' | 'read' = 'write';\n  @Input() public userPic = true;\n\n  ngOnInit() {\n    const botID = this.botID;\n    if (botID) {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      window.onTelegramAuth = (tgAuthData: ITelegramAuthData) => {\n        // https://core.telegram.org/widgets/login#receiving-authorization-data\n        // After a successful authorization, the widget returns data\n        // by calling the callback function data-onauth with the JSON-object containing\n        // id, first_name, last_name, username, photo_url, auth_date and hash fields.\n        authWithTelegramService.loginWithTelegram(\n          botID,\n          tgAuthData,\n          this.isUserAuthenticated,\n        );\n      };\n\n      const script = this.document.createElement('script');\n\n      script.src = 'https://telegram.org/js/telegram-widget.js?22';\n      script.setAttribute('data-telegram-login', botID);\n      script.setAttribute('data-request-access', this.requestAccess);\n      script.setAttribute('data-size', this.size);\n      if (!this.userPic) {\n        script.setAttribute('data-userpic', 'false');\n      }\n      // https://core.telegram.org/widgets/login#receiving-authorization-data\n      // After a successful authorization, the widget returns data\n      // by calling the callback function data-onauth with the JSON-object containing\n      // id, first_name, last_name, username, photo_url, auth_date and hash fields.\n      script.setAttribute('data-onauth', 'onTelegramAuth(user)');\n      this.el.nativeElement.appendChild(script);\n    }\n  }\n}\n"]}

package/esm2022/lib/pages/login-page/sneat-auth-with-telegram.service.js

@@ -0,0 +1,31 @@
+import { Injectable, inject } from '@angular/core';
+import { SneatApiService } from '@sneat/api';
+import { SneatAuthStateService } from '@sneat/auth-core';
+import { ErrorLogger } from '@sneat/core';
+import * as i0 from "@angular/core";
+export class SneatAuthWithTelegramService {
+    constructor() {
+        this.errorLogger = inject(ErrorLogger);
+        this.apiService = inject(SneatApiService);
+        this.authService = inject(SneatAuthStateService);
+    }
+    loginWithTelegram(botID, tgAuthData, isUserAuthenticated) {
+        const postRequest = isUserAuthenticated
+            ? (endpoint, body) => this.apiService.post(endpoint, body)
+            : (endpoint, body) => this.apiService.postAsAnonymous(endpoint, body);
+        postRequest('auth/login-from-telegram-widget?botID=' + botID, tgAuthData).subscribe({
+            next: (response) => {
+                this.authService
+                    .signInWithToken(response.token)
+                    .catch(this.errorLogger.logErrorHandler('Failed to sign-in with custom token'));
+            },
+            error: this.errorLogger.logErrorHandler('signInWithTelegram() error:'),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SneatAuthWithTelegramService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SneatAuthWithTelegramService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SneatAuthWithTelegramService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=sneat-auth-with-telegram.service.js.map

package/esm2022/lib/pages/login-page/sneat-auth-with-telegram.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sneat-auth-with-telegram.service.js","sourceRoot":"","sources":["../../../../../../../../libs/auth/ui/src/lib/pages/login-page/sneat-auth-with-telegram.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAgB,MAAM,aAAa,CAAC;;AAkBxD,MAAM,OAAO,4BAA4B;IADzC;QAEmB,gBAAW,GAAG,MAAM,CAAe,WAAW,CAAC,CAAC;QAChD,eAAU,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QACrC,gBAAW,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;KA+B9D;IA7BQ,iBAAiB,CACtB,KAAa,EACb,UAA6B,EAC7B,mBAA4B;QAE5B,MAAM,WAAW,GAGY,mBAAmB;YAC9C,CAAC,CAAC,CAAC,QAAgB,EAAE,IAAa,EAAE,EAAE,CAClC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAY,QAAQ,EAAE,IAAI,CAAC;YACnD,CAAC,CAAC,CAAC,QAAgB,EAAE,IAAa,EAAE,EAAE,CAClC,IAAI,CAAC,UAAU,CAAC,eAAe,CAAY,QAAQ,EAAE,IAAI,CAAC,CAAC;QACjE,WAAW,CACT,wCAAwC,GAAG,KAAK,EAChD,UAAU,CACX,CAAC,SAAS,CAAC;YACV,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACjB,IAAI,CAAC,WAAW;qBACb,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC;qBAC/B,KAAK,CACJ,IAAI,CAAC,WAAW,CAAC,eAAe,CAC9B,qCAAqC,CACtC,CACF,CAAC;YACN,CAAC;YACD,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,6BAA6B,CAAC;SACvE,CAAC,CAAC;IACL,CAAC;8GAjCU,4BAA4B;kHAA5B,4BAA4B;;2FAA5B,4BAA4B;kBADxC,UAAU","sourcesContent":["import { Injectable, inject } from '@angular/core';\nimport { SneatApiService } from '@sneat/api';\nimport { SneatAuthStateService } from '@sneat/auth-core';\nimport { ErrorLogger, IErrorLogger } from '@sneat/core';\nimport { Observable } from 'rxjs';\n\nexport interface ITelegramAuthData {\n  id: number;\n  first_name: string;\n  last_name: string;\n  username?: string;\n  photo_url?: string;\n  auth_date: number;\n  hash: string;\n}\n\ninterface IResponse {\n  token: string;\n}\n\n@Injectable()\nexport class SneatAuthWithTelegramService {\n  private readonly errorLogger = inject<IErrorLogger>(ErrorLogger);\n  private readonly apiService = inject(SneatApiService);\n  private readonly authService = inject(SneatAuthStateService);\n\n  public loginWithTelegram(\n    botID: string,\n    tgAuthData: ITelegramAuthData,\n    isUserAuthenticated: boolean,\n  ): void {\n    const postRequest: (\n      endpoint: string,\n      body: unknown,\n    ) => Observable<IResponse> = isUserAuthenticated\n      ? (endpoint: string, body: unknown) =>\n          this.apiService.post<IResponse>(endpoint, body)\n      : (endpoint: string, body: unknown) =>\n          this.apiService.postAsAnonymous<IResponse>(endpoint, body);\n    postRequest(\n      'auth/login-from-telegram-widget?botID=' + botID,\n      tgAuthData,\n    ).subscribe({\n      next: (response) => {\n        this.authService\n          .signInWithToken(response.token)\n          .catch(\n            this.errorLogger.logErrorHandler(\n              'Failed to sign-in with custom token',\n            ),\n          );\n      },\n      error: this.errorLogger.logErrorHandler('signInWithTelegram() error:'),\n    });\n  }\n}\n"]}

package/esm2022/lib/pages/sign-in-from-email-link/sign-in-from-email-link-page.component.js

@@ -0,0 +1,52 @@
+import { Component, inject } from '@angular/core';
+import { IonButton, IonCard, IonContent, IonHeader, IonIcon, IonInput, IonItem, IonLabel, IonTitle, IonToolbar, NavController, } from '@ionic/angular/standalone';
+import { SneatAuthStateService } from '@sneat/auth-core';
+import { ErrorLogger } from '@sneat/core';
+import * as i0 from "@angular/core";
+export class SignInFromEmailLinkPageComponent {
+    constructor() {
+        this.errorLogger = inject(ErrorLogger);
+        this.authStateService = inject(SneatAuthStateService);
+        this.navController = inject(NavController);
+        this.emailFromStorage = false;
+        this.isSigning = false;
+        this.email = localStorage.getItem('emailForSignIn') || '';
+        this.emailFromStorage = !!this.email;
+        if (this.email) {
+            this.signIn();
+        }
+    }
+    signIn() {
+        this.isSigning = true;
+        this.authStateService.signInWithEmailLink(this.email).subscribe({
+            next: () => {
+                this.navController
+                    .navigateRoot('/')
+                    .catch(this.errorLogger.logErrorHandler('Failed to navigate to root page after signing in with email link'));
+            },
+            error: (err) => {
+                this.isSigning = false;
+                this.emailFromStorage = false;
+                this.errorLogger.logError(err, 'Failed to sign in with email link');
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SignInFromEmailLinkPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SignInFromEmailLinkPageComponent, isStandalone: true, selector: "sneat-sign-in-from-email-link-page", ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-title>Signing in with email link</ion-title>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-card>\n    @if (!emailFromStorage) {\n      <p>\n        Welcome to our app! For your safety please re-type your email address to\n        sign-in.\n      </p>\n    }\n    <ion-item>\n      <ion-icon name=\"mail-outline\" slot=\"start\" />\n      <ion-input\n        label=\"Email\"\n        [required]=\"true\"\n        [readonly]=\"isSigning\"\n        [value]=\"email\"\n        [disabled]=\"emailFromStorage || isSigning\"\n      />\n    </ion-item>\n\n    <ion-button [disabled]=\"isSigning\" (click)=\"signIn()\">\n      <ion-label>\n        @if (isSigning) {\n          Signing in...\n        } @else {\n          Sign in\n        }\n      </ion-label>\n    </ion-button>\n  </ion-card>\n</ion-content>\n", dependencies: [{ kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SignInFromEmailLinkPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-sign-in-from-email-link-page', imports: [
+                        IonHeader,
+                        IonToolbar,
+                        IonTitle,
+                        IonContent,
+                        IonCard,
+                        IonItem,
+                        IonIcon,
+                        IonInput,
+                        IonButton,
+                        IonLabel,
+                    ], template: "<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-title>Signing in with email link</ion-title>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-card>\n    @if (!emailFromStorage) {\n      <p>\n        Welcome to our app! For your safety please re-type your email address to\n        sign-in.\n      </p>\n    }\n    <ion-item>\n      <ion-icon name=\"mail-outline\" slot=\"start\" />\n      <ion-input\n        label=\"Email\"\n        [required]=\"true\"\n        [readonly]=\"isSigning\"\n        [value]=\"email\"\n        [disabled]=\"emailFromStorage || isSigning\"\n      />\n    </ion-item>\n\n    <ion-button [disabled]=\"isSigning\" (click)=\"signIn()\">\n      <ion-label>\n        @if (isSigning) {\n          Signing in...\n        } @else {\n          Sign in\n        }\n      </ion-label>\n    </ion-button>\n  </ion-card>\n</ion-content>\n" }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=sign-in-from-email-link-page.component.js.map

package/esm2022/lib/pages/sign-in-from-email-link/sign-in-from-email-link-page.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-in-from-email-link-page.component.js","sourceRoot":"","sources":["../../../../../../../../libs/auth/ui/src/lib/pages/sign-in-from-email-link/sign-in-from-email-link-page.component.ts","../../../../../../../../libs/auth/ui/src/lib/pages/sign-in-from-email-link/sign-in-from-email-link-page.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EACL,SAAS,EACT,OAAO,EACP,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,aAAa,GACd,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAgB,MAAM,aAAa,CAAC;;AAkBxD,MAAM,OAAO,gCAAgC;IAS3C;QARiB,gBAAW,GAAG,MAAM,CAAe,WAAW,CAAC,CAAC;QAChD,qBAAgB,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC;QACjD,kBAAa,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAGvD,qBAAgB,GAAG,KAAK,CAAC;QACzB,cAAS,GAAG,KAAK,CAAC;QAGhB,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;QAC1D,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QACrC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAEM,MAAM;QACX,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC;YAC9D,IAAI,EAAE,GAAG,EAAE;gBACT,IAAI,CAAC,aAAa;qBACf,YAAY,CAAC,GAAG,CAAC;qBACjB,KAAK,CACJ,IAAI,CAAC,WAAW,CAAC,eAAe,CAC9B,kEAAkE,CACnE,CACF,CAAC;YACN,CAAC;YACD,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE;gBACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACvB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;gBAC9B,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,EAAE,mCAAmC,CAAC,CAAC;YACtE,CAAC;SACF,CAAC,CAAC;IACL,CAAC;8GAnCU,gCAAgC;kGAAhC,gCAAgC,8FCjC7C,s2BAmCA,4CDdI,SAAS,oGACT,UAAU,mFACV,QAAQ,iFACR,UAAU,wKACV,OAAO,yLACP,OAAO,0NACP,OAAO,2JACP,QAAQ,8eACR,SAAS,oPACT,QAAQ;;2FAGC,gCAAgC;kBAhB5C,SAAS;+BACE,oCAAoC,WAErC;wBACP,SAAS;wBACT,UAAU;wBACV,QAAQ;wBACR,UAAU;wBACV,OAAO;wBACP,OAAO;wBACP,OAAO;wBACP,QAAQ;wBACR,SAAS;wBACT,QAAQ;qBACT","sourcesContent":["import { Component, inject } from '@angular/core';\nimport {\n  IonButton,\n  IonCard,\n  IonContent,\n  IonHeader,\n  IonIcon,\n  IonInput,\n  IonItem,\n  IonLabel,\n  IonTitle,\n  IonToolbar,\n  NavController,\n} from '@ionic/angular/standalone';\nimport { SneatAuthStateService } from '@sneat/auth-core';\nimport { ErrorLogger, IErrorLogger } from '@sneat/core';\n\n@Component({\n  selector: 'sneat-sign-in-from-email-link-page',\n  templateUrl: 'sign-in-from-email-link-page.component.html',\n  imports: [\n    IonHeader,\n    IonToolbar,\n    IonTitle,\n    IonContent,\n    IonCard,\n    IonItem,\n    IonIcon,\n    IonInput,\n    IonButton,\n    IonLabel,\n  ],\n})\nexport class SignInFromEmailLinkPageComponent {\n  private readonly errorLogger = inject<IErrorLogger>(ErrorLogger);\n  private readonly authStateService = inject(SneatAuthStateService);\n  private readonly navController = inject(NavController);\n\n  email: string;\n  emailFromStorage = false;\n  isSigning = false;\n\n  constructor() {\n    this.email = localStorage.getItem('emailForSignIn') || '';\n    this.emailFromStorage = !!this.email;\n    if (this.email) {\n      this.signIn();\n    }\n  }\n\n  public signIn(): void {\n    this.isSigning = true;\n    this.authStateService.signInWithEmailLink(this.email).subscribe({\n      next: () => {\n        this.navController\n          .navigateRoot('/')\n          .catch(\n            this.errorLogger.logErrorHandler(\n              'Failed to navigate to root page after signing in with email link',\n            ),\n          );\n      },\n      error: (err) => {\n        this.isSigning = false;\n        this.emailFromStorage = false;\n        this.errorLogger.logError(err, 'Failed to sign in with email link');\n      },\n    });\n  }\n}\n","<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-title>Signing in with email link</ion-title>\n  </ion-toolbar>\n</ion-header>\n<ion-content>\n  <ion-card>\n    @if (!emailFromStorage) {\n      <p>\n        Welcome to our app! For your safety please re-type your email address to\n        sign-in.\n      </p>\n    }\n    <ion-item>\n      <ion-icon name=\"mail-outline\" slot=\"start\" />\n      <ion-input\n        label=\"Email\"\n        [required]=\"true\"\n        [readonly]=\"isSigning\"\n        [value]=\"email\"\n        [disabled]=\"emailFromStorage || isSigning\"\n      />\n    </ion-item>\n\n    <ion-button [disabled]=\"isSigning\" (click)=\"signIn()\">\n      <ion-label>\n        @if (isSigning) {\n          Signing in...\n        } @else {\n          Sign in\n        }\n      </ion-label>\n    </ion-button>\n  </ion-card>\n</ion-content>\n"]}

package/esm2022/lib/pages/sneat-auth-routing.module.js

@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+export const authRoutes = [
+    {
+        path: 'login',
+        loadComponent: () => import('./login-page/login-page.component').then((m) => m.LoginPageComponent),
+    },
+    {
+        path: 'sign-in-from-email-link',
+        loadComponent: () => import('./sign-in-from-email-link/sign-in-from-email-link-page.component').then((m) => m.SignInFromEmailLinkPageComponent),
+    },
+];
+export class SneatAuthRoutingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SneatAuthRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: SneatAuthRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SneatAuthRoutingModule, imports: [RouterModule.forChild(authRoutes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SneatAuthRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(authRoutes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+//# sourceMappingURL=sneat-auth-routing.module.js.map

package/esm2022/lib/pages/sneat-auth-routing.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sneat-auth-routing.module.js","sourceRoot":"","sources":["../../../../../../../libs/auth/ui/src/lib/pages/sneat-auth-routing.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAU,MAAM,iBAAiB,CAAC;;;AAEvD,MAAM,CAAC,MAAM,UAAU,GAAW;IAChC;QACE,IAAI,EAAE,OAAO;QACb,aAAa,EAAE,GAAG,EAAE,CAClB,MAAM,CAAC,mCAAmC,CAAC,CAAC,IAAI,CAC9C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAC5B;KACJ;IACD;QACE,IAAI,EAAE,yBAAyB;QAC/B,aAAa,EAAE,GAAG,EAAE,CAClB,MAAM,CAAC,kEAAkE,CAAC,CAAC,IAAI,CAC7E,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gCAAgC,CAC1C;KACJ;CACF,CAAC;AAMF,MAAM,OAAO,sBAAsB;8GAAtB,sBAAsB;+GAAtB,sBAAsB,wCAFvB,YAAY;+GAEX,sBAAsB,YAHvB,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,EACjC,YAAY;;2FAEX,sBAAsB;kBAJlC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;oBAC5C,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB","sourcesContent":["import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\n\nexport const authRoutes: Routes = [\n  {\n    path: 'login',\n    loadComponent: () =>\n      import('./login-page/login-page.component').then(\n        (m) => m.LoginPageComponent,\n      ),\n  },\n  {\n    path: 'sign-in-from-email-link',\n    loadComponent: () =>\n      import('./sign-in-from-email-link/sign-in-from-email-link-page.component').then(\n        (m) => m.SignInFromEmailLinkPageComponent,\n      ),\n  },\n];\n\n@NgModule({\n  imports: [RouterModule.forChild(authRoutes)],\n  exports: [RouterModule],\n})\nexport class SneatAuthRoutingModule {}\n"]}

package/esm2022/lib/pipes/person-names.pipe.js

@@ -0,0 +1,35 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PersonNamesPipe {
+    transform(names) {
+        if (!names) {
+            return undefined;
+        }
+        if (names.fullName) {
+            return names.fullName;
+        }
+        if (!!names.firstName && !!names.lastName) {
+            return `${names.firstName} ${names.lastName}`;
+        }
+        return JSON.stringify(names);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PersonNamesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: PersonNamesPipe, isStandalone: true, name: "personNames" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PersonNamesPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'personNames' }]
+        }] });
+export function personNames(name) {
+    if (!name) {
+        return undefined;
+    }
+    if (name.fullName) {
+        return name.fullName;
+    }
+    if (name.firstName && name.lastName && !name.nickName && !name.middleName) {
+        return `${name.firstName} ${name.lastName}`;
+    }
+    return name.nickName || name.firstName || name.lastName || name.middleName;
+}
+//# sourceMappingURL=person-names.pipe.js.map

package/esm2022/lib/pipes/person-names.pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-names.pipe.js","sourceRoot":"","sources":["../../../../../../../libs/auth/ui/src/lib/pipes/person-names.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,eAAe,CAAC;;AAIpD,MAAM,OAAO,eAAe;IAC1B,SAAS,CAAC,KAAoB;QAC5B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,KAAK,CAAC,QAAQ,CAAC;QACxB,CAAC;QACD,IAAI,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC1C,OAAO,GAAG,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QAChD,CAAC;QACD,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;8GAZU,eAAe;4GAAf,eAAe;;2FAAf,eAAe;kBAD3B,IAAI;mBAAC,EAAE,IAAI,EAAE,aAAa,EAAE;;AAgB7B,MAAM,UAAU,WAAW,CAAC,IAAmB;IAC7C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IACD,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;QAC1E,OAAO,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;IAC9C,CAAC;IACD,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC;AAC7E,CAAC","sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { IPersonNames } from '@sneat/auth-models';\n\n@Pipe({ name: 'personNames' })\nexport class PersonNamesPipe implements PipeTransform {\n  transform(names?: IPersonNames): string | undefined {\n    if (!names) {\n      return undefined;\n    }\n    if (names.fullName) {\n      return names.fullName;\n    }\n    if (!!names.firstName && !!names.lastName) {\n      return `${names.firstName} ${names.lastName}`;\n    }\n    return JSON.stringify(names);\n  }\n}\n\nexport function personNames(name?: IPersonNames): string | undefined {\n  if (!name) {\n    return undefined;\n  }\n  if (name.fullName) {\n    return name.fullName;\n  }\n  if (name.firstName && name.lastName && !name.nickName && !name.middleName) {\n    return `${name.firstName} ${name.lastName}`;\n  }\n  return name.nickName || name.firstName || name.lastName || name.middleName;\n}\n"]}

package/esm2022/sneat-auth-ui.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=sneat-auth-ui.js.map

package/esm2022/sneat-auth-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sneat-auth-ui.js","sourceRoot":"","sources":["../../../../../libs/auth/ui/src/sneat-auth-ui.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/lib/components/auth-menu-item/auth-menu-item.component.d.ts

@@ -0,0 +1,24 @@
+import { OnDestroy } from '@angular/core';
+import { ISneatAuthState, ISneatUserState } from '@sneat/auth-core';
+import { Subject } from 'rxjs';
+import { personNames } from '../../pipes/person-names.pipe';
+import * as i0 from "@angular/core";
+export declare class AuthMenuItemComponent implements OnDestroy {
+    private readonly errorLogger;
+    private readonly navCtrl;
+    private readonly authStateService;
+    private readonly menuController;
+    protected readonly $user: import("@angular/core").WritableSignal<ISneatUserState | undefined>;
+    protected $err: import("@angular/core").WritableSignal<unknown>;
+    protected readonly $authState: import("@angular/core").WritableSignal<ISneatAuthState | undefined>;
+    protected readonly $authStatus: import("@angular/core").Signal<"authenticating" | "authenticated" | "notAuthenticated" | undefined>;
+    protected readonly $isAuthenticating: import("@angular/core").Signal<boolean>;
+    protected readonly $destroyed: Subject<void>;
+    ngOnDestroy(): void;
+    constructor();
+    closeMenu(): void;
+    logout(event: Event): boolean;
+    protected readonly personName: typeof personNames;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthMenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuthMenuItemComponent, "sneat-auth-menu-item", never, {}, {}, never, never, true, never>;
+}

package/lib/components/user-auth-providers/user-auth-accounts.component.d.ts

@@ -0,0 +1,17 @@
+import { AuthProviderID } from '@sneat/auth-core';
+import { IUserRecord } from '@sneat/auth-models';
+import { SneatBaseComponent } from '@sneat/ui';
+import * as i0 from "@angular/core";
+export declare class UserAuthAccountsComponent extends SneatBaseComponent {
+    private readonly sneatUserService;
+    private readonly sneatApiService;
+    protected readonly $userRecord: import("@angular/core").WritableSignal<IUserRecord | undefined>;
+    protected readonly signingInWith: import("@angular/core").WritableSignal<AuthProviderID | undefined>;
+    constructor();
+    protected hasAccount(provider: 'telegram' | 'viber' | 'whatsapp'): boolean;
+    protected getAccountID(provider: 'telegram'): string;
+    protected disconnecting?: 'telegram' | 'viber' | 'whatsapp';
+    protected disconnect(provider: 'telegram'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserAuthAccountsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserAuthAccountsComponent, "sneat-user-auth-accounts", never, {}, {}, never, never, true, never>;
+}

package/lib/components/user-auth-providers/user-auth-provider-status.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter, OnDestroy } from '@angular/core';
+import { AuthProviderID, ISneatAuthUser } from '@sneat/auth-core';
+import * as i0 from "@angular/core";
+type IonicColor = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger' | 'light' | 'medium' | 'dark';
+interface provider {
+    readonly id: AuthProviderID;
+    readonly title: string;
+    readonly icon: string;
+    readonly color: IonicColor;
+}
+export declare class UserAuthAProviderStatusComponent implements OnDestroy {
+    private readonly errorLogger;
+    private readonly authStateService;
+    private readonly $destroyed;
+    providerID: import("@angular/core").InputSignal<AuthProviderID>;
+    protected readonly provider: import("@angular/core").Signal<provider>;
+    readonly signingInWith: import("@angular/core").InputSignal<AuthProviderID | undefined>;
+    readonly signingInWithChange: EventEmitter<AuthProviderID | undefined>;
+    protected readonly currentUser: import("@angular/core").WritableSignal<ISneatAuthUser | null | undefined>;
+    constructor();
+    protected readonly isSigningIn: import("@angular/core").Signal<boolean>;
+    protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+    readonly authProviderUserInfo: import("@angular/core").Signal<import("@angular/fire/auth").UserInfo | undefined>;
+    readonly isConnected: import("@angular/core").Signal<boolean>;
+    protected connect(): void;
+    protected disconnect(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserAuthAProviderStatusComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserAuthAProviderStatusComponent, "sneat-user-auth-provider-status", never, { "providerID": { "alias": "providerID"; "required": true; "isSignal": true; }; "signingInWith": { "alias": "signingInWith"; "required": true; "isSignal": true; }; }, { "signingInWithChange": "signingInWithChange"; }, never, never, true, never>;
+}
+export {};

package/lib/components/user-required-fields/user-required-fields-modal.component.d.ts

@@ -0,0 +1,31 @@
+import { FormControl, FormGroup } from '@angular/forms';
+import { ISneatUserState } from '@sneat/auth-core';
+import { ISelectItem } from '@sneat/ui';
+import { ISpaceContext } from '@sneat/space-models';
+import { SneatBaseComponent } from '@sneat/ui';
+import * as i0 from "@angular/core";
+export declare class UserRequiredFieldsModalComponent extends SneatBaseComponent {
+    private readonly modalController;
+    private readonly userRecordService;
+    private readonly sneatUserService;
+    space: ISpaceContext;
+    protected readonly genders: ISelectItem[];
+    protected readonly ageGroups: ISelectItem[];
+    protected readonly firstName: FormControl<string | null>;
+    protected readonly lastName: FormControl<string | null>;
+    protected readonly gender: FormControl<string | null>;
+    protected readonly ageGroup: FormControl<string | null>;
+    protected readonly form: FormGroup<{
+        firstName: FormControl<string | null>;
+        lastName: FormControl<string | null>;
+        gender: FormControl<string | null>;
+        ageGroup: FormControl<string | null>;
+    }>;
+    protected submitting: boolean;
+    protected userState?: ISneatUserState;
+    constructor();
+    protected save(): void;
+    protected close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserRequiredFieldsModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserRequiredFieldsModalComponent, "sneat-user-required-fields-form", never, { "space": { "alias": "space"; "required": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/user-required-fields/user-required-fields.service.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class UserRequiredFieldsService {
+    private readonly modalController;
+    open(): Promise<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserRequiredFieldsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UserRequiredFieldsService>;
+}

package/lib/pages/login-page/email-login-form/email-login-form.component.d.ts

@@ -0,0 +1,51 @@
+import { EventEmitter } from '@angular/core';
+import { Auth } from '@angular/fire/auth';
+import { IonInput } from '@ionic/angular/standalone';
+import { IAppInfo } from '@sneat/core';
+import { UserCredential } from 'firebase/auth';
+import * as i0 from "@angular/core";
+export type EmailFormSigningWith = 'email' | 'emailLink' | 'resetPassword';
+export declare class EmailLoginFormComponent {
+    readonly appInfo: IAppInfo;
+    private readonly analyticsService;
+    private readonly errorLogger;
+    private readonly toastController;
+    private readonly afAuth;
+    private readonly randomIdService;
+    private readonly sneatApiService;
+    private readonly userRecordService;
+    protected sign: 'in' | 'up';
+    protected email: string;
+    protected password: string;
+    protected firstName: string;
+    protected lastName: string;
+    protected spaceTitle: string;
+    protected wrongPassword: boolean;
+    protected signingWith?: EmailFormSigningWith;
+    readonly signingWithChange: EventEmitter<EmailFormSigningWith | undefined>;
+    readonly loggedIn: EventEmitter<UserCredential>;
+    emailInput?: IonInput;
+    spaceTitleInput?: IonInput;
+    readonly setFocusToInput: (input?: IonInput | import("@ionic/angular/standalone").IonTextarea, delay?: number) => void;
+    constructor();
+    get validEmail(): boolean;
+    getFirebaseAuth(): Auth;
+    signUp(): Promise<void>;
+    keyupEnter(): void;
+    signIn(): void;
+    private saveEmailForReuse;
+    sendSignInLink(): void;
+    private showToast;
+    resetPassword(): void;
+    private sendVerificationEmail;
+    private onLoggedIn;
+    private errorHandler;
+    private handleError;
+    private setSigningWith;
+    signChanged(): void;
+    ionViewDidEnter(): void;
+    private setFocusToEmail;
+    private setFocusToSpaceTitle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmailLoginFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmailLoginFormComponent, "sneat-email-login-form", never, {}, { "signingWithChange": "signingWithChange"; "loggedIn": "loggedIn"; }, never, never, true, never>;
+}

package/lib/pages/login-page/login-page.component.d.ts

@@ -0,0 +1,30 @@
+import { AuthProviderID } from '@sneat/auth-core';
+import { SneatBaseComponent } from '@sneat/ui';
+import { EmailFormSigningWith } from './email-login-form/email-login-form.component';
+import { UserCredential } from 'firebase/auth';
+import * as i0 from "@angular/core";
+type Action = 'join' | 'refuse';
+export declare class LoginPageComponent extends SneatBaseComponent {
+    private readonly analyticsService;
+    private readonly route;
+    private readonly navController;
+    private readonly userService;
+    private readonly authStateService;
+    private appInfo;
+    private readonly loginEventsHandler;
+    protected readonly signingWith: import("@angular/core").WritableSignal<AuthProviderID | undefined>;
+    private readonly redirectTo?;
+    protected readonly to?: string;
+    protected readonly action?: Action;
+    protected readonly isNativePlatform: boolean;
+    protected readonly appTitle: string;
+    constructor();
+    protected onEmailFormStatusChanged(signingWith?: EmailFormSigningWith): void;
+    protected loginWith(provider: AuthProviderID): Promise<void>;
+    protected onLoggedIn(userCredential: UserCredential): void;
+    private errorHandler;
+    private handleError;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginPageComponent, "sneat-login", never, {}, {}, never, never, true, never>;
+}
+export {};

package/lib/pages/login-page/login-with-telegram.component.d.ts

@@ -0,0 +1,17 @@
+import { OnInit } from '@angular/core';
+import { SneatAuthWithTelegramService } from './sneat-auth-with-telegram.service';
+import * as i0 from "@angular/core";
+export declare class LoginWithTelegramComponent implements OnInit {
+    private readonly el;
+    private readonly document;
+    readonly authWithTelegram: SneatAuthWithTelegramService;
+    constructor();
+    isUserAuthenticated: boolean;
+    botID: string;
+    size: 'small' | 'medium' | 'large';
+    requestAccess: 'write' | 'read';
+    userPic: boolean;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginWithTelegramComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginWithTelegramComponent, "sneat-login-with-telegram", never, { "isUserAuthenticated": { "alias": "isUserAuthenticated"; "required": false; }; "botID": { "alias": "botID"; "required": false; }; "size": { "alias": "size"; "required": false; }; "requestAccess": { "alias": "requestAccess"; "required": false; }; "userPic": { "alias": "userPic"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/pages/login-page/sneat-auth-with-telegram.service.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export interface ITelegramAuthData {
+    id: number;
+    first_name: string;
+    last_name: string;
+    username?: string;
+    photo_url?: string;
+    auth_date: number;
+    hash: string;
+}
+export declare class SneatAuthWithTelegramService {
+    private readonly errorLogger;
+    private readonly apiService;
+    private readonly authService;
+    loginWithTelegram(botID: string, tgAuthData: ITelegramAuthData, isUserAuthenticated: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SneatAuthWithTelegramService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SneatAuthWithTelegramService>;
+}

package/lib/pages/sign-in-from-email-link/sign-in-from-email-link-page.component.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class SignInFromEmailLinkPageComponent {
+    private readonly errorLogger;
+    private readonly authStateService;
+    private readonly navController;
+    email: string;
+    emailFromStorage: boolean;
+    isSigning: boolean;
+    constructor();
+    signIn(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SignInFromEmailLinkPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SignInFromEmailLinkPageComponent, "sneat-sign-in-from-email-link-page", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/sneat-auth-routing.module.d.ts

@@ -0,0 +1,9 @@
+import { Routes } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+export declare const authRoutes: Routes;
+export declare class SneatAuthRoutingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SneatAuthRoutingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SneatAuthRoutingModule, never, [typeof i1.RouterModule], [typeof i1.RouterModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SneatAuthRoutingModule>;
+}

package/lib/pipes/person-names.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from '@angular/core';
+import { IPersonNames } from '@sneat/auth-models';
+import * as i0 from "@angular/core";
+export declare class PersonNamesPipe implements PipeTransform {
+    transform(names?: IPersonNames): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PersonNamesPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<PersonNamesPipe, "personNames", true>;
+}
+export declare function personNames(name?: IPersonNames): string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sneat/auth-ui",
-  "version": "0.1.3",
+  "version": "0.1.6",
   "publishConfig": {
     "access": "public"
   },
@@ -15,5 +15,17 @@
   "dependencies": {
     "tslib": "2.8.1"
   },
-  "type": "module"
+  "type": "module",
+  "module": "esm2022/sneat-auth-ui.js",
+  "typings": "sneat-auth-ui.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./sneat-auth-ui.d.ts",
+      "default": "./esm2022/sneat-auth-ui.js"
+    }
+  },
+  "sideEffects": false
 }

package/sneat-auth-ui.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@sneat/auth-ui" />
+export * from './index';