intelica-library-project 20.0.20 → 20.0.21

package/fesm2022/intelica-library-project.mjs

@@ -2163,16 +2163,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
 class Shared {
     http = inject(HttpClient);
     configService = inject(ConfigService);
+    alertService = inject(AlertService);
+    termPipe = inject(TermPipe);
+    globalTermService = inject(GlobalTermService);
     path = `${this.configService.environment?.sharedPath}`;
+    sessionTimer;
+    scheduleSessionExpiry(expiresInMinutes) {
+        this.clearSessionTimer();
+        this.sessionTimer = setTimeout(() => this.handleSessionExpired(), Math.max((expiresInMinutes - 1) * 60_000, 30_000));
+    }
+    clearSessionTimer() {
+        clearTimeout(this.sessionTimer);
+    }
+    async handleSessionExpired() {
+        const { isConfirmed } = await this.alertService.confirm(this.termPipe.transform("QUICKSIGHT_SESSION_EXPIRED_TITLE", this.globalTermService.languageCode), this.termPipe.transform("QUICKSIGHT_SESSION_EXPIRED_MESSAGE", this.globalTermService.languageCode), this.termPipe.transform("QUICKSIGHT_SESSION_EXPIRED_CONFIRM", this.globalTermService.languageCode), this.termPipe.transform("CANCEL", this.globalTermService.languageCode));
+        if (isConfirmed)
+            window.location.reload();
+    }
     getEmbedUrl(command) {
         return this.http.post(`${this.path}/quicksight-embed-url`, command);
     }
     getEmbedVisualUrl(command) {
         return this.http.post(`${this.path}/quicksight-embed-visual-url`, command);
     }
-    getEmbedVisualUrlsAnonymous(command) {
-        return this.http.post(`${this.path}/quicksight-embed-visual-anonymous`, command);
-    }
     async createEmbedContext(embedUrl, container, options) {
         const embeddingContext = await createEmbeddingContext();
         await embeddingContext.embedDashboard({
@@ -2180,27 +2193,27 @@ class Shared {
             container,
             ...(options?.height && { height: options.height }),
             ...(options?.width && { width: options.width }),
-            onChange: (changeEvent) => console.log("[QS onChange]", changeEvent?.eventName, JSON.stringify(changeEvent?.data)),
         }, {
             ...(options?.onMessage && { onMessage: this.toSdkMessageListener(options.onMessage) }),
         });
     }
     async embedDashboard(command, container, options) {
         container.replaceChildren();
-        const embedUrl = await firstValueFrom(this.getEmbedUrl(command));
-        await this.createEmbedContext(embedUrl, container, options);
+        const dashResponse = await firstValueFrom(this.getEmbedUrl(command));
+        this.scheduleSessionExpiry(dashResponse.expiresInMinutes);
+        await this.createEmbedContext(dashResponse.embedUrl, container, options);
     }
     async embedDashboardInteractive(command, container, options) {
         container.replaceChildren();
-        const embedUrl = await firstValueFrom(this.getEmbedUrl({ ...command, parameters: undefined }));
+        const dashResponse = await firstValueFrom(this.getEmbedUrl({ ...command, parameters: undefined }));
+        this.scheduleSessionExpiry(dashResponse.expiresInMinutes);
         const embeddingContext = await createEmbeddingContext();
         const sdkParameters = command.parameters ? Object.entries(command.parameters).map(([Name, Values]) => ({ Name, Values })) : undefined;
         return await embeddingContext.embedDashboard({
-            url: embedUrl,
+            url: dashResponse.embedUrl,
             container,
             ...(options?.height && { height: options.height }),
             ...(options?.width && { width: options.width }),
-            onChange: (changeEvent) => console.log("[QS onChange]", changeEvent?.eventName, JSON.stringify(changeEvent?.data)),
         }, {
             ...(sdkParameters ? { parameters: sdkParameters } : {}),
             ...(options?.onMessage && { onMessage: this.toSdkMessageListener(options.onMessage) }),
@@ -2287,30 +2300,18 @@ const QuicksightEventName = {
 };
 const QUICKSIGHT_AUTH_ERROR_CODES = ["Forbidden", "Unauthorized", "EmbeddingNotAuthorized", "TokenExpired"];
 
-function isQuicksightSessionExpiredEvent(event) {
-    if (event.eventName !== QuicksightEventName.ERROR_OCCURRED)
-        return false;
-    const code = event.data?.errorCode ?? event.data?.code ?? "";
-    return typeof code === "string" && QUICKSIGHT_AUTH_ERROR_CODES.some(c => code.includes(c));
-}
 function dispatchQuicksightEvent(event, outputs) {
     outputs.sdkEvent.emit(event);
     if (event.eventName === QuicksightEventName.CONTENT_LOADED)
         outputs.contentLoaded?.emit(event);
     if (event.eventName === QuicksightEventName.ERROR_OCCURRED) {
         outputs.errorOccurred?.emit(event);
-        if (isQuicksightSessionExpiredEvent(event))
-            outputs.sessionExpired?.emit(event);
     }
 }
 
 class DashboardQsComponent {
     sharedService = inject(Shared);
-    alertService = inject(AlertService);
-    termPipe = inject(TermPipe);
-    GlobalTermService = inject(GlobalTermService);
     route = inject(ActivatedRoute);
-    sessionExpiredShown = false;
     containers;
     dashboardIdInput = input(undefined, ...(ngDevMode ? [{ debugName: "dashboardIdInput", alias: 'dashboardId' }] : [{ alias: 'dashboardId' }]));
     parametersInput = input(undefined, ...(ngDevMode ? [{ debugName: "parametersInput", alias: 'parameters' }] : [{ alias: 'parameters' }]));
@@ -2353,8 +2354,6 @@ class DashboardQsComponent {
                     dispatchQuicksightEvent(event, this);
                     if (event.eventName === QuicksightEventName.CONTENT_LOADED || event.eventName === QuicksightEventName.ERROR_OCCURRED)
                         this.isLoading.set(false);
-                    if (isQuicksightSessionExpiredEvent(event))
-                        this.handleSessionExpired();
                 },
             });
         }
@@ -2363,15 +2362,8 @@ class DashboardQsComponent {
             this.isLoading.set(false);
         }
     }
-    async handleSessionExpired() {
-        if (this.sessionExpiredShown)
-            return;
-        this.sessionExpiredShown = true;
-        const { isConfirmed } = await this.alertService.confirm(this.termPipe.transform('QUICKSIGHT_SESSION_EXPIRED_TITLE', this.GlobalTermService.languageCode), this.termPipe.transform('QUICKSIGHT_SESSION_EXPIRED_MESSAGE', this.GlobalTermService.languageCode), this.termPipe.transform('QUICKSIGHT_SESSION_EXPIRED_CONFIRM', this.GlobalTermService.languageCode), this.termPipe.transform('CANCEL', this.GlobalTermService.languageCode));
-        if (isConfirmed)
-            window.location.reload();
-        else
-            this.sessionExpiredShown = false;
+    ngOnDestroy() {
+        this.sharedService.clearSessionTimer();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DashboardQsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", type: DashboardQsComponent, isStandalone: true, selector: "intelica-dashboard-qs", inputs: { dashboardIdInput: { classPropertyName: "dashboardIdInput", publicName: "dashboardId", isSignal: true, isRequired: false, transformFunction: null }, parametersInput: { classPropertyName: "parametersInput", publicName: "parameters", isSignal: true, isRequired: false, transformFunction: null }, heightInput: { classPropertyName: "heightInput", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChange: "isLoadingChange", sdkEvent: "sdkEvent", contentLoaded: "contentLoaded", errorOccurred: "errorOccurred", sessionExpired: "sessionExpired" }, viewQueries: [{ propertyName: "containers", predicate: ["visualContainer"], descendants: true }], ngImport: i0, template: "@if (isLoading()) {\n<div class=\"u-display-flex u-flex-column u-gap-sm\">\n    <div class=\"u-display-flex u-flex-column u-gap-sm\">\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 1061.57 / 93.02\" />\n        </p-panel>\n    </div>\n    <div class=\"u-display-flex u-flex-row u-gap-sm\">\n        @for (_ of [].constructor(4); track $index) {\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 244.87 / 123.12\" />\n        </p-panel>\n        }\n    </div>\n    <div class=\"u-display-flex u-flex-column u-gap-sm\">\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 1061.57 / 303.7\" />\n        </p-panel>\n    </div>\n    <div class=\"u-display-flex u-flex-row u-gap-sm\">\n        @for (_ of [].constructor(2); track $index) {\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 517.1 / 123.12\" />\n        </p-panel>\n        }\n    </div>\n</div>\n}\n<div #visualContainer [style.height]=\"height()\" [hidden]=\"isLoading()\"></div>", dependencies: [{ kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: Panel, selector: "p-panel", inputs: ["id", "toggleable", "header", "collapsed", "styleClass", "iconPos", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }] });
@@ -2386,11 +2378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
 
 class DashboardQsInteractiveComponent {
     sharedService = inject(Shared);
-    alertService = inject(AlertService);
-    termPipe = inject(TermPipe);
-    GlobalTermService = inject(GlobalTermService);
     route = inject(ActivatedRoute);
-    sessionExpiredShown = false;
     containers;
     dashboardIdInput = input(undefined, ...(ngDevMode ? [{ debugName: "dashboardIdInput", alias: 'dashboardId' }] : [{ alias: 'dashboardId' }]));
     parametersInput = input(undefined, ...(ngDevMode ? [{ debugName: "parametersInput", alias: 'parameters' }] : [{ alias: 'parameters' }]));
@@ -2440,12 +2428,9 @@ class DashboardQsInteractiveComponent {
             this.dashboardRef = await this.sharedService.embedDashboardInteractive({ dashboardId, parameters: this.parameters() }, container, {
                 height: this.height() ?? `${window.innerHeight - 50}px`,
                 onMessage: event => {
-                    console.log('[QS event]', event.eventName, JSON.stringify(event.data));
                     dispatchQuicksightEvent(event, this);
                     if (event.eventName === QuicksightEventName.CONTENT_LOADED || event.eventName === QuicksightEventName.ERROR_OCCURRED || event.eventName === QuicksightEventName.PARAMETERS_CHANGED)
                         this.isLoading.set(false);
-                    if (isQuicksightSessionExpiredEvent(event))
-                        this.handleSessionExpired();
                 },
             });
         }
@@ -2454,15 +2439,8 @@ class DashboardQsInteractiveComponent {
             this.isLoading.set(false);
         }
     }
-    async handleSessionExpired() {
-        if (this.sessionExpiredShown)
-            return;
-        this.sessionExpiredShown = true;
-        const { isConfirmed } = await this.alertService.confirm(this.termPipe.transform('QUICKSIGHT_SESSION_EXPIRED_TITLE', this.GlobalTermService.languageCode), this.termPipe.transform('QUICKSIGHT_SESSION_EXPIRED_MESSAGE', this.GlobalTermService.languageCode), this.termPipe.transform('QUICKSIGHT_SESSION_EXPIRED_CONFIRM', this.GlobalTermService.languageCode), this.termPipe.transform('CANCEL', this.GlobalTermService.languageCode));
-        if (isConfirmed)
-            window.location.reload();
-        else
-            this.sessionExpiredShown = false;
+    ngOnDestroy() {
+        this.sharedService.clearSessionTimer();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DashboardQsInteractiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", type: DashboardQsInteractiveComponent, isStandalone: true, selector: "intelica-dashboard-qs-interactive", inputs: { dashboardIdInput: { classPropertyName: "dashboardIdInput", publicName: "dashboardId", isSignal: true, isRequired: false, transformFunction: null }, parametersInput: { classPropertyName: "parametersInput", publicName: "parameters", isSignal: true, isRequired: false, transformFunction: null }, heightInput: { classPropertyName: "heightInput", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChange: "isLoadingChange", sdkEvent: "sdkEvent", contentLoaded: "contentLoaded", errorOccurred: "errorOccurred", sessionExpired: "sessionExpired" }, viewQueries: [{ propertyName: "containers", predicate: ["visualContainer"], descendants: true }], ngImport: i0, template: "@if (isLoading()) {\n<div class=\"u-display-flex u-flex-column u-gap-sm\">\n    <div class=\"u-display-flex u-flex-column u-gap-sm\">\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 1061.57 / 93.02\" />\n        </p-panel>\n    </div>\n    <div class=\"u-display-flex u-flex-row u-gap-sm\">\n        @for (_ of [].constructor(4); track $index) {\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 244.87 / 123.12\" />\n        </p-panel>\n        }\n    </div>\n    <div class=\"u-display-flex u-flex-column u-gap-sm\">\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 1061.57 / 303.7\" />\n        </p-panel>\n    </div>\n    <div class=\"u-display-flex u-flex-row u-gap-sm\">\n        @for (_ of [].constructor(2); track $index) {\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 517.1 / 123.12\" />\n        </p-panel>\n        }\n    </div>\n</div>\n}\n<div #visualContainer [style.height]=\"height()\" [hidden]=\"isLoading()\"></div>", dependencies: [{ kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: Panel, selector: "p-panel", inputs: ["id", "toggleable", "header", "collapsed", "styleClass", "iconPos", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }] });
@@ -3394,5 +3372,5 @@ class PageInformation {
  * Generated bundle index. Do not edit.
  */
 
-export { AddFavoritesComponent, AddFavoritesService, BreadCrumbComponent, ColumnComponent, ColumnGroupComponent, DashboardQsComponent, DashboardQsInteractiveComponent, EchartComponent, EchartService, ElementHTTPService, ElementService, FormatAmountPipe, FormatCellPipe, OrderConstants, PageInformation, QUICKSIGHT_AUTH_ERROR_CODES, QuicksightEventName, RequestCacheService, RowResumenComponent, SearchComponent, SearchInputEnum, Shared, SharedService, SkeletonTableComponent, SortingComponent, TableComponent, TableFetchComponent, TitleComponent, TruncatePipe, darkenColor, dispatchQuicksightEvent, isQuicksightSessionExpiredEvent };
+export { AddFavoritesComponent, AddFavoritesService, BreadCrumbComponent, ColumnComponent, ColumnGroupComponent, DashboardQsComponent, DashboardQsInteractiveComponent, EchartComponent, EchartService, ElementHTTPService, ElementService, FormatAmountPipe, FormatCellPipe, OrderConstants, PageInformation, QUICKSIGHT_AUTH_ERROR_CODES, QuicksightEventName, RequestCacheService, RowResumenComponent, SearchComponent, SearchInputEnum, Shared, SharedService, SkeletonTableComponent, SortingComponent, TableComponent, TableFetchComponent, TitleComponent, TruncatePipe, darkenColor, dispatchQuicksightEvent };
 //# sourceMappingURL=intelica-library-project.mjs.map