@acorex-platform/module-integration-management-client 0.0.21

package/fesm2022/acorex-platform-module-integration-management-client-integration-oauth-callback-page.component-XhloXUsZ.mjs

@@ -0,0 +1,176 @@
+import * as i3 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i11 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXPSessionService } from '@acorex-platform/framework-client/auth';
+import { AXPIntegrationProviderRegistryService } from '@acorex-platform/framework-client/common';
+import { AXPStateMessageComponent } from '@acorex-platform/framework-client/layout/components';
+import { commandMessageTextForError } from '@acorex-platform/framework-client/layout/entity';
+import { AXPCommandService } from '@acorex-platform/framework-client/runtime';
+import { resolveAppRouteName, buildTenantIntegrationsPagePath } from '@acorex-platform/module-integration-management-client/contracts';
+import * as i3$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { BehaviorSubject, firstValueFrom } from 'rxjs';
+
+class AXMIntegrationOAuthCallbackPageComponent {
+    constructor() {
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.commandService = inject(AXPCommandService);
+        this.sessionService = inject(AXPSessionService);
+        this.providerRegistry = inject(AXPIntegrationProviderRegistryService);
+        this.isLoading$ = new BehaviorSubject(true);
+        this.error$ = new BehaviorSubject(null);
+    }
+    async ngOnInit() {
+        const sessionReady = await this.ensureSessionReady();
+        if (!sessionReady) {
+            return;
+        }
+        await this.completeCallback();
+    }
+    /** Wait for app init + persisted session (user, tenant, app, permissions) before OAuth completion. */
+    async ensureSessionReady() {
+        let authorized = await firstValueFrom(this.sessionService.isAuthorizedWithLoading$);
+        if (!authorized) {
+            await this.sessionService.restoreSession();
+            authorized = await firstValueFrom(this.sessionService.isAuthorizedWithLoading$);
+        }
+        if (!authorized) {
+            this.isLoading$.next(false);
+            this.error$.next('Session is not ready. Please sign in again and retry the connection.');
+            return false;
+        }
+        return true;
+    }
+    async completeCallback() {
+        const providerId = this.route.snapshot.paramMap.get('providerId') ?? '';
+        const state = this.route.snapshot.queryParamMap.get('state') ?? '';
+        const code = this.route.snapshot.queryParamMap.get('code') ?? '';
+        const oauthError = this.route.snapshot.queryParamMap.get('error') ?? '';
+        if (oauthError) {
+            this.isLoading$.next(false);
+            this.error$.next(oauthError);
+            return;
+        }
+        if (!providerId || !state || !code) {
+            this.isLoading$.next(false);
+            this.error$.next('Missing OAuth callback parameters.');
+            return;
+        }
+        const provider = await this.providerRegistry.get(providerId);
+        const commandKey = provider?.completeOAuthCommandKey;
+        if (!commandKey) {
+            this.isLoading$.next(false);
+            this.error$.next(`OAuth callback is not configured for provider '${providerId}'.`);
+            return;
+        }
+        try {
+            const result = await this.commandService.execute(commandKey, { state, code });
+            if (!result?.success) {
+                this.error$.next(commandMessageTextForError(result?.message?.text) ||
+                    'OAuth callback failed.');
+                return;
+            }
+            await this.goToIntegrations();
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : 'OAuth callback failed.';
+            this.error$.next(message);
+        }
+        finally {
+            this.isLoading$.next(false);
+        }
+    }
+    async goToIntegrations() {
+        // Prefer session app slug — callback URLs are often app-agnostic or legacy `/demo/...`.
+        const appName = resolveAppRouteName(this.sessionService.application?.name, this.route.snapshot.paramMap.get('appName'));
+        if (!appName) {
+            this.error$.next('Unable to determine the current application after authorization.');
+            return;
+        }
+        await this.router.navigateByUrl(buildTenantIntegrationsPagePath(appName));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMIntegrationOAuthCallbackPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMIntegrationOAuthCallbackPageComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    <ng-container *translate="let t">
+      <div class="h-full flex flex-col items-center justify-center p-8">
+        <div class="w-96 text-center">
+          @if (isLoading$ | async) {
+            <axp-state-message
+              mode="loading"
+              icon="fa-solid fa-spinner fa-spin"
+              title="Completing authorization..."
+              description="Please wait while we finish connecting your integration."
+            ></axp-state-message>
+          } @else if (error$ | async; as error) {
+            <axp-state-message
+              mode="error"
+              icon="fa-solid fa-exclamation-triangle"
+              title="Authorization failed"
+              [description]="error"
+            >
+              <div slot="actions" class="flex justify-center">
+                <ax-button
+                  color="primary"
+                  text="Back to integrations"
+                  (onClick)="goToIntegrations()"
+                ></ax-button>
+              </div>
+            </axp-state-message>
+          }
+        </div>
+      </div>
+    </ng-container>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i11.AXTranslatorDirective, selector: "[translate]" }, { kind: "component", type: AXPStateMessageComponent, selector: "axp-state-message", inputs: ["mode", "icon", "title", "description", "titleParams", "descriptionParams", "look"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMIntegrationOAuthCallbackPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXTranslationModule,
+                        AXPStateMessageComponent,
+                    ],
+                    template: `
+    <ng-container *translate="let t">
+      <div class="h-full flex flex-col items-center justify-center p-8">
+        <div class="w-96 text-center">
+          @if (isLoading$ | async) {
+            <axp-state-message
+              mode="loading"
+              icon="fa-solid fa-spinner fa-spin"
+              title="Completing authorization..."
+              description="Please wait while we finish connecting your integration."
+            ></axp-state-message>
+          } @else if (error$ | async; as error) {
+            <axp-state-message
+              mode="error"
+              icon="fa-solid fa-exclamation-triangle"
+              title="Authorization failed"
+              [description]="error"
+            >
+              <div slot="actions" class="flex justify-center">
+                <ax-button
+                  color="primary"
+                  text="Back to integrations"
+                  (onClick)="goToIntegrations()"
+                ></ax-button>
+              </div>
+            </axp-state-message>
+          }
+        </div>
+      </div>
+    </ng-container>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+export { AXMIntegrationOAuthCallbackPageComponent };
+//# sourceMappingURL=acorex-platform-module-integration-management-client-integration-oauth-callback-page.component-XhloXUsZ.mjs.map

package/fesm2022/acorex-platform-module-integration-management-client-integration-oauth-callback-page.component-XhloXUsZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-integration-management-client-integration-oauth-callback-page.component-XhloXUsZ.mjs","sources":["../../../../libs/modules/integration-management/client/src/lib/features/oauth-callback/integration-oauth-callback-page.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\nimport { AXTranslationModule } from '@acorex/core/translation';\nimport { AXPSessionService } from '@acorex-platform/framework-client/auth';\nimport { AXPIntegrationProviderRegistryService } from '@acorex-platform/framework-client/common';\nimport { AXPStateMessageComponent } from '@acorex-platform/framework-client/layout/components';\nimport { commandMessageTextForError } from '@acorex-platform/framework-client/layout/entity';\nimport { AXPCommandService } from '@acorex-platform/framework-client/runtime';\nimport {\n  buildTenantIntegrationsPagePath,\n  resolveAppRouteName,\n} from '@acorex-platform/module-integration-management-client/contracts';\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  OnInit,\n} from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { BehaviorSubject, firstValueFrom } from 'rxjs';\n\n@Component({\n  standalone: true,\n  imports: [\n    CommonModule,\n    AXButtonModule,\n    AXTranslationModule,\n    AXPStateMessageComponent,\n  ],\n  template: `\n    <ng-container *translate=\"let t\">\n      <div class=\"h-full flex flex-col items-center justify-center p-8\">\n        <div class=\"w-96 text-center\">\n          @if (isLoading$ | async) {\n            <axp-state-message\n              mode=\"loading\"\n              icon=\"fa-solid fa-spinner fa-spin\"\n              title=\"Completing authorization...\"\n              description=\"Please wait while we finish connecting your integration.\"\n            ></axp-state-message>\n          } @else if (error$ | async; as error) {\n            <axp-state-message\n              mode=\"error\"\n              icon=\"fa-solid fa-exclamation-triangle\"\n              title=\"Authorization failed\"\n              [description]=\"error\"\n            >\n              <div slot=\"actions\" class=\"flex justify-center\">\n                <ax-button\n                  color=\"primary\"\n                  text=\"Back to integrations\"\n                  (onClick)=\"goToIntegrations()\"\n                ></ax-button>\n              </div>\n            </axp-state-message>\n          }\n        </div>\n      </div>\n    </ng-container>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXMIntegrationOAuthCallbackPageComponent implements OnInit {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly commandService = inject(AXPCommandService);\n  private readonly sessionService = inject(AXPSessionService);\n  private readonly providerRegistry = inject(AXPIntegrationProviderRegistryService);\n\n  protected readonly isLoading$ = new BehaviorSubject<boolean>(true);\n  protected readonly error$ = new BehaviorSubject<string | null>(null);\n\n  async ngOnInit(): Promise<void> {\n    const sessionReady = await this.ensureSessionReady();\n    if (!sessionReady) {\n      return;\n    }\n\n    await this.completeCallback();\n  }\n\n  /** Wait for app init + persisted session (user, tenant, app, permissions) before OAuth completion. */\n  private async ensureSessionReady(): Promise<boolean> {\n    let authorized = await firstValueFrom(\n      this.sessionService.isAuthorizedWithLoading$,\n    );\n    if (!authorized) {\n      await this.sessionService.restoreSession();\n      authorized = await firstValueFrom(\n        this.sessionService.isAuthorizedWithLoading$,\n      );\n    }\n\n    if (!authorized) {\n      this.isLoading$.next(false);\n      this.error$.next(\n        'Session is not ready. Please sign in again and retry the connection.',\n      );\n      return false;\n    }\n\n    return true;\n  }\n\n  private async completeCallback(): Promise<void> {\n    const providerId = this.route.snapshot.paramMap.get('providerId') ?? '';\n    const state = this.route.snapshot.queryParamMap.get('state') ?? '';\n    const code = this.route.snapshot.queryParamMap.get('code') ?? '';\n    const oauthError = this.route.snapshot.queryParamMap.get('error') ?? '';\n\n    if (oauthError) {\n      this.isLoading$.next(false);\n      this.error$.next(oauthError);\n      return;\n    }\n\n    if (!providerId || !state || !code) {\n      this.isLoading$.next(false);\n      this.error$.next('Missing OAuth callback parameters.');\n      return;\n    }\n\n    const provider = await this.providerRegistry.get(providerId);\n    const commandKey = provider?.completeOAuthCommandKey;\n    if (!commandKey) {\n      this.isLoading$.next(false);\n      this.error$.next(`OAuth callback is not configured for provider '${providerId}'.`);\n      return;\n    }\n\n    try {\n      const result = await this.commandService.execute(commandKey, { state, code });\n\n      if (!result?.success) {\n        this.error$.next(\n          commandMessageTextForError(result?.message?.text) ||\n            'OAuth callback failed.',\n        );\n        return;\n      }\n\n      await this.goToIntegrations();\n    } catch (error: unknown) {\n      const message =\n        error instanceof Error ? error.message : 'OAuth callback failed.';\n      this.error$.next(message);\n    } finally {\n      this.isLoading$.next(false);\n    }\n  }\n\n  protected async goToIntegrations(): Promise<void> {\n    // Prefer session app slug — callback URLs are often app-agnostic or legacy `/demo/...`.\n    const appName = resolveAppRouteName(\n      this.sessionService.application?.name,\n      this.route.snapshot.paramMap.get('appName'),\n    );\n    if (!appName) {\n      this.error$.next('Unable to determine the current application after authorization.');\n      return;\n    }\n    await this.router.navigateByUrl(buildTenantIntegrationsPagePath(appName));\n  }\n}\n\n"],"names":["i1","i3"],"mappings":"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"}