@sinequa/atomic-angular 1.5.3 → 1.5.5

package/features/auth/i18n/de.json

@@ -26,5 +26,7 @@
   "or": "Oder",
   "welcomeBack": "Willkommen zurück{ name, select, other {{{name}}} undefined {}}!",
   "youAreLoggedIn": "Sie sind angemeldet",
-  "invalidCredentials": "Ungültiger Benutzername oder Passwort"
+  "invalidCredentials": "Ungültiger Benutzername oder Passwort",
+  "signedOutTitle": "Sie wurden abgemeldet",
+  "signedOutDescription": "Ihre Sitzung wurde beendet. Melden Sie sich erneut an, um fortzufahren."
 }

package/features/auth/i18n/en.json

@@ -26,5 +26,7 @@
   "or": "Or",
   "welcomeBack": "Welcome back { name, select, other {{{name}}} undefined {}}!",
   "youAreLoggedIn": "You are logged in",
-  "invalidCredentials": "Invalid username or password"
+  "invalidCredentials": "Invalid username or password",
+  "signedOutTitle": "You have been signed out",
+  "signedOutDescription": "Your session has ended. Sign in again to continue."
 }

package/features/auth/i18n/fr.json

@@ -27,5 +27,7 @@
   "or": "Ou",
   "welcomeBack": "Bienvenue { name, select, other {{{name}}} undefined {}}!",
   "youAreLoggedIn": "Vous êtes connecté",
-  "invalidCredentials": "Nom d'utilisateur ou mot de passe invalide"
+  "invalidCredentials": "Nom d'utilisateur ou mot de passe invalide",
+  "signedOutTitle": "Vous avez été déconnecté",
+  "signedOutDescription": "Votre session a pris fin. Reconnectez-vous pour continuer."
 }

package/fesm2022/sinequa-atomic-angular.mjs

@@ -10733,6 +10733,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 }]
         }], propDecorators: { cancel: [{ type: i0.Output, args: ["cancel"] }], success: [{ type: i0.Output, args: ["success"] }], userName: [{ type: i0.Input, args: [{ isSignal: true, alias: "userName", required: false }] }, { type: i0.Output, args: ["userNameChange"] }] } });
 
+/**
+ * Post-logout confirmation shown on the `/logout` route.
+ *
+ * Rendering this view (instead of the sign-in form) is essential for the external-auth modes
+ * (`sso` / `oauth` / `saml`): the sign-in form auto-initiates the handshake when
+ * `authMode` is external, so showing it on `/logout` would immediately re-authenticate the user
+ * (a spinner that loops back in). This view gives a clear "signed out" state and a single explicit
+ * action to sign in again.
+ */
+class SignedOutComponent {
+    router = inject(Router);
+    /**
+     * Navigate to the login screen, which then drives the normal sign-in handshake.
+     *
+     * A `returnUrl` is required: in the external-auth modes the sign-in screen only navigates away
+     * once the handshake completes IF a `returnUrl` is present (otherwise it stays on the loader).
+     * We send the user back to the app root after signing in again.
+     */
+    signInAgain() {
+        this.router.navigate([globalConfig.loginPath ?? "/login"], {
+            queryParams: { returnUrl: "/" }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SignedOutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: SignedOutComponent, isStandalone: true, selector: "signed-out, SignedOut, signedout", providers: [provideTranslocoScope("login")], ngImport: i0, template: `
+    <Card hover="no" class="bg-card rounded-xl shadow-sm">
+      <CardHeader class="flex flex-col items-center gap-3">
+        <img class="h-12 content-(--logo-large)" alt="logo" />
+        <h2 class="text-lg font-semibold">
+          {{ 'login.signedOutTitle' | transloco }}
+        </h2>
+        <p class="text-xs text-muted-foreground text-center">
+          {{ 'login.signedOutDescription' | transloco }}
+        </p>
+      </CardHeader>
+
+      <CardContent />
+
+      <CardFooter class="mt-4 flex justify-center">
+        <button
+          type="button"
+          class="w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90"
+          (click)="signInAgain()"
+        >
+          {{ 'login.connect' | transloco }}
+        </button>
+      </CardFooter>
+    </Card>
+  `, isInline: true, dependencies: [{ kind: "directive", type: CardComponent, selector: ".card, card, Card", inputs: ["class", "variant", "hover"] }, { kind: "directive", type: CardHeaderComponent, selector: ".card-header, card-header, CardHeader, cardheader", inputs: ["class"] }, { kind: "directive", type: CardContentComponent, selector: ".card-content, card-content, CardContent, cardcontent", inputs: ["class"] }, { kind: "directive", type: CardFooterComponent, selector: ".card-footer, card-footer, CardFooter, cardfooter", inputs: ["class"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SignedOutComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "signed-out, SignedOut, signedout",
+                    imports: [
+                        TranslocoPipe,
+                        CardComponent,
+                        CardHeaderComponent,
+                        CardContentComponent,
+                        CardFooterComponent
+                    ],
+                    providers: [provideTranslocoScope("login")],
+                    template: `
+    <Card hover="no" class="bg-card rounded-xl shadow-sm">
+      <CardHeader class="flex flex-col items-center gap-3">
+        <img class="h-12 content-(--logo-large)" alt="logo" />
+        <h2 class="text-lg font-semibold">
+          {{ 'login.signedOutTitle' | transloco }}
+        </h2>
+        <p class="text-xs text-muted-foreground text-center">
+          {{ 'login.signedOutDescription' | transloco }}
+        </p>
+      </CardHeader>
+
+      <CardContent />
+
+      <CardFooter class="mt-4 flex justify-center">
+        <button
+          type="button"
+          class="w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90"
+          (click)="signInAgain()"
+        >
+          {{ 'login.connect' | transloco }}
+        </button>
+      </CardFooter>
+    </Card>
+  `
+                }]
+        }] });
+
 /**
  * Represents the LoginComponent class, which is responsible for handling the login functionality.
  * This component is used to authenticate users and manage the user's authentication status.
@@ -11047,10 +11137,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 
 class AuthPageComponent {
     mode = input(...(ngDevMode ? [undefined, { debugName: "mode" }] : []));
-    view = linkedSignal(() => this.mode() ?? "signin", ...(ngDevMode ? [{ debugName: "view" }] : []));
+    view = linkedSignal(() => this.mode() ?? this.routeView(), ...(ngDevMode ? [{ debugName: "view" }] : []));
     username = signal("", ...(ngDevMode ? [{ debugName: "username" }] : []));
     alert = signal(undefined, ...(ngDevMode ? [{ debugName: "alert" }] : []));
     route = inject(ActivatedRoute);
+    /**
+     * Default view derived from the route. The `/logout` route renders the "signed out" confirmation
+     * (NOT the sign-in form): in external-auth modes the form would auto-restart the handshake and
+     * re-authenticate the user, defeating the logout. Everything else defaults to the sign-in form.
+     */
+    routeView() {
+        return this.route.snapshot.routeConfig?.path === "logout" ? "signedout" : "signin";
+    }
     constructor() {
         const params = this.route.snapshot.queryParams;
         const u = params["username"] || "";
@@ -11077,6 +11175,8 @@ class AuthPageComponent {
           (cancel)="view.set('signin')"
           (success)="view.set('signin')"
         />
+      } @else if (view() === 'signedout') {
+        <signed-out />
       } @else {
         <sign-in
           (changePassword)="view.set('changepassword')"
@@ -11084,14 +11184,14 @@ class AuthPageComponent {
         />
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: SignInComponent, selector: "signIn, signin, sign-in", inputs: ["class", "username", "password"], outputs: ["forgotPassword", "usernameChange", "passwordChange"] }, { kind: "component", type: ChangePasswordComponent, selector: "change-password, ChangePassword, changepassword", inputs: ["username", "alert", "redirectAfterSuccess", "redirectAfterCancel", "currentPassword", "newPassword", "confirmPassword"], outputs: ["success", "cancel", "currentPasswordChange", "newPasswordChange", "confirmPasswordChange"] }, { kind: "component", type: ForgotPasswordComponent, selector: "forgot-password, ForgotPassword, forgotpassword", inputs: ["userName"], outputs: ["cancel", "success", "userNameChange"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: SignInComponent, selector: "signIn, signin, sign-in", inputs: ["class", "username", "password"], outputs: ["forgotPassword", "usernameChange", "passwordChange"] }, { kind: "component", type: ChangePasswordComponent, selector: "change-password, ChangePassword, changepassword", inputs: ["username", "alert", "redirectAfterSuccess", "redirectAfterCancel", "currentPassword", "newPassword", "confirmPassword"], outputs: ["success", "cancel", "currentPasswordChange", "newPasswordChange", "confirmPasswordChange"] }, { kind: "component", type: ForgotPasswordComponent, selector: "forgot-password, ForgotPassword, forgotpassword", inputs: ["userName"], outputs: ["cancel", "success", "userNameChange"] }, { kind: "component", type: SignedOutComponent, selector: "signed-out, SignedOut, signedout" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AuthPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "auth-page, AuthPage, authpage",
                     providers: [provideTranslocoScope("login")],
-                    imports: [SignInComponent, ChangePasswordComponent, ForgotPasswordComponent],
+                    imports: [SignInComponent, ChangePasswordComponent, ForgotPasswordComponent, SignedOutComponent],
                     host: { class: "min-h-screen grid place-items-center p-6 bg-background" },
                     template: `
     <div class="w-full max-w-md">
@@ -11106,6 +11206,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
           (cancel)="view.set('signin')"
           (success)="view.set('signin')"
         />
+      } @else if (view() === 'signedout') {
+        <signed-out />
       } @else {
         <sign-in
           (changePassword)="view.set('changepassword')"
@@ -16270,5 +16372,5 @@ const queryNameResolver = () => {
  * Generated bundle index. Do not edit.
  */
 
-export { AGGREGATIONS_NAMES, AGGREGATIONS_NAMES_PRESET_DEFAULT, APP_FEATURES, AdvancedFiltersComponent, AdvancedSearch, AdvancedSearchComponent, AggregationComponent, AggregationDateComponent, AggregationDateRangeDialogComponent, AggregationListComponent, AggregationPanelComponent, AggregationTreeComponent, AggregationsService, AggregationsStore, Alert, AlertDialog, AlertsComponent, AppService, AppStore, ApplicationService, ApplicationStore, ArticleEntities, ArticleExtracts, ArticleLabels, ArticleSimilarDocuments, AsideFiltersComponent, AuditFeedbackType, AuditService, AuthGuard, AuthPageComponent, AutocompleteService, BOOKMARKS_CONFIG, BOOKMARKS_OPTIONS, BackdropComponent, BackdropService, BookmarkButtonComponent, BookmarksComponent, COLLECTIONS_CONFIG, COLLECTIONS_OPTIONS, COMPONENTS_FOR_DOCUMENT_TYPE, ChangePasswordComponent, ChildMarkerDirective, CollectionsComponent, CollectionsDialog, DRAWER_COMPONENT, DRAWER_STACK_MAX_COUNT, DateComponent, DeleteCollectionDialog, DidYouMeanComponent, DocumentLocatorComponent, DrawerAdvancedFiltersComponent, DrawerComponent, DrawerNavbarComponent, DrawerPreviewComponent, DrawerService, DrawerStackComponent, DrawerStackService, DropdownInputComponent, DropdownListComponent, ErrorComponent, ExportDialog, ExportService, FILTERS_BREAKPOINT, FILTER_DATE_ALLOW_CUSTOM_RANGE, FeedbackDialogComponent, FileSizePipe, FilterButtonComponent, FiltersBarComponent, HIGHLIGHTS, HighlightWordPipe, InfinityScrollDirective, InlineWorker, JsonMethodPluginService, KeyboardNavigatorDirective, LabelService, LabelsEditDialog, LoadingComponent, MetadataComponent, MissingTermsComponent, MoreButtonComponent, MoreComponent, MultiSelectLabelsComponent, MultiSelectionToolbarComponent, NON_SEARCHABLE_COLUMNS, NON_SEARCHABLE_DEFAULTS, NavbarTabsComponent, NavigationService, NoResultComponent, OpenArticleOnCtrlEnterDirective, OperatorPipe, OverflowItemDirective, OverflowManagerDirective, OverflowStopDirective, OverrideUserDialogComponent, PREVIEW_CONFIG, PagerComponent, PreviewNavigator, PreviewService, PrincipalService, PrincipalStore, QueryParamsStore, QueryService, RECENT_SEARCHES_CONFIG, RECENT_SEARCHES_OPTIONS, ROUTE_COMPONENTS, RecentSearchesComponent, ResetUserSettingsDialogComponent, SAVED_SEARCHES_CONFIG, SAVED_SEARCHES_OPTIONS, SavedSearchDialog, SavedSearchesComponent, SavedSearchesService, SearchFeedbackComponent, SearchInputFooter, SearchService, SelectArticleDirective, SelectArticleOnClickDirective, SelectionHistoryService, SelectionService, SelectionStore, ShowBookmarkDirective, SidebarNavComponent, SignInComponent, SortSelectorComponent, SourceComponent, SourceIconPipe, SponsoredResultsComponent, SyslangPipe, THEMES, TextChunkService, ThemeProviderDirective, ThemeSelectorComponent, ThemeStore, ThemeToggleComponent, TranslocoDateImpurePipe, UserProfileDialog, UserProfileFormComponent, UserProfileService, UserSettingsStore, applyThemeToNativeElement, auditInterceptorFn, authInterceptorFn, bodyInterceptorFn, bootstrapApp, buildQuery, debouncedSignal, errorInterceptorFn, getCurrentPath, getCurrentQueryName, getQueryNameFromRoute, injectRouteNavigation, processCssVars, queryNameResolver, signIn, themeColorNameToCssVariable, themeColorsToCssVariables, toastInterceptorFn, withAggregationsFeatures, withAlertsFeatures, withAppFeatures, withApplicationFeatures, withAssistantFeatures, withBasketsFeatures, withBookmarkFeatures, withBootstrapApp, withExtractsFeatures, withFetch, withMultiSelectionFeatures, withPrincipalFeatures, withQueryParamsFeatures, withRecentSearchesFeatures, withSavedSearchesFeatures, withSelectionFeatures, withThemeBodyHook, withThemes, withThemesFeatures, withUserSettingsFeatures };
+export { AGGREGATIONS_NAMES, AGGREGATIONS_NAMES_PRESET_DEFAULT, APP_FEATURES, AdvancedFiltersComponent, AdvancedSearch, AdvancedSearchComponent, AggregationComponent, AggregationDateComponent, AggregationDateRangeDialogComponent, AggregationListComponent, AggregationPanelComponent, AggregationTreeComponent, AggregationsService, AggregationsStore, Alert, AlertDialog, AlertsComponent, AppService, AppStore, ApplicationService, ApplicationStore, ArticleEntities, ArticleExtracts, ArticleLabels, ArticleSimilarDocuments, AsideFiltersComponent, AuditFeedbackType, AuditService, AuthGuard, AuthPageComponent, AutocompleteService, BOOKMARKS_CONFIG, BOOKMARKS_OPTIONS, BackdropComponent, BackdropService, BookmarkButtonComponent, BookmarksComponent, COLLECTIONS_CONFIG, COLLECTIONS_OPTIONS, COMPONENTS_FOR_DOCUMENT_TYPE, ChangePasswordComponent, ChildMarkerDirective, CollectionsComponent, CollectionsDialog, DRAWER_COMPONENT, DRAWER_STACK_MAX_COUNT, DateComponent, DeleteCollectionDialog, DidYouMeanComponent, DocumentLocatorComponent, DrawerAdvancedFiltersComponent, DrawerComponent, DrawerNavbarComponent, DrawerPreviewComponent, DrawerService, DrawerStackComponent, DrawerStackService, DropdownInputComponent, DropdownListComponent, ErrorComponent, ExportDialog, ExportService, FILTERS_BREAKPOINT, FILTER_DATE_ALLOW_CUSTOM_RANGE, FeedbackDialogComponent, FileSizePipe, FilterButtonComponent, FiltersBarComponent, HIGHLIGHTS, HighlightWordPipe, InfinityScrollDirective, InlineWorker, JsonMethodPluginService, KeyboardNavigatorDirective, LabelService, LabelsEditDialog, LoadingComponent, MetadataComponent, MissingTermsComponent, MoreButtonComponent, MoreComponent, MultiSelectLabelsComponent, MultiSelectionToolbarComponent, NON_SEARCHABLE_COLUMNS, NON_SEARCHABLE_DEFAULTS, NavbarTabsComponent, NavigationService, NoResultComponent, OpenArticleOnCtrlEnterDirective, OperatorPipe, OverflowItemDirective, OverflowManagerDirective, OverflowStopDirective, OverrideUserDialogComponent, PREVIEW_CONFIG, PagerComponent, PreviewNavigator, PreviewService, PrincipalService, PrincipalStore, QueryParamsStore, QueryService, RECENT_SEARCHES_CONFIG, RECENT_SEARCHES_OPTIONS, ROUTE_COMPONENTS, RecentSearchesComponent, ResetUserSettingsDialogComponent, SAVED_SEARCHES_CONFIG, SAVED_SEARCHES_OPTIONS, SavedSearchDialog, SavedSearchesComponent, SavedSearchesService, SearchFeedbackComponent, SearchInputFooter, SearchService, SelectArticleDirective, SelectArticleOnClickDirective, SelectionHistoryService, SelectionService, SelectionStore, ShowBookmarkDirective, SidebarNavComponent, SignInComponent, SignedOutComponent, SortSelectorComponent, SourceComponent, SourceIconPipe, SponsoredResultsComponent, SyslangPipe, THEMES, TextChunkService, ThemeProviderDirective, ThemeSelectorComponent, ThemeStore, ThemeToggleComponent, TranslocoDateImpurePipe, UserProfileDialog, UserProfileFormComponent, UserProfileService, UserSettingsStore, applyThemeToNativeElement, auditInterceptorFn, authInterceptorFn, bodyInterceptorFn, bootstrapApp, buildQuery, debouncedSignal, errorInterceptorFn, getCurrentPath, getCurrentQueryName, getQueryNameFromRoute, injectRouteNavigation, processCssVars, queryNameResolver, signIn, themeColorNameToCssVariable, themeColorsToCssVariables, toastInterceptorFn, withAggregationsFeatures, withAlertsFeatures, withAppFeatures, withApplicationFeatures, withAssistantFeatures, withBasketsFeatures, withBookmarkFeatures, withBootstrapApp, withExtractsFeatures, withFetch, withMultiSelectionFeatures, withPrincipalFeatures, withQueryParamsFeatures, withRecentSearchesFeatures, withSavedSearchesFeatures, withSelectionFeatures, withThemeBodyHook, withThemes, withThemesFeatures, withUserSettingsFeatures };
 //# sourceMappingURL=sinequa-atomic-angular.mjs.map