refactor: fix new Angular warnings

Closes #244

backend/backend/config/default/app/menu.js

@@ -29,19 +29,6 @@ const menus = [
           },
         },
       },
-      {
-        icon: 'local_library',
-        route: '/hebis-search',
-        title: 'library catalog',
-        translations: {
-          de: {
-            title: 'Bibliothekskatalog',
-          },
-          en: {
-            title: 'library catalog',
-          },
-        },
-      },
       {
         icon: 'inventory_2',
         route: '/catalog',
@@ -137,20 +124,6 @@ const menus = [
           },
         },
       },
-      {
-        authProvider: 'paia',
-        icon: 'badge',
-        route: '/library-account',
-        title: 'library account',
-        translations: {
-          de: {
-            title: 'Bibliothekskonto',
-          },
-          en: {
-            title: 'library account',
-          },
-        },
-      },
       {
         icon: 'settings',
         route: '/settings',

backend/backend/config/f-u/backendrc.js

@@ -32,25 +32,6 @@ const config = {
         userinfo: 'https://cas.rz.uni-frankfurt.de/cas/oauth2.0/profile',
       },
     },
-    paia: {
-      client: {
-        clientId: '',
-        scopes: '',
-        url: 'https://hds.hebis.de/Shibboleth.sso/UBFFM?target=https://hds.hebis.de/ubffm/paia_login_stub.php',
-      },
-      endpoints: {
-        authorization:
-          'https://hds.hebis.de/Shibboleth.sso/UBFFM?target=https://hds.hebis.de/ubffm/paia_login_stub.php',
-        endSession: 'https://ubffm.hds.hebis.de/Shibboleth.sso/Logout',
-        mapping: {
-          id: '$.email',
-          name: '$.name',
-          role: '$.type',
-        },
-        token: 'https://hds.hebis.de/paia/auth/login',
-        userinfo: 'https://hds.hebis.de/paia/core',
-      },
-    },
   },
   app: {
     ...defaultApp,
@@ -60,16 +41,6 @@ const config = {
           authProvider: 'default',
           url: 'https://his-self-service.rz.uni-frankfurt.de',
         },
-        daia: {
-          url: 'https://daia.hebis.de/DAIA2/UB_Frankfurt',
-        },
-        hebisProxy: {
-          url: 'https://proxy.ub.uni-frankfurt.de/login?qurl=',
-        },
-        paia: {
-          authProvider: 'paia',
-          url: 'https://hds.hebis.de/paia/core',
-        },
         /** TODO: idCards: {
           authProvider: 'default',
           url: 'TODO',

backend/backend/package.json

@@ -100,7 +100,7 @@
     "supertest": "6.3.3",
     "ts-node": "10.9.2",
     "tsup": "8.5.0",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "tsup": {
     "entry": [

backend/proxy/package.json

@@ -51,7 +51,7 @@
     "is-cidr": "4.0.2",
     "mustache": "4.2.0",
     "semver": "7.6.0",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "devDependencies": {
     "@openstapps/api-cli": "workspace:*",

configuration/eslint-config/package.json

@@ -19,11 +19,11 @@
     "@openstapps/tsconfig": "workspace:*",
     "@types/node": "22.15.31",
     "eslint": "8.57.0",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "peerDependencies": {
-    "@typescript-eslint/eslint-plugin": "7.11.0",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
-    "@typescript-eslint/parser": "7.11.0",
+    "@typescript-eslint/parser": "7.18.0",
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-jsdoc": "48.2.1",

configuration/prettier-config/index.js

@@ -9,7 +9,8 @@ const config = {
   trailingComma: 'all',
   bracketSpacing: false,
   arrowParens: 'avoid',
-  endOfLine: 'lf'
+  endOfLine: 'lf',
+  htmlWhitespaceSensitivity: 'strict'
 }
 
 module.exports = config;

configuration/projectmanagement/package.json

@@ -64,7 +64,7 @@
     "mocha-junit-reporter": "2.2.0",
     "ts-node": "10.9.2",
     "tsup": "8.5.0",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "tsup": {
     "entry": [

examples/minimal-connector/package.json

@@ -55,7 +55,7 @@
     "nock": "13.3.1",
     "ts-node": "10.9.2",
     "tsup": "8.5.0",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "tsup": {
     "entry": [

examples/minimal-plugin/package.json

@@ -44,7 +44,7 @@
     "@types/express": "4.17.17",
     "@types/node": "22.15.31",
     "tsup": "8.5.0",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "tsup": {
     "entry": [

frontend/app/.eslintrc.json

@@ -65,7 +65,8 @@
         ],
         "@typescript-eslint/lines-between-class-members": ["error", "always"],
         "@typescript-eslint/no-explicit-any": "error",
-        "@angular-eslint/use-lifecycle-interface": "error"
+        "@angular-eslint/use-lifecycle-interface": "error",
+        "@angular-eslint/prefer-standalone": "off"
       }
     },
     {

frontend/app/cypress/fixtures/config/default-config.json

@@ -175,16 +175,6 @@
         "hisometry": {
           "authProvider": "default",
           "url": "https://his-self-service.rz.uni-frankfurt.de"
-        },
-        "daia": {
-          "url": "https://daia.hebis.de/DAIA2/UB_Frankfurt"
-        },
-        "hebisProxy": {
-          "url": "https://proxy.ub.uni-frankfurt.de/login?qurl="
-        },
-        "paia": {
-          "authProvider": "paia",
-          "url": "https://hds.hebis.de/paia/core"
         }
       },
       "plugins": {
@@ -193,9 +183,6 @@
         },
         "feedback": {
           "urlPath": "/feedback"
-        },
-        "hebis-plugin": {
-          "urlPath": "/hebissearch"
         }
       }
     },
@@ -229,19 +216,6 @@
               }
             }
           },
-          {
-            "icon": "local_library",
-            "route": "/hebis-search",
-            "title": "library catalog",
-            "translations": {
-              "de": {
-                "title": "Bibliothekskatalog"
-              },
-              "en": {
-                "title": "library catalog"
-              }
-            }
-          },
           {
             "icon": "inventory_2",
             "route": "/catalog",
@@ -324,20 +298,6 @@
               }
             }
           },
-          {
-            "authProvider": "paia",
-            "icon": "badge",
-            "route": "/library-account",
-            "title": "library account",
-            "translations": {
-              "de": {
-                "title": "Bibliothekskonto"
-              },
-              "en": {
-                "title": "library account"
-              }
-            }
-          },
           {
             "icon": "settings",
             "route": "/settings",
@@ -473,24 +433,6 @@
         "token": "https://cas.rz.uni-frankfurt.de/cas/oauth2.0/accessToken",
         "userinfo": "https://cas.rz.uni-frankfurt.de/cas/oauth2.0/profile"
       }
-    },
-    "paia": {
-      "client": {
-        "clientId": "",
-        "scopes": "",
-        "url": "https://hds.hebis.de/Shibboleth.sso/UBFFM?target=https://hds.hebis.de/ubffm/paia_login_stub.php"
-      },
-      "endpoints": {
-        "authorization": "https://hds.hebis.de/Shibboleth.sso/UBFFM?target=https://hds.hebis.de/ubffm/paia_login_stub.php",
-        "endSession": "https://ubffm.hds.hebis.de/Shibboleth.sso/Logout",
-        "mapping": {
-          "id": "$.email",
-          "name": "$.name",
-          "role": "$.type"
-        },
-        "token": "https://hds.hebis.de/paia/auth/login",
-        "userinfo": "https://hds.hebis.de/paia/core"
-      }
     }
   },
   "backend": {

frontend/app/package.json

@@ -48,35 +48,35 @@
     "test:integration": "sh integration-test.sh"
   },
   "dependencies": {
-    "@angular/animations": "18.2.13",
+    "@angular/animations": "19.2.25",
-    "@angular/cdk": "18.2.13",
+    "@angular/cdk": "19.2.19",
-    "@angular/common": "18.2.13",
+    "@angular/common": "19.2.25",
-    "@angular/core": "18.2.13",
+    "@angular/core": "19.2.25",
-    "@angular/forms": "18.2.13",
+    "@angular/forms": "19.2.25",
-    "@angular/platform-browser": "18.2.13",
+    "@angular/platform-browser": "19.2.25",
-    "@angular/router": "18.2.13",
+    "@angular/router": "19.2.25",
     "@awesome-cordova-plugins/calendar": "8.1.0",
     "@awesome-cordova-plugins/core": "8.1.0",
     "@capacitor-community/in-app-review": "8.0.0",
     "@capacitor-community/screen-brightness": "8.0.0",
     "@capacitor/app": "8.0.1",
-    "@capacitor/browser": "8.0.2",
+    "@capacitor/browser": "8.0.4",
     "@capacitor/clipboard": "8.0.1",
     "@capacitor/core": "8.2.0",
-    "@capacitor/device": "8.0.1",
+    "@capacitor/device": "8.0.3",
     "@capacitor/dialog": "8.0.1",
-    "@capacitor/filesystem": "8.1.2",
+    "@capacitor/filesystem": "8.1.3",
     "@capacitor/geolocation": "8.1.0",
-    "@capacitor/haptics": "8.0.1",
+    "@capacitor/haptics": "8.0.2",
-    "@capacitor/keyboard": "8.0.1",
+    "@capacitor/keyboard": "8.0.5",
     "@capacitor/local-notifications": "8.0.2",
     "@capacitor/network": "8.0.1",
     "@capacitor/preferences": "8.0.1",
     "@capacitor/screen-orientation": "8.0.1",
     "@capacitor/share": "8.0.1",
-    "@capacitor/splash-screen": "8.0.1",
+    "@capacitor/splash-screen": "8.0.2",
-    "@ionic/angular": "8.7.16",
+    "@ionic/angular": "8.8.19",
-    "@ionic/angular-server": "8.7.16",
+    "@ionic/angular-server": "8.8.19",
     "@ionic/storage-angular": "4.0.0",
     "@maplibre/ngx-maplibre-gl": "17.4.1",
     "@ngx-translate/core": "15.0.0",
@@ -86,71 +86,71 @@
     "@openstapps/collection-utils": "workspace:*",
     "@openstapps/core": "workspace:*",
     "@transistorsoft/capacitor-background-fetch": "8.0.0",
-    "@types/dom-view-transitions": "1.0.4",
+    "@types/dom-view-transitions": "1.0.6",
-    "capacitor-secure-storage-plugin": "0.12.0",
+    "capacitor-secure-storage-plugin": "0.13.0",
     "cordova-plugin-calendar": "5.1.6",
     "date-fns": "3.6.0",
     "deepmerge": "4.3.1",
-    "form-data": "4.0.4",
+    "form-data": "4.0.6",
     "geojson": "0.5.0",
     "ionic-appauth": "2.1.0",
-    "ionicons": "8.0.13",
+    "ionicons": "8.1.0",
     "jsonpath-plus": "10.3.0",
     "maplibre-gl": "4.0.2",
     "material-symbols": "0.17.1",
     "moment": "2.30.1",
     "ngx-date-fns": "11.0.0",
     "ngx-logger": "5.0.12",
-    "ngx-markdown": "17.2.1",
+    "ngx-markdown": "18.1.0",
     "ngx-moment": "6.0.2",
     "opening_hours": "3.8.0",
     "pmtiles": "3.0.3",
     "prettier": "3.1.1",
-    "rxjs": "7.8.1",
+    "rxjs": "7.8.2",
     "semver": "7.6.0",
     "swiper": "8.4.5",
     "tslib": "2.6.2",
-    "zone.js": "0.14.10"
+    "zone.js": "0.16.2"
   },
   "devDependencies": {
-    "@angular-devkit/architect": "0.1802.20",
+    "@angular-devkit/architect": "0.1902.27",
-    "@angular-devkit/build-angular": "18.2.20",
+    "@angular-devkit/build-angular": "19.2.27",
-    "@angular-devkit/core": "18.2.20",
+    "@angular-devkit/core": "19.2.27",
-    "@angular-devkit/schematics": "18.2.20",
+    "@angular-devkit/schematics": "19.2.27",
-    "@angular-eslint/builder": "18.4.3",
+    "@angular-eslint/builder": "19.8.1",
-    "@angular-eslint/eslint-plugin": "18.4.3",
+    "@angular-eslint/eslint-plugin": "19.8.1",
-    "@angular-eslint/eslint-plugin-template": "18.4.3",
+    "@angular-eslint/eslint-plugin-template": "19.8.1",
-    "@angular-eslint/schematics": "18.4.1",
+    "@angular-eslint/schematics": "19.8.1",
-    "@angular-eslint/template-parser": "18.4.3",
+    "@angular-eslint/template-parser": "19.8.1",
-    "@angular/cli": "18.2.20",
+    "@angular/cli": "19.2.27",
-    "@angular/compiler": "18.2.13",
+    "@angular/compiler": "19.2.25",
-    "@angular/compiler-cli": "18.2.13",
+    "@angular/compiler-cli": "19.2.25",
-    "@angular/language-server": "18.2.0",
+    "@angular/language-server": "19.2.2",
-    "@angular/language-service": "18.2.13",
+    "@angular/language-service": "19.2.25",
-    "@angular/platform-browser-dynamic": "18.2.13",
+    "@angular/platform-browser-dynamic": "19.2.25",
     "@capacitor/android": "8.2.0",
     "@capacitor/assets": "3.0.5",
     "@capacitor/cli": "8.2.0",
     "@capacitor/ios": "8.2.0",
-    "@compodoc/compodoc": "1.1.23",
+    "@compodoc/compodoc": "1.2.1",
     "@cypress/schematic": "4.1.1",
     "@ionic/angular-toolkit": "12.3.0",
     "@ionic/cli": "7.2.1",
     "@openstapps/prettier-config": "workspace:*",
     "@openstapps/tsconfig": "workspace:*",
-    "@types/fontkit": "2.0.7",
+    "@types/fontkit": "2.0.9",
     "@types/geojson": "1.0.6",
     "@types/glob": "8.1.0",
     "@types/jasmine": "5.1.4",
     "@types/jasminewd2": "2.0.13",
     "@types/jsonpath": "0.2.0",
-    "@types/karma": "6.3.8",
+    "@types/karma": "6.3.9",
     "@types/karma-coverage": "2.0.3",
     "@types/karma-jasmine": "4.0.5",
     "@types/node": "22.15.31",
     "@types/semver": "7.5.8",
-    "@typescript-eslint/eslint-plugin": "7.11.0",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
-    "@typescript-eslint/parser": "7.11.0",
+    "@typescript-eslint/parser": "7.18.0",
     "cordova-res": "0.15.4",
     "cypress": "15.0.0",
     "eslint": "8.57.0",
@@ -158,28 +158,28 @@
     "eslint-plugin-prettier": "5.1.3",
     "eslint-plugin-unicorn": "51.0.1",
     "fast-deep-equal": "3.1.3",
-    "fontkit": "2.0.2",
+    "fontkit": "2.0.4",
     "glob": "10.5.0",
     "http-server": "14.1.1",
     "is-docker": "2.2.1",
     "jasmine-core": "5.1.2",
     "jasmine-spec-reporter": "7.0.0",
     "junit-report-merger": "6.0.3",
-    "karma": "6.4.3",
+    "karma": "6.4.4",
     "karma-chrome-launcher": "3.2.0",
     "karma-coverage": "2.2.1",
     "karma-jasmine": "5.1.0",
     "karma-junit-reporter": "2.0.1",
     "karma-mocha-reporter": "2.2.5",
     "license-checker": "25.0.1",
-    "stylelint": "16.3.1",
+    "stylelint": "17.14.1",
-    "stylelint-config-clean-order": "5.4.1",
+    "stylelint-config-clean-order": "10.0.0",
     "stylelint-config-prettier-scss": "1.0.0",
-    "stylelint-config-recommended-scss": "14.0.0",
+    "stylelint-config-recommended-scss": "17.0.1",
-    "stylelint-config-standard-scss": "13.0.0",
+    "stylelint-config-standard-scss": "17.0.0",
     "surge": "0.23.1",
     "ts-node": "10.9.2",
-    "typescript": "5.4.2"
+    "typescript": "5.5.4"
   },
   "cordova": {
     "plugins": {},

frontend/app/src/app/app-routing.module.ts

@@ -26,6 +26,7 @@ const routes: Routes = [{path: '', redirectTo: '/overview', pathMatch: 'full'}];
     RouterModule.forRoot(routes, {
       preloadingStrategy: PreloadAllModules,
       errorHandler: error => {
+        console.error(error);
         // Handle unknown routes, at the moment this can only be done via window.location
         if (error.message.includes('Cannot match any routes')) {
           window.location.href = '/overview';

frontend/app/src/app/app.component.ts

@@ -32,6 +32,7 @@ import {SplashScreen} from '@capacitor/splash-screen';
 @Component({
   selector: 'app-root',
   templateUrl: 'app.component.html',
+  standalone: false,
 })
 export class AppComponent implements AfterContentInit {
   /**
@@ -121,11 +122,8 @@ export class AppComponent implements AfterContentInit {
 
   private async authNotificationsInit() {
     this.authHelper
-      .getProvider('default')
+      .getProvider()
       .events$.subscribe(action => this.showMessage(this.authHelper.getAuthMessage('default', action)));
-    this.authHelper
-      .getProvider('paia')
-      .events$.subscribe(action => this.showMessage(this.authHelper.getAuthMessage('paia', action)));
   }
 
   private async showMessage(message?: string) {

frontend/app/src/app/app.module.ts

@@ -33,7 +33,6 @@ import {CatalogModule} from './modules/catalog/catalog.module';
 import {ConfigProvider} from './modules/config/config.provider';
 import {DashboardModule} from './modules/dashboard/dashboard.module';
 import {DataModule} from './modules/data/data.module';
-import {HebisModule} from './modules/hebis/hebis.module';
 import {MapModule} from './modules/map/map.module';
 import {MenuModule} from './modules/menu/menu.module';
 import {NewsModule} from './modules/news/news.module';
@@ -53,14 +52,12 @@ import {FeedbackModule} from './modules/feedback/feedback.module';
 import {DebugDataCollectorService} from './modules/data/debug-data-collector.service';
 import {AuthModule} from './modules/auth/auth.module';
 import {BackgroundModule} from './modules/background/background.module';
-import {LibraryModule} from './modules/library/library.module';
 import {StorageProvider} from './modules/storage/storage.provider';
 import {AssessmentsModule} from './modules/assessments/assessments.module';
 import {ServiceHandlerInterceptor} from './_helpers/service-handler.interceptor';
 import {RoutingStackService} from './util/routing-stack.service';
 import {SCLanguageCode, SCSettingValue} from '@openstapps/core';
 import {DefaultAuthService} from './modules/auth/default-auth.service';
-import {PAIAAuthService} from './modules/auth/paia/paia-auth.service';
 import {NavigationModule} from './modules/menu/navigation/navigation.module';
 import {browserFactory, SimpleBrowser} from './util/browser.factory';
 import {getDateFnsLocale} from './translation/dfns-locale';
@@ -86,7 +83,6 @@ export function initializerFactory(
   translateService: TranslateService,
   _routingStackService: RoutingStackService,
   defaultAuthService: DefaultAuthService,
-  paiaAuthService: PAIAAuthService,
   dateFnsConfigurationService: DateFnsConfigurationService,
 ) {
   return async () => {
@@ -115,7 +111,6 @@ export function initializerFactory(
         dateFnsConfigurationService.setLocale(dateFnsLocale);
 
         await defaultAuthService.init();
-        await paiaAuthService.init();
       } catch (error) {
         logger.warn(error);
       }
@@ -154,10 +149,8 @@ export function createTranslateLoader(http: HttpClient) {
     CommonModule,
     DashboardModule,
     DataModule,
-    HebisModule,
     JobModule,
     FavoritesModule,
-    LibraryModule,
     ProfilePageModule,
     FeedbackModule,
     MapModule,
@@ -208,7 +201,6 @@ export function createTranslateLoader(http: HttpClient) {
         TranslateService,
         RoutingStackService,
         DefaultAuthService,
-        PAIAAuthService,
         DateFnsConfigurationService,
       ],
       useFactory: initializerFactory,

frontend/app/src/app/modules/about/about-changelog.component.ts

@@ -21,6 +21,7 @@ import {ConfigProvider} from '../config/config.provider';
   templateUrl: 'about-changelog.html',
   styleUrls: ['about-changelog.scss', './about-page/about-page.scss', 'release-notes-markdown.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class AboutChangelogComponent {
   config = inject(ConfigProvider);

frontend/app/src/app/modules/about/about-license-modal.component.ts

@@ -20,6 +20,7 @@ import {License} from './about-licenses.component';
   selector: 'about-license-modal',
   templateUrl: 'about-license-modal.html',
   styleUrls: ['about-license-modal.scss'],
+  standalone: false,
 })
 export class AboutLicenseModalComponent {
   @Input() license: License;

frontend/app/src/app/modules/about/about-licenses.component.ts

@@ -32,6 +32,7 @@ export interface License {
   selector: 'about-changelog',
   templateUrl: 'about-licenses.html',
   styleUrls: ['about-licenses.scss', './about-page/about-page.scss'],
+  standalone: false,
 })
 export class AboutLicensesComponent implements OnInit {
   licenses: License[];

frontend/app/src/app/modules/about/about-page/about-page-content.component.ts

@@ -19,6 +19,7 @@ import {SCAboutPageContent} from '@openstapps/core';
   selector: 'about-page-content',
   templateUrl: 'about-page-content.html',
   styleUrls: ['about-page-content.scss'],
+  standalone: false,
 })
 export class AboutPageContentComponent {
   @Input() content: SCAboutPageContent;

frontend/app/src/app/modules/about/about-page/about-page.component.ts

@@ -25,6 +25,7 @@ import {Capacitor} from '@capacitor/core';
   selector: 'about-page',
   templateUrl: 'about-page.html',
   styleUrls: ['about-page.scss'],
+  standalone: false,
 })
 export class AboutPageComponent implements OnInit {
   content: SCAboutPage;

frontend/app/src/app/modules/about/about-page/about-page.scss

@@ -12,7 +12,7 @@
  * You should have received a copy of the GNU General Public License along with
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
-@import '../../../../theme/util/mixins';
+@use '../../../../theme/util/mixins';
 
 ion-text {
   margin-inline: var(--spacing-md);
@@ -64,7 +64,7 @@ ion-text {
   .about-changelog,
   .licenses-content,
   .page-content {
-    @include border-radius-in-parallax(var(--border-radius-default));
+    @include mixins.border-radius-in-parallax(var(--border-radius-default));
 
     display: flex;
     flex-direction: column;
@@ -76,7 +76,7 @@ ion-text {
     background: var(--ion-item-background);
 
     & > * {
-      @include border-radius-in-parallax(var(--border-radius-default));
+      @include mixins.border-radius-in-parallax(var(--border-radius-default));
 
       position: relative;
       overflow: hidden;

frontend/app/src/app/modules/about/about-release-notes.component.ts

@@ -21,6 +21,7 @@ import {ConfigProvider} from '../config/config.provider';
   templateUrl: 'about-release-notes.html',
   styleUrls: ['about-release-notes.scss', './about-page/about-page.scss', 'release-notes-markdown.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class AboutReleaseNotesComponent {
   config = inject(ConfigProvider);

frontend/app/src/app/modules/about/about-release-notes.scss

@@ -12,7 +12,7 @@
  * You should have received a copy of the GNU General Public License along with
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
-@import '../../../theme/util/mixins';
+@use '../../../theme/util/mixins';
 
 ion-button {
   --color: var(--ion-color-primary-contrast);
@@ -22,7 +22,7 @@ ion-button {
 }
 
 .release-notes {
-  @include border-radius-in-parallax(var(--border-radius-default));
+  @include mixins.border-radius-in-parallax(var(--border-radius-default));
 
   display: block;
   margin: var(--spacing-md);

frontend/app/src/app/modules/about/release-notes-markdown.scss

@@ -20,7 +20,7 @@
   }
 
   blockquote {
-    background: var(--ion-item-background);
     border-left: 0.25em solid var(--ion-color-medium);
+    background: var(--ion-item-background);
   }
 }

frontend/app/src/app/modules/about/release-notes.component.ts

@@ -17,7 +17,6 @@ import {UtilModule} from '../../util/util.module';
   selector: 'stapps-release-notes',
   templateUrl: 'release-notes.html',
   styleUrls: ['release-notes.scss', 'release-notes-markdown.scss'],
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
   imports: [
     UtilModule,

frontend/app/src/app/modules/about/release-notes.scss

@@ -1,11 +1,11 @@
-@import '../../../theme/util/mixins';
+@use '../../../theme/util/mixins';
 
 ion-title {
   padding-block: var(--spacing-md);
 }
 
 .content-card {
-  @include border-radius-in-parallax(var(--border-radius-default));
+  @include mixins.border-radius-in-parallax(var(--border-radius-default));
 
   display: block;
   margin: var(--spacing-md);

frontend/app/src/app/modules/assessments/detail/assessments-detail.component.ts

@@ -26,6 +26,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   selector: 'assessments-detail',
   templateUrl: 'assessments-detail.html',
   styleUrls: ['assessments-detail.scss'],
+  standalone: false,
 })
 export class AssessmentsDetailComponent implements OnInit {
   destroy$ = inject(DestroyRef);

frontend/app/src/app/modules/assessments/list/assessments-data-list.component.ts

@@ -21,6 +21,7 @@ import {Observable} from 'rxjs';
   selector: 'assessments-data-list',
   templateUrl: './assessments-data-list.html',
   styleUrls: ['./assessments-data-list.scss'],
+  standalone: false,
 })
 export class AssessmentsDataListComponent {
   /**

frontend/app/src/app/modules/assessments/list/assessments-list-item.component.ts

@@ -20,6 +20,7 @@ import {SCThings} from '@openstapps/core';
   selector: 'assessments-list-item',
   templateUrl: 'assessments-list-item.html',
   styleUrls: ['assessments-list-item.scss'],
+  standalone: false,
 })
 export class AssessmentsListItemComponent {
   /**

frontend/app/src/app/modules/assessments/list/assessments-simple-data-list.component.ts

@@ -23,6 +23,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   selector: 'assessments-simple-data-list',
   templateUrl: 'assessments-simple-data-list.html',
   styleUrls: ['assessments-simple-data-list.scss'],
+  standalone: false,
 })
 export class AssessmentsSimpleDataListComponent implements OnInit {
   /**

frontend/app/src/app/modules/assessments/list/assessments-tree-list.component.ts

@@ -20,6 +20,7 @@ import {SCThings} from '@openstapps/core';
   selector: 'assessments-tree-list',
   templateUrl: 'assessments-tree-list.html',
   styleUrls: ['assessments-tree-list.scss'],
+  standalone: false,
 })
 export class AssessmentsTreeListComponent {
   @Input() items?: Promise<SCThings[] | undefined>;

frontend/app/src/app/modules/assessments/page/assessments-page.component.ts

@@ -29,6 +29,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   templateUrl: 'assessments-page.html',
   styleUrls: ['assessments-page.scss'],
   animations: [materialSharedAxisX],
+  standalone: false,
 })
 export class AssessmentsPageComponent implements OnInit, AfterViewInit {
   assessments: Promise<

frontend/app/src/app/modules/assessments/types/assessment/assessment-base-info.component.ts

@@ -20,6 +20,7 @@ import {SCAssessment} from '@openstapps/core';
   selector: 'assessment-base-info',
   templateUrl: 'assessment-base-info.html',
   styleUrls: ['assessment-base-info.scss'],
+  standalone: false,
 })
 export class AssessmentBaseInfoComponent {
   _item: SCAssessment;

frontend/app/src/app/modules/assessments/types/assessment/assessment-detail.component.ts

@@ -20,6 +20,7 @@ import {SCAssessment} from '@openstapps/core';
   selector: 'assessment-detail',
   templateUrl: 'assessment-detail.html',
   styleUrls: ['assessment-detail.scss'],
+  standalone: false,
 })
 export class AssessmentDetailComponent {
   @Input() item: SCAssessment;

frontend/app/src/app/modules/assessments/types/assessment/assessment-list-item.component.ts

@@ -20,6 +20,7 @@ import {SCAssessment} from '@openstapps/core';
   selector: 'stapps-assessment-list-item',
   templateUrl: './assessment-list-item.html',
   styleUrls: ['./assessment-list-item.scss'],
+  standalone: false,
 })
 export class AssessmentListItemComponent {
   @Input() item: SCAssessment;

frontend/app/src/app/modules/assessments/types/course-of-study/course-of-study-assessment.component.ts

@@ -20,6 +20,7 @@ import {SCAssessment, SCCourseOfStudyWithoutReferences} from '@openstapps/core';
   selector: 'course-of-study-assessment',
   templateUrl: 'course-of-study-assessment.html',
   styleUrls: ['course-of-study-assessment.scss'],
+  standalone: false,
 })
 export class CourseOfStudyAssessmentComponent {
   @Input() courseOfStudy?: SCCourseOfStudyWithoutReferences | null;

frontend/app/src/app/modules/auth/auth-callback/page/auth-callback-page.component.ts

@@ -19,12 +19,12 @@ import {AuthActions, IAuthAction} from 'ionic-appauth';
 import {AuthHelperService} from '../../auth-helper.service';
 import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
 import {Observable} from 'rxjs';
-import {IPAIAAuthAction} from '../../paia/paia-auth-action';
 import {DefaultAuthService} from '../../default-auth.service';
 
 @Component({
   templateUrl: 'auth-callback-page.component.html',
   styleUrls: ['auth-callback-page.component.scss'],
+  standalone: false,
 })
 export class AuthCallbackPageComponent {
   constructor(
@@ -33,7 +33,7 @@ export class AuthCallbackPageComponent {
     private authHelper: AuthHelperService,
     private auth: DefaultAuthService,
   ) {
-    const events: Observable<IPAIAAuthAction | IAuthAction> = this.auth.events$;
+    const events: Observable<IAuthAction> = this.auth.events$;
 
     events.pipe(takeUntilDestroyed()).subscribe((action: IAuthAction) => this.postCallback(action));
     this.auth.authorizationCallback(window.location.origin + this.router.url);

frontend/app/src/app/modules/auth/auth-guard.service.ts

@@ -33,7 +33,7 @@ export class AuthGuardService implements CanActivate {
     }
 
     try {
-      await this.authHelper.getProvider(route.data.authProvider).getValidToken();
+      await this.authHelper.getProvider().getValidToken();
     } catch {
       const originNavigation = this.router.getCurrentNavigation();
       let extras: NavigationExtras = {};
@@ -42,7 +42,7 @@ export class AuthGuardService implements CanActivate {
         extras = {queryParams: {origin_path: url}};
       }
       this.router.navigate(['profile'], extras);
-      await this.authHelper.getProvider(route.data.authProvider).signIn();
+      await this.authHelper.getProvider().signIn();
 
       return false;
     }

frontend/app/src/app/modules/auth/auth-helper.service.spec.ts

@@ -20,7 +20,6 @@ import {DefaultAuthService} from './default-auth.service';
 import {Browser} from 'ionic-appauth';
 import {Requestor, StorageBackend} from '@openid/appauth';
 import {TranslateService} from '@ngx-translate/core';
-import {PAIAAuthService} from './paia/paia-auth.service';
 import {StAppsWebHttpClient} from '../data/stapps-web-http-client.provider';
 import {provideHttpClient, withInterceptorsFromDi} from '@angular/common/http';
 import {SimpleBrowser} from '../../util/browser.factory';
@@ -31,7 +30,6 @@ describe('AuthHelperService', () => {
   const storageProviderSpy = jasmine.createSpyObj('StorageProvider', ['init', 'get', 'has', 'put', 'search']);
   const translateServiceSpy = jasmine.createSpyObj('TranslateService', ['setDefaultLang', 'use']);
   const defaultAuthServiceMock = jasmine.createSpyObj('DefaultAuthService', ['init', 'setupConfiguration']);
-  const paiaAuthServiceMock = jasmine.createSpyObj('PAIAAuthService', ['init', 'setupConfiguration']);
   const authHelperServiceMock = jasmine.createSpyObj('AuthHelperService', ['constructor']);
   const simpleBrowserMock = jasmine.createSpyObj('SimpleBrowser', ['open']);
   const configProvider = jasmine.createSpyObj('ConfigProvider', {
@@ -69,10 +67,6 @@ describe('AuthHelperService', () => {
           provider: DefaultAuthService,
           useValue: defaultAuthServiceMock,
         },
-        {
-          provider: PAIAAuthService,
-          useValue: paiaAuthServiceMock,
-        },
         {
           provide: ConfigProvider,
           useValue: configProvider,

frontend/app/src/app/modules/auth/auth-helper.service.ts

@@ -14,7 +14,6 @@
  */
 
 import {Injectable} from '@angular/core';
-import {IPAIAAuthAction} from './paia/paia-auth-action';
 import {AuthActions, IAuthAction} from 'ionic-appauth';
 import {TranslateService} from '@ngx-translate/core';
 import {JSONPath} from 'jsonpath-plus';
@@ -27,7 +26,6 @@ import {
 import {ConfigProvider} from '../config/config.provider';
 import {StorageProvider} from '../storage/storage.provider';
 import {DefaultAuthService} from './default-auth.service';
-import {PAIAAuthService} from './paia/paia-auth.service';
 import {SimpleBrowser} from '../../util/browser.factory';
 import {AlertController} from '@ionic/angular/standalone';
 
@@ -44,7 +42,6 @@ export class AuthHelperService {
     private configProvider: ConfigProvider,
     private storageProvider: StorageProvider,
     private defaultAuth: DefaultAuthService,
-    private paiaAuth: PAIAAuthService,
     private browser: SimpleBrowser,
     private alertController: AlertController,
   ) {
@@ -56,7 +53,7 @@ export class AuthHelperService {
       ).default?.endpoints.mapping ?? {};
   }
 
-  public getAuthMessage(provider: SCAuthorizationProviderType, action: IAuthAction | IPAIAAuthAction) {
+  public getAuthMessage(provider: SCAuthorizationProviderType, action: IAuthAction) {
     let message: string | undefined;
     switch (action.action) {
       case AuthActions.SignInSuccess: {
@@ -108,16 +105,11 @@ export class AuthHelperService {
     return originPath;
   }
 
-  getProvider<B extends SCAuthorizationProviderType>(
-    providerType: B,
-  ): B extends 'paia' ? PAIAAuthService : DefaultAuthService;
   /**
    * Provides appropriate auth service instance based on type (string) parameter
    */
-  getProvider(providerType: SCAuthorizationProviderType): DefaultAuthService | PAIAAuthService {
+  getProvider(): DefaultAuthService {
-    return providerType === 'paia'
+    return this.defaultAuth;
-      ? (this.paiaAuth as PAIAAuthService)
-      : (this.defaultAuth as DefaultAuthService);
   }
 
   /**
@@ -125,7 +117,7 @@ export class AuthHelperService {
    * @param providerType Type of the provider (e.g. 'default' or 'paia')
    */
   async endBrowserSession(providerType: SCAuthorizationProviderType) {
-    const endSessionEndpoint = (await this.getProvider(providerType).configuration).endSessionEndpoint;
+    const endSessionEndpoint = (await this.getProvider().configuration).endSessionEndpoint;
 
     if (endSessionEndpoint) {
       const alert: HTMLIonAlertElement = await this.alertController.create({

frontend/app/src/app/modules/auth/auth-routing.module.ts

@@ -17,19 +17,12 @@ import {RouterModule, Routes} from '@angular/router';
 import {NgModule} from '@angular/core';
 import {authPaths} from './auth-paths';
 import {AuthCallbackPageComponent} from './auth-callback/page/auth-callback-page.component';
-import {DefaultAuthService} from './default-auth.service';
-import {PAIAAuthService} from './paia/paia-auth.service';
 
 const authRoutes: Routes = [
   {
     path: authPaths.default.redirect_path,
     component: AuthCallbackPageComponent,
   },
-  {
-    path: authPaths.paia.redirect_path,
-    component: AuthCallbackPageComponent,
-    providers: [{provide: DefaultAuthService, useExisting: PAIAAuthService}],
-  },
 ];
 
 /**

frontend/app/src/app/modules/auth/auth.module.ts

@@ -11,7 +11,6 @@ import {AuthRoutingModule} from './auth-routing.module';
 import {TranslateModule} from '@ngx-translate/core';
 import {AuthCallbackPageComponent} from './auth-callback/page/auth-callback-page.component';
 import {DefaultAuthService} from './default-auth.service';
-import {PAIAAuthService} from './paia/paia-auth.service';
 
 @NgModule({
   declarations: [AuthCallbackPageComponent],
@@ -32,7 +31,6 @@ import {PAIAAuthService} from './paia/paia-auth.service';
       useClass: CapacitorBrowser,
     },
     DefaultAuthService,
-    PAIAAuthService,
   ],
 })
 export class AuthModule {}

frontend/app/src/app/modules/auth/paia/authorization-request-handler.ts

@@ -1,197 +0,0 @@
-/*
- * Copyright (C) 2022 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-
-import {
-  StorageBackend,
-  BasicQueryStringUtils,
-  DefaultCrypto,
-  AuthorizationServiceConfiguration,
-  AuthorizationRequest,
-  StringMap,
-  AuthorizationError,
-  AuthorizationErrorJson,
-  BUILT_IN_PARAMETERS,
-} from '@openid/appauth';
-import {Browser} from 'ionic-appauth';
-import {PAIAAuthorizationNotifier} from './paia-authorization-notifier';
-import {PAIAAuthorizationRequestResponse} from './authorization-request-response';
-import {PAIAAuthorizationResponse, PAIAAuthorizationResponseJson} from './paia-authorization-response';
-
-/** key for authorization request. */
-const authorizationRequestKey = (handle: string) => {
-  return `${handle}_appauth_authorization_request`;
-};
-
-/** key in local storage which represents the current authorization request. */
-const AUTHORIZATION_REQUEST_HANDLE_KEY = 'appauth_current_authorization_request';
-export const AUTHORIZATION_RESPONSE_KEY = 'auth_response';
-
-export class PAIAAuthorizationRequestHandler {
-  notifier: PAIAAuthorizationNotifier;
-
-  constructor(
-    private browser: Browser,
-    private storage: StorageBackend,
-    public utils = new BasicQueryStringUtils(),
-    protected crypto = new Crypto(),
-    private generateRandom = new DefaultCrypto(),
-  ) {}
-
-  public async performAuthorizationRequest(
-    configuration: AuthorizationServiceConfiguration,
-    request: AuthorizationRequest,
-  ): Promise<void> {
-    const handle = this.generateRandom.generateRandom(10);
-    await this.storage.setItem(AUTHORIZATION_REQUEST_HANDLE_KEY, handle);
-    await this.storage.setItem(authorizationRequestKey(handle), JSON.stringify(await request.toJson()));
-    const url = this.buildRequestUrl(configuration, request);
-    const returnedUrl: string | undefined = await this.browser.showWindow(url, request.redirectUri);
-
-    // callback may come from showWindow or via another method
-    if (returnedUrl !== undefined) {
-      await this.storage.setItem(AUTHORIZATION_RESPONSE_KEY, returnedUrl);
-      await this.completeAuthorizationRequestIfPossible();
-    }
-  }
-
-  protected async completeAuthorizationRequest(): Promise<PAIAAuthorizationRequestResponse> {
-    const handle = await this.storage.getItem(AUTHORIZATION_REQUEST_HANDLE_KEY);
-
-    if (!handle) {
-      throw new Error('Handle Not Available');
-    }
-
-    const request: AuthorizationRequest = this.getAuthorizationRequest(
-      await this.storage.getItem(authorizationRequestKey(handle)),
-    );
-    const queryParameters = this.getQueryParams(await this.storage.getItem(AUTHORIZATION_RESPONSE_KEY));
-    void this.removeItemsFromStorage(handle);
-
-    const state: string | undefined = queryParameters['state'];
-    const error: string | undefined = queryParameters['error'];
-
-    if (state !== request.state) {
-      throw new Error('State Does Not Match');
-    }
-
-    return <PAIAAuthorizationRequestResponse>{
-      request: request, // request
-      response: error ? undefined : this.getAuthorizationResponse(queryParameters),
-      error: error ? this.getAuthorizationError(queryParameters) : undefined,
-    };
-  }
-
-  private getAuthorizationRequest(authRequest: string | null): AuthorizationRequest {
-    if (authRequest == undefined) {
-      throw new Error('No Auth Request Available');
-    }
-
-    return new AuthorizationRequest(JSON.parse(authRequest));
-  }
-
-  private getAuthorizationError(queryParameters: StringMap): AuthorizationError {
-    const authorizationErrorJSON: AuthorizationErrorJson = {
-      error: queryParameters['error'],
-      error_description: queryParameters['error_description'],
-      error_uri: undefined,
-      state: queryParameters['state'],
-    };
-    return new AuthorizationError(authorizationErrorJSON);
-  }
-
-  private getAuthorizationResponse(queryParameters: StringMap): PAIAAuthorizationResponse {
-    const authorizationResponseJSON: PAIAAuthorizationResponseJson = {
-      code: queryParameters['code'],
-      patron: queryParameters['patron'],
-      // TODO: currently PAIA is not providing state
-      state: queryParameters['state'] ?? '',
-    };
-    return new PAIAAuthorizationResponse(authorizationResponseJSON);
-  }
-
-  private async removeItemsFromStorage(handle: string): Promise<void> {
-    await this.storage.removeItem(AUTHORIZATION_REQUEST_HANDLE_KEY);
-    await this.storage.removeItem(authorizationRequestKey(handle));
-    await this.storage.removeItem(AUTHORIZATION_RESPONSE_KEY);
-  }
-
-  private getQueryParams(authResponse: string | null): StringMap {
-    if (authResponse == undefined) {
-      return {};
-    } else {
-      const querySide: string = authResponse.split('#')[0];
-      const parts: string[] = querySide.split('?');
-      if (parts.length !== 2) throw new Error('Invalid auth response string');
-      const hash = parts[1];
-      return this.utils.parseQueryString(hash);
-    }
-  }
-
-  setAuthorizationNotifier(notifier: PAIAAuthorizationNotifier): PAIAAuthorizationRequestHandler {
-    this.notifier = notifier;
-    return this;
-  }
-
-  completeAuthorizationRequestIfPossible(): Promise<void> {
-    // call complete authorization if possible to see there might
-    // be a response that needs to be delivered.
-    console.log(`Checking to see if there is an authorization response to be delivered.`);
-    if (!this.notifier) {
-      console.log(`Notifier is not present on AuthorizationRequest handler.
-            No delivery of result will be possible`);
-    }
-    return this.completeAuthorizationRequest().then(result => {
-      if (!result) {
-        console.log(`No result is available yet.`);
-      }
-      if (result && this.notifier) {
-        this.notifier.onAuthorizationComplete(result.request, result.response, result.error);
-      }
-    });
-  }
-
-  /**
-   * A utility method to be able to build the authorization request URL.
-   */
-  protected buildRequestUrl(configuration: AuthorizationServiceConfiguration, request: AuthorizationRequest) {
-    // build the query string
-    // coerce to any type for convenience
-    const requestMap: StringMap = {
-      redirect_uri: request.redirectUri,
-      client_id: request.clientId,
-      response_type: request.responseType,
-      state: request.state,
-      scope: request.scope,
-    };
-
-    // copy over extras
-    if (request.extras) {
-      for (const extra in request.extras) {
-        if (
-          request.extras.hasOwnProperty(extra) && // check before inserting to requestMap
-          !BUILT_IN_PARAMETERS.includes(extra)
-        ) {
-          requestMap[extra] = request.extras[extra];
-        }
-      }
-    }
-
-    const query = this.utils.stringify(requestMap);
-    const baseUrl = configuration.authorizationEndpoint;
-
-    // required encoding (PAIA specific)
-    return `${baseUrl}?${encodeURIComponent(query)}`;
-  }
-}

frontend/app/src/app/modules/auth/paia/authorization-request-response.ts

@@ -1,26 +0,0 @@
-/*
- * Copyright (C) 2021 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-
-import {AuthorizationError, AuthorizationRequest} from '@openid/appauth';
-import {PAIAAuthorizationResponse} from './paia-authorization-response';
-
-/**
- * Represents a structural type holding both authorization request and response.
- */
-export interface PAIAAuthorizationRequestResponse {
-  request: AuthorizationRequest;
-  response: PAIAAuthorizationResponse | null;
-  error: AuthorizationError | null;
-}

frontend/app/src/app/modules/auth/paia/paia-auth-action.ts

@@ -1,75 +0,0 @@
-/*
- * Copyright (C) 2022 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-
-import {PAIATokenResponse} from './paia-token-response';
-import {AuthActionBuilder, IAuthAction} from 'ionic-appauth';
-
-export interface IPAIAAuthAction extends IAuthAction {
-  tokenResponse?: PAIATokenResponse;
-}
-
-export class PAIAAuthActionBuilder extends AuthActionBuilder {
-  public static Init(): IPAIAAuthAction {
-    return AuthActionBuilder.Init() as IPAIAAuthAction;
-  }
-
-  public static SignOutSuccess(): IPAIAAuthAction {
-    return AuthActionBuilder.SignOutSuccess() as IPAIAAuthAction;
-  }
-
-  public static SignOutFailed(error: Error): IPAIAAuthAction {
-    return AuthActionBuilder.SignOutFailed(error) as IPAIAAuthAction;
-  }
-
-  public static RefreshSuccess(tokenResponse: PAIATokenResponse): IPAIAAuthAction {
-    return AuthActionBuilder.RefreshSuccess(tokenResponse) as IPAIAAuthAction;
-  }
-
-  public static RefreshFailed(error: Error): IPAIAAuthAction {
-    return AuthActionBuilder.RefreshFailed(error) as IPAIAAuthAction;
-  }
-
-  public static SignInSuccess(tokenResponse: PAIATokenResponse): IPAIAAuthAction {
-    return AuthActionBuilder.SignInSuccess(tokenResponse) as IPAIAAuthAction;
-  }
-
-  public static SignInFailed(error: Error): IPAIAAuthAction {
-    return AuthActionBuilder.SignInFailed(error) as IPAIAAuthAction;
-  }
-
-  public static LoadTokenFromStorageSuccess(tokenResponse: PAIATokenResponse): IPAIAAuthAction {
-    return AuthActionBuilder.LoadTokenFromStorageSuccess(tokenResponse) as IPAIAAuthAction;
-  }
-
-  public static LoadTokenFromStorageFailed(error: Error): IPAIAAuthAction {
-    return AuthActionBuilder.LoadTokenFromStorageFailed(error) as IPAIAAuthAction;
-  }
-
-  public static RevokeTokensSuccess(): IPAIAAuthAction {
-    return AuthActionBuilder.RevokeTokensSuccess() as IPAIAAuthAction;
-  }
-
-  public static RevokeTokensFailed(error: Error): IPAIAAuthAction {
-    return AuthActionBuilder.RevokeTokensFailed(error) as IPAIAAuthAction;
-  }
-
-  public static LoadUserInfoSuccess(user: Error): IPAIAAuthAction {
-    return AuthActionBuilder.LoadUserInfoSuccess(user) as IPAIAAuthAction;
-  }
-
-  public static LoadUserInfoFailed(error: Error): IPAIAAuthAction {
-    return AuthActionBuilder.LoadUserInfoFailed(error) as IPAIAAuthAction;
-  }
-}

frontend/app/src/app/modules/auth/paia/paia-auth.service.ts

@@ -1,365 +0,0 @@
-/*
- * Copyright (C) 2023 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-
-import {
-  AuthorizationError,
-  AuthorizationRequest,
-  AuthorizationRequestJson,
-  AuthorizationServiceConfiguration,
-  BasicQueryStringUtils,
-  DefaultCrypto,
-  JQueryRequestor,
-  LocalStorageBackend,
-  Requestor,
-  StorageBackend,
-  StringMap,
-  TokenResponse,
-} from '@openid/appauth';
-import {
-  AuthActions,
-  AUTHORIZATION_RESPONSE_KEY,
-  AuthSubject,
-  Browser,
-  DefaultBrowser,
-  EndSessionHandler,
-  IAuthConfig,
-  IonicEndSessionHandler,
-  IonicUserInfoHandler,
-  UserInfoHandler,
-} from 'ionic-appauth';
-import {BehaviorSubject, Observable} from 'rxjs';
-import {PAIATokenRequestHandler} from './token-request-handler';
-import {PAIAAuthorizationRequestHandler} from './authorization-request-handler';
-import {PAIATokenRequest, PAIATokenRequestJson} from './paia-token-request';
-import {PAIAAuthorizationResponse} from './paia-authorization-response';
-import {PAIAAuthorizationNotifier} from './paia-authorization-notifier';
-import {PAIATokenResponse} from './paia-token-response';
-import {IPAIAAuthAction, PAIAAuthActionBuilder} from './paia-auth-action';
-import {SCAuthorizationProvider} from '@openstapps/core';
-import {ConfigProvider} from '../../config/config.provider';
-import {getClientConfig, getEndpointsConfig} from '../auth.provider.methods';
-import {Injectable} from '@angular/core';
-
-const TOKEN_RESPONSE_KEY = 'paia_token_response';
-const AUTH_EXPIRY_BUFFER = 10 * 60 * -1; // 10 minutes in seconds
-
-export interface IAuthService {
-  signIn(authExtras?: StringMap, state?: string): void;
-  signOut(state?: string, revokeTokens?: boolean): void;
-  loadUserInfo(): void;
-  authorizationCallback(callbackUrl: string): void;
-  loadTokenFromStorage(): void;
-  getValidToken(buffer?: number): Promise<PAIATokenResponse>;
-}
-
-@Injectable({
-  providedIn: 'root',
-})
-export class PAIAAuthService {
-  private _authConfig?: IAuthConfig;
-
-  private _authSubject: AuthSubject = new AuthSubject();
-
-  private _authSubjectV2 = new BehaviorSubject<IPAIAAuthAction>(PAIAAuthActionBuilder.Init());
-
-  private _tokenSubject = new BehaviorSubject<PAIATokenResponse | undefined>(undefined);
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  private _userSubject = new BehaviorSubject<any>(undefined);
-
-  private _authenticatedSubject = new BehaviorSubject<boolean>(false);
-
-  private _loggedIn = new BehaviorSubject<boolean>(false);
-
-  private _initComplete = new BehaviorSubject<boolean>(false);
-
-  protected tokenHandler: PAIATokenRequestHandler;
-
-  protected userInfoHandler: UserInfoHandler;
-
-  protected requestHandler: PAIAAuthorizationRequestHandler;
-
-  protected endSessionHandler: EndSessionHandler;
-
-  public localConfiguration: AuthorizationServiceConfiguration;
-
-  constructor(
-    protected browser: Browser = new DefaultBrowser(),
-    protected storage: StorageBackend = new LocalStorageBackend(),
-    protected requestor: Requestor = new JQueryRequestor(),
-    private readonly configProvider: ConfigProvider,
-  ) {
-    this.tokenHandler = new PAIATokenRequestHandler(requestor);
-    this.userInfoHandler = new IonicUserInfoHandler(requestor);
-    this.requestHandler = new PAIAAuthorizationRequestHandler(
-      browser,
-      storage,
-      new BasicQueryStringUtils(),
-      crypto,
-    );
-    this.endSessionHandler = new IonicEndSessionHandler(browser);
-  }
-
-  get token$(): Observable<PAIATokenResponse | undefined> {
-    return this._tokenSubject.asObservable();
-  }
-
-  get isAuthenticated$(): Observable<boolean> {
-    return this._authenticatedSubject.asObservable();
-  }
-
-  /**
-   * Similar to isAuthenticated$, but will also return true if the token is expired
-   */
-  get isLoggedIn$(): Observable<boolean> {
-    return this._loggedIn.asObservable();
-  }
-
-  get initComplete$(): Observable<boolean> {
-    return this._initComplete.asObservable();
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  get user$(): Observable<any> {
-    return this._userSubject.asObservable();
-  }
-
-  get events$(): Observable<IPAIAAuthAction> {
-    return this._authSubjectV2.asObservable();
-  }
-
-  get authConfig(): IAuthConfig {
-    if (!this._authConfig) throw new Error('AuthConfig Not Defined');
-
-    return this._authConfig;
-  }
-
-  set authConfig(value: IAuthConfig) {
-    this._authConfig = value;
-  }
-
-  get configuration(): Promise<AuthorizationServiceConfiguration> {
-    if (!this.localConfiguration) throw new Error('Local Configuration Not Defined');
-
-    return Promise.resolve(this.localConfiguration);
-  }
-
-  public async init() {
-    this.setupConfiguration();
-    this.setupAuthorizationNotifier();
-    await this.loadTokenFromStorage();
-  }
-
-  setupConfiguration() {
-    const authConfig = this.configProvider.getAnyValue('auth') as {
-      paia: SCAuthorizationProvider;
-    };
-    this.authConfig = getClientConfig('paia', authConfig);
-    this.localConfiguration = new AuthorizationServiceConfiguration(getEndpointsConfig('paia', authConfig));
-  }
-
-  protected notifyActionListers(action: IPAIAAuthAction) {
-    /* eslint-disable unicorn/no-useless-undefined */
-    switch (action.action) {
-      case AuthActions.SignInFailed:
-      case AuthActions.SignOutSuccess:
-      case AuthActions.SignOutFailed: {
-        this._tokenSubject.next(undefined);
-        this._userSubject.next(undefined);
-        this._authenticatedSubject.next(false);
-        this._loggedIn.next(false);
-        break;
-      }
-      case AuthActions.LoadTokenFromStorageFailed: {
-        this._tokenSubject.next(undefined);
-        this._userSubject.next(undefined);
-        this._authenticatedSubject.next(false);
-        this._loggedIn.next(false);
-        this._initComplete.next(true);
-        break;
-      }
-      case AuthActions.SignInSuccess: {
-        this._tokenSubject.next(action.tokenResponse);
-        this._authenticatedSubject.next(true);
-        this._loggedIn.next(true);
-        break;
-      }
-      case AuthActions.LoadTokenFromStorageSuccess: {
-        this._tokenSubject.next(action.tokenResponse);
-        this._authenticatedSubject.next((action.tokenResponse as TokenResponse).isValid(0));
-        this._loggedIn.next(true);
-        this._initComplete.next(true);
-        break;
-      }
-      case AuthActions.RevokeTokensSuccess: {
-        this._tokenSubject.next(undefined);
-        break;
-      }
-      case AuthActions.LoadUserInfoSuccess: {
-        this._userSubject.next(action.user);
-        break;
-      }
-      case AuthActions.LoadUserInfoFailed: {
-        this._userSubject.next(undefined);
-        break;
-      }
-    }
-
-    this._authSubjectV2.next(action);
-    this._authSubject.notify(action);
-  }
-
-  protected setupAuthorizationNotifier() {
-    const notifier = new PAIAAuthorizationNotifier();
-    this.requestHandler.setAuthorizationNotifier(notifier);
-    notifier.setAuthorizationListener((request, response, error) =>
-      this.onAuthorizationNotification(request, response, error),
-    );
-  }
-
-  protected onAuthorizationNotification(
-    request: AuthorizationRequest,
-    response: PAIAAuthorizationResponse | null,
-    error: AuthorizationError | null,
-  ) {
-    const codeVerifier: string | undefined =
-      request.internal != undefined && this.authConfig.pkce ? request.internal.code_verifier : undefined;
-
-    if (response != undefined) {
-      this.requestAccessToken(response.code, response.patron, codeVerifier);
-    } else if (error == undefined) {
-      throw new Error('Unknown Error With Authentication');
-    } else {
-      throw new Error(error.errorDescription);
-    }
-  }
-
-  protected async internalAuthorizationCallback(url: string) {
-    this.browser.closeWindow();
-    await this.storage.setItem(AUTHORIZATION_RESPONSE_KEY, url);
-    return this.requestHandler.completeAuthorizationRequestIfPossible();
-  }
-
-  protected async performAuthorizationRequest(authExtras?: StringMap, state?: string): Promise<void> {
-    const requestJson: AuthorizationRequestJson = {
-      response_type: AuthorizationRequest.RESPONSE_TYPE_CODE,
-      client_id: this.authConfig.client_id,
-      redirect_uri: this.authConfig.redirect_url,
-      scope: this.authConfig.scopes,
-      extras: authExtras,
-      state: state || undefined,
-    };
-
-    const request = new AuthorizationRequest(requestJson, new DefaultCrypto(), this.authConfig.pkce);
-
-    if (this.authConfig.pkce) await request.setupCodeVerifier();
-
-    return this.requestHandler.performAuthorizationRequest(await this.configuration, request);
-  }
-
-  protected async requestAccessToken(code: string, patron: string, codeVerifier?: string): Promise<void> {
-    const requestJSON: PAIATokenRequestJson = {
-      code: code,
-      patron: patron,
-      extras: codeVerifier
-        ? {
-            code_verifier: codeVerifier,
-          }
-        : {},
-    };
-
-    const token: PAIATokenResponse = await this.tokenHandler.performTokenRequest(
-      await this.configuration,
-      new PAIATokenRequest(requestJSON),
-    );
-    await this.storage.setItem(TOKEN_RESPONSE_KEY, JSON.stringify(token.toJson()));
-    this.notifyActionListers(PAIAAuthActionBuilder.SignInSuccess(token));
-  }
-
-  public async revokeTokens() {
-    // Note: only locally
-    await this.storage.removeItem(TOKEN_RESPONSE_KEY);
-    this.notifyActionListers(PAIAAuthActionBuilder.RevokeTokensSuccess());
-  }
-
-  public async signOut() {
-    await this.revokeTokens().catch(error =>
-      this.notifyActionListers(PAIAAuthActionBuilder.SignOutFailed(error)),
-    );
-    this.notifyActionListers(PAIAAuthActionBuilder.SignOutSuccess());
-  }
-
-  protected async internalLoadTokenFromStorage() {
-    let token: PAIATokenResponse | undefined;
-    const tokenResponseString: string | null = await this.storage.getItem(TOKEN_RESPONSE_KEY);
-
-    if (tokenResponseString != undefined) {
-      token = new PAIATokenResponse(JSON.parse(tokenResponseString));
-
-      if (token) {
-        return this.notifyActionListers(PAIAAuthActionBuilder.LoadTokenFromStorageSuccess(token));
-      }
-    }
-
-    throw new Error('No Token In Storage');
-  }
-
-  protected async internalRequestUserInfo() {
-    if (this._tokenSubject.value) {
-      const userInfo = await this.userInfoHandler.performUserInfoRequest(
-        await this.configuration,
-        this._tokenSubject.value,
-      );
-      this.notifyActionListers(PAIAAuthActionBuilder.LoadUserInfoSuccess(userInfo));
-    } else {
-      throw new Error('No Token Available');
-    }
-  }
-
-  public async loadTokenFromStorage() {
-    await this.internalLoadTokenFromStorage().catch(error => {
-      this.notifyActionListers(PAIAAuthActionBuilder.LoadTokenFromStorageFailed(error));
-    });
-  }
-
-  public async signIn(authExtras?: StringMap, state?: string) {
-    await this.performAuthorizationRequest(authExtras, state).catch(error => {
-      this.notifyActionListers(PAIAAuthActionBuilder.SignInFailed(error));
-    });
-  }
-
-  public async loadUserInfo() {
-    await this.internalRequestUserInfo().catch(error => {
-      this.notifyActionListers(PAIAAuthActionBuilder.LoadUserInfoFailed(error));
-    });
-  }
-
-  public authorizationCallback(callbackUrl: string): void {
-    this.internalAuthorizationCallback(callbackUrl).catch(error => {
-      this.notifyActionListers(PAIAAuthActionBuilder.SignInFailed(error));
-    });
-  }
-
-  public async getValidToken(buffer: number = AUTH_EXPIRY_BUFFER): Promise<PAIATokenResponse> {
-    if (this._tokenSubject.value && this._tokenSubject.value.isValid(buffer)) {
-      return this._tokenSubject.value;
-    }
-
-    const error = new Error('Unable To Obtain Valid Token');
-    this.notifyActionListers(PAIAAuthActionBuilder.SignInFailed(error));
-
-    throw error;
-  }
-}

frontend/app/src/app/modules/auth/paia/paia-authorization-listener.ts

@@ -1,23 +0,0 @@
-/*
- * Copyright (C) 2021 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-
-import {AuthorizationError, AuthorizationRequest} from '@openid/appauth';
-import {PAIAAuthorizationResponse} from './paia-authorization-response';
-
-export type PAIAAuthorizationListener = (
-  request: AuthorizationRequest,
-  response: PAIAAuthorizationResponse | null,
-  error: AuthorizationError | null,
-) => void;

frontend/app/src/app/modules/auth/paia/paia-authorization-notifier.ts

@@ -1,40 +0,0 @@
-/*
- * Copyright (C) 2021 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-import {PAIAAuthorizationListener} from './paia-authorization-listener';
-import {AuthorizationError, AuthorizationRequest} from '@openid/appauth';
-import {PAIAAuthorizationResponse} from './paia-authorization-response';
-
-export class PAIAAuthorizationNotifier {
-  // eslint-disable-next-line unicorn/no-null
-  private listener: PAIAAuthorizationListener | null = null;
-
-  setAuthorizationListener(listener: PAIAAuthorizationListener) {
-    this.listener = listener;
-  }
-
-  /**
-   * The authorization complete callback.
-   */
-  onAuthorizationComplete(
-    request: AuthorizationRequest,
-    response: PAIAAuthorizationResponse | null,
-    error: AuthorizationError | null,
-  ): void {
-    if (this.listener) {
-      // complete authorization request
-      this.listener(request, response, error);
-    }
-  }
-}

frontend/app/src/app/modules/auth/paia/paia-authorization-response.ts

@@ -1,38 +0,0 @@
-/*
- * Copyright (C) 2021 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-
-export interface PAIAAuthorizationResponseJson {
-  code: string;
-  state: string;
-  patron: string;
-}
-
-export class PAIAAuthorizationResponse {
-  code: string;
-
-  state: string;
-
-  patron: string;
-
-  constructor(response: PAIAAuthorizationResponseJson) {
-    this.code = response.code;
-    this.state = response.state;
-    this.patron = response.patron;
-  }
-
-  toJson(): PAIAAuthorizationResponseJson {
-    return {code: this.code, state: this.state, patron: this.patron};
-  }
-}

frontend/app/src/app/modules/auth/paia/paia-token-request.ts

@@ -1,65 +0,0 @@
-/*
- * Copyright (C) 2021 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-import {StringMap} from '@openid/appauth';
-
-// TODO: add documentation
-export interface PAIATokenRequestJson {
-  code: string;
-  patron: string;
-  extras?: StringMap;
-}
-
-export class PAIATokenRequest {
-  code: string;
-
-  patron: string;
-
-  extras?: StringMap;
-
-  constructor(request: PAIATokenRequestJson) {
-    this.code = request.code;
-    this.patron = request.patron;
-    this.extras = request.extras;
-  }
-
-  /**
-   * Serializes a TokenRequest to a JavaScript object.
-   */
-  toJson(): PAIATokenRequestJson {
-    return {
-      code: this.code,
-      patron: this.patron,
-      extras: this.extras,
-    };
-  }
-
-  toStringMap(): StringMap {
-    const map: StringMap = {
-      patron: this.patron,
-      code: this.code,
-    };
-
-    // copy over extras
-    if (this.extras) {
-      for (const extra in this.extras) {
-        if (this.extras.hasOwnProperty(extra) && !map.hasOwnProperty(extra)) {
-          // check before inserting to requestMap
-          map[extra] = this.extras[extra];
-        }
-      }
-    }
-    return map;
-  }
-}

frontend/app/src/app/modules/auth/paia/paia-token-response.ts

@@ -1,54 +0,0 @@
-/*
- * Copyright (C) 2021 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-
-import {TokenResponse, TokenResponseJson} from '@openid/appauth';
-import {nowInSeconds} from '@openid/appauth';
-
-const AUTH_EXPIRY_BUFFER = 10 * 60 * -1; // 10 mins in seconds
-
-export interface PAIATokenResponseJson extends TokenResponseJson {
-  patron: string;
-}
-
-export class PAIATokenResponse extends TokenResponse {
-  patron: string;
-
-  constructor(response: PAIATokenResponseJson) {
-    super(response);
-    this.patron = response.patron;
-  }
-
-  toJson(): PAIATokenResponseJson {
-    return {
-      access_token: this.accessToken,
-      id_token: this.idToken,
-      refresh_token: this.refreshToken,
-      scope: this.scope,
-      token_type: this.tokenType,
-      issued_at: this.issuedAt,
-      expires_in: this.expiresIn?.toString(),
-      patron: this.patron,
-    };
-  }
-
-  isValid(buffer: number = AUTH_EXPIRY_BUFFER): boolean {
-    if (this.expiresIn) {
-      const now = nowInSeconds();
-      return now < this.issuedAt + this.expiresIn + buffer;
-    } else {
-      return true;
-    }
-  }
-}

frontend/app/src/app/modules/auth/paia/paia-user-info-handler.ts

@@ -1,42 +0,0 @@
-/*
- * Copyright (C) 2022 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-import {AuthorizationServiceConfiguration, Requestor} from '@openid/appauth';
-import {PAIATokenResponse} from './paia-token-response';
-
-export interface UserInfoHandler {
-  performUserInfoRequest(
-    configuration: AuthorizationServiceConfiguration,
-    token: PAIATokenResponse,
-  ): Promise<unknown>;
-}
-
-export class PAIAUserInfoHandler implements UserInfoHandler {
-  constructor(private requestor: Requestor) {}
-
-  public async performUserInfoRequest(
-    configuration: AuthorizationServiceConfiguration,
-    token: PAIATokenResponse,
-  ): Promise<unknown> {
-    const settings: JQueryAjaxSettings = {
-      url: `${configuration.userInfoEndpoint}/${token.patron}`,
-      method: 'GET',
-      headers: {
-        Authorization: `${token.tokenType == 'bearer' ? 'Bearer' : token.tokenType} ${token.accessToken}`,
-      },
-    };
-
-    return this.requestor.xhr(settings);
-  }
-}

frontend/app/src/app/modules/auth/paia/token-request-handler.ts

@@ -1,81 +0,0 @@
-/*
- * Copyright (C) 2022 StApps
- * This program is free software: you can redistribute it and/or modify it
- * under the terms of the GNU General Public License as published by the Free
- * Software Foundation, version 3.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
- * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
- * more details.
- *
- * You should have received a copy of the GNU General Public License along with
- * this program. If not, see <https://www.gnu.org/licenses/>.
- */
-import {
-  TokenErrorJson,
-  AuthorizationServiceConfiguration,
-  RevokeTokenRequest,
-  Requestor,
-  JQueryRequestor,
-  BasicQueryStringUtils,
-  QueryStringUtils,
-  AppAuthError,
-  TokenError,
-} from '@openid/appauth';
-import {PAIATokenRequest} from './paia-token-request';
-import {PAIATokenResponse, PAIATokenResponseJson} from './paia-token-response';
-
-export class PAIATokenRequestHandler {
-  constructor(
-    public readonly requestor: Requestor = new JQueryRequestor(),
-    public readonly utils: QueryStringUtils = new BasicQueryStringUtils(),
-  ) {}
-
-  private isTokenResponse(
-    response: PAIATokenResponseJson | TokenErrorJson,
-  ): response is PAIATokenResponseJson {
-    return (response as TokenErrorJson).error === undefined;
-  }
-
-  performRevokeTokenRequest(
-    configuration: AuthorizationServiceConfiguration,
-    request: RevokeTokenRequest,
-  ): Promise<boolean> {
-    const revokeTokenResponse = this.requestor.xhr<boolean>({
-      url: configuration.revocationEndpoint,
-      method: 'GET',
-      // headers: {'Content-Type': 'application/x-www-form-urlencoded'},
-      data: this.utils.stringify(request.toStringMap()),
-    });
-
-    return revokeTokenResponse.then(_response => {
-      return true;
-    });
-  }
-
-  performTokenRequest(
-    configuration: AuthorizationServiceConfiguration,
-    request: PAIATokenRequest,
-  ): Promise<PAIATokenResponse> {
-    const tokenResponse = this.requestor.xhr<PAIATokenResponseJson | TokenErrorJson>({
-      url: configuration.tokenEndpoint,
-      method: 'POST',
-      data: {
-        patron: request.patron,
-        grant_type: 'authorization_code',
-        ...request.toStringMap(),
-      },
-      headers: {
-        'Authorization': `Basic ${request.code}`,
-        'Content-Type': 'application/json',
-      },
-    });
-
-    return tokenResponse.then(response => {
-      return this.isTokenResponse(response)
-        ? new PAIATokenResponse(response)
-        : Promise.reject<PAIATokenResponse>(new AppAuthError(response.error, new TokenError(response)));
-    });
-  }
-}

frontend/app/src/app/modules/calendar/add-event-review-modal.component.ts

@@ -42,6 +42,7 @@ interface ICalInfo {
   selector: 'add-event-review-modal',
   templateUrl: 'add-event-review-modal.html',
   styleUrls: ['add-event-review-modal.scss'],
+  standalone: false,
 })
 export class AddEventReviewModalComponent implements OnInit {
   moment = moment;

frontend/app/src/app/modules/catalog/catalog.component.html

@@ -23,7 +23,7 @@
   </ion-toolbar>
   <ion-toolbar color="primary" mode="md">
     <ion-segment (ionChange)="segmentChanged($event)" [value]="selectedSemesterUID" mode="md">
-      @for (semester of availableSemesters; track semester) {
+      @for (semester of availableSemesters; track semester.uid) {
         <ion-segment-button [value]="semester.uid">
           <ion-label>{{ semester.acronym }}</ion-label>
         </ion-segment-button>
@@ -35,7 +35,7 @@
 <ion-content>
   @if (catalogs && catalogs.length > 0) {
     <ion-list>
-      @for (catalog of catalogs; track catalog) {
+      @for (catalog of catalogs; track catalog.uid) {
         <ion-item button="true" lines="inset" (click)="notifySelect(catalog)">
           <ion-label>
             <h2>{{ catalog.name }}</h2>
@@ -46,7 +46,7 @@
   }
   @if (!catalogs) {
     <ion-list>
-      @for (skeleton of [].constructor(10); track skeleton) {
+      @for (skeleton of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; track skeleton) {
         <stapps-skeleton-list-item> </stapps-skeleton-list-item>
       }
     </ion-list>

frontend/app/src/app/modules/catalog/catalog.component.ts

@@ -26,6 +26,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   selector: 'app-catalog',
   templateUrl: './catalog.component.html',
   styleUrls: ['./catalog.component.scss'],
+  standalone: false,
 })
 export class CatalogComponent implements OnInit {
   /**

frontend/app/src/app/modules/dashboard/dashboard.collapse.component.scss

@@ -13,9 +13,9 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-@import '../../../theme/util/mixins';
+@use '../../../theme/util/mixins';
 
-@include ion-md-down {
+@include mixins.ion-md-down {
   ion-toolbar,
   .logo,
   .schedule,

frontend/app/src/app/modules/dashboard/dashboard.component.html

@@ -21,7 +21,7 @@
 <div #schedule class="schedule">
   <a [routerLink]="['/schedule/weekly-view']">
     <ion-icon [size]="36" [weight]="300" name="calendar_month"></ion-icon>
-    <ion-label [innerHTML]="'schedule.recurring' | translate"></ion-label>
+    <ion-label>{{ 'schedule.recurring' | translate }}</ion-label>
   </a>
   <!-- Avoid structural directives here, they might interfere with the collapse animation -->
   <a

frontend/app/src/app/modules/dashboard/dashboard.component.scss

@@ -13,7 +13,7 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-@import '../../../theme/util/mixins';
+@use '../../../theme/util/mixins';
 
 :host ion-header {
   z-index: 1;
@@ -59,15 +59,6 @@ ion-content {
 }
 
 .schedule {
-  @include ion-md-up {
-    position: unset;
-
-    width: unset;
-    height: calc(var(--tablet-top-bar-height) + (2 * var(--spacing-xl)));
-    margin: 0;
-    padding: var(--spacing-xl);
-  }
-
   z-index: 3;
 
   display: flex;
@@ -82,6 +73,15 @@ ion-content {
 
   background: var(--ion-color-primary);
 
+  @include mixins.ion-md-up {
+    position: unset;
+
+    width: unset;
+    height: calc(var(--tablet-top-bar-height) + (2 * var(--spacing-xl)));
+    margin: 0;
+    padding: var(--spacing-xl);
+  }
+
   a {
     display: flex;
     flex-direction: column;
@@ -89,18 +89,13 @@ ion-content {
     height: auto;
     min-height: 80px;
     padding: var(--spacing-sm);
+    border-radius: var(--border-radius-default);
 
     color: var(--ion-color-primary-contrast);
     text-decoration: none;
-
-    border-radius: var(--border-radius-default);
   }
 
   a:first-child {
-    @include phone-landscape {
-      height: auto;
-    }
-
     overflow: hidden;
     flex: 0 0 auto;
     gap: var(--spacing-sm);
@@ -108,27 +103,22 @@ ion-content {
     justify-content: center;
 
     height: 100%;
+    border: 2px solid var(--ion-color-primary-tint);
 
     text-align: center;
 
-    border: 2px solid var(--ion-color-primary-tint);
+    @include mixins.phone-landscape {
+      height: auto;
+    }
 
     ion-label {
       font-size: var(--font-size-xxs);
       font-weight: var(--font-weight-semi-bold);
-      word-break: break-word;
+      word-break: overflow-wrap;
     }
   }
 
   a:last-child {
-    @include ion-md-up {
-      flex: 1 1 100%;
-    }
-
-    @include phone-landscape {
-      flex: 1 1 85%;
-    }
-
     z-index: 1;
 
     flex: 1 1 65%;
@@ -138,6 +128,14 @@ ion-content {
 
     background: var(--linear-gradient);
 
+    @include mixins.ion-md-up {
+      flex: 1 1 100%;
+    }
+
+    @include mixins.phone-landscape {
+      flex: 1 1 85%;
+    }
+
     ion-label {
       font-size: var(--font-size-xxs);
       font-weight: var(--font-weight-bold);

frontend/app/src/app/modules/dashboard/dashboard.component.ts

@@ -38,6 +38,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   selector: 'app-dashboard',
   templateUrl: './dashboard.component.html',
   styleUrls: ['./dashboard.component.scss', './dashboard.collapse.component.scss'],
+  standalone: false,
 })
 export class DashboardComponent implements OnInit, OnDestroy, AfterViewInit {
   @ViewChild('toolbar', {read: ElementRef}) toolbarRef: ElementRef;

frontend/app/src/app/modules/dashboard/sections/favorites-section/favorites-section.component.html

@@ -19,7 +19,7 @@
   </ion-button>
   @if (items | async; as items) {
     <simple-swiper @fade>
-      @for (item of items; track item) {
+      @for (item of items; track item.uid) {
         <stapps-data-list-item
           [hideThumbnail]="true"
           [listItemEndInteraction]="false"

frontend/app/src/app/modules/dashboard/sections/favorites-section/favorites-section.component.ts

@@ -27,6 +27,7 @@ import {isMensaThing} from '../../mensa-filters';
   styleUrls: ['favorites-section.component.scss'],
   animations: [fadeAnimation],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class FavoritesSectionComponent {
   items = this.favoritesService.favoriteThings$.pipe(

frontend/app/src/app/modules/dashboard/sections/jobs-section/job-section.component.html

@@ -19,7 +19,7 @@
   </ion-button>
   @if (jobs | async; as jobs) {
     <simple-swiper @fade>
-      @for (item of jobs; track item) {
+      @for (item of jobs; track item.uid) {
         <stapps-data-list-item
           [hideThumbnail]="true"
           [item]="item"

frontend/app/src/app/modules/dashboard/sections/jobs-section/job-section.component.scss

@@ -29,8 +29,8 @@ simple-swiper {
 
   &::part(native) {
     height: 100%;
-    background: none;
     border-radius: var(--border-radius-default);
+    background: none;
   }
 
   ion-label {

frontend/app/src/app/modules/dashboard/sections/jobs-section/job-section.component.ts

@@ -26,6 +26,7 @@ import {fadeAnimation} from '../../fade.animation';
   styleUrls: ['job-section.component.scss'],
   animations: [fadeAnimation],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class JobSectionComponent {
   jobs = inject(DataProvider)

frontend/app/src/app/modules/dashboard/sections/mensa-section/mensa-section-content.component.html

@@ -16,7 +16,7 @@
 @if (dishes | async; as dishes) {
   @if (dishes.length > 0) {
     <simple-swiper @fade>
-      @for (dish of dishes; track dish) {
+      @for (dish of dishes; track dish.uid) {
         <stapps-data-list-item
           [hideThumbnail]="true"
           [item]="dish"

frontend/app/src/app/modules/dashboard/sections/mensa-section/mensa-section-content.component.ts

@@ -27,6 +27,7 @@ import {isToday} from 'date-fns';
   styleUrls: ['mensa-section-content.component.scss'],
   animations: [fadeAnimation],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class MensaSectionContentComponent {
   /**

frontend/app/src/app/modules/dashboard/sections/mensa-section/mensa-section.component.html

@@ -15,7 +15,7 @@
 
 @if (items | async; as items) {
   @if (items.length !== 0) {
-    @for (item of items; track item) {
+    @for (item of items; track item.uid) {
       <stapps-section @fade [item]="item" [title]="'name' | thingTranslate: item">
         <ion-button slot="button-end" fill="clear" color="medium" (click)="favoritesService.delete(item)">
           <ion-icon slot="icon-only" name="delete" [size]="24"></ion-icon>

frontend/app/src/app/modules/dashboard/sections/mensa-section/mensa-section.component.ts

@@ -27,6 +27,7 @@ import {isMensaThing} from '../../mensa-filters';
   styleUrls: ['mensa-section.component.scss'],
   animations: [fadeAnimation],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class MensaSectionComponent {
   items = this.favoritesService.favoriteThings$.pipe(map(favorites => favorites.filter(isMensaThing)));

frontend/app/src/app/modules/dashboard/sections/news-section/news-section.component.scss

@@ -23,8 +23,8 @@ simple-swiper {
 
   &::part(native) {
     height: 100%;
-    background: none;
     border-radius: var(--border-radius-default);
+    background: none;
   }
 
   ion-label {
@@ -64,10 +64,9 @@ simple-swiper {
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
 
     white-space: break-spaces;
-
-    -webkit-line-clamp: 3;
   }
 
   .title-sub {

frontend/app/src/app/modules/dashboard/sections/news-section/news-section.component.ts

@@ -25,6 +25,7 @@ import {fadeAnimation} from '../../fade.animation';
   styleUrls: ['news-section.component.scss'],
   animations: [fadeAnimation],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class NewsSectionComponent {
   news = this.newsProvider

frontend/app/src/app/modules/dashboard/sections/search-section/search-section.component.ts

@@ -23,6 +23,7 @@ import {homePageSearchTransition} from './search-route-transition';
   selector: 'stapps-search-section',
   templateUrl: 'search-section.component.html',
   styleUrls: ['search-section.component.scss'],
+  standalone: false,
 })
 export class SearchSectionComponent {
   routeTransition = homePageSearchTransition(this.animationController);

frontend/app/src/app/modules/data/chips/action-chip-list.component.ts

@@ -22,6 +22,7 @@ import {SCDateSeries, SCThingType, SCThings} from '@openstapps/core';
   selector: 'stapps-action-chip-list',
   templateUrl: 'action-chip-list.html',
   styleUrls: ['action-chip-list.scss'],
+  standalone: false,
 })
 export class ActionChipListComponent {
   private _item: SCThings;

frontend/app/src/app/modules/data/chips/data/add-event-action-chip.component.ts

@@ -36,6 +36,7 @@ import {MaterialSymbol} from 'material-symbols';
   templateUrl: 'add-event-action-chip.html',
   styleUrls: ['add-event-action-chip.scss'],
   animations: [chipSkeletonTransition, chipTransition],
+  standalone: false,
 })
 export class AddEventActionChipComponent {
   /**

frontend/app/src/app/modules/data/chips/data/locate-action-chip.component.ts

@@ -22,6 +22,7 @@ import {SCThing} from '@openstapps/core';
 @Component({
   selector: 'stapps-locate-action-chip',
   templateUrl: 'locate-action-chip.html',
+  standalone: false,
 })
 export class LocateActionChipComponent {
   /**

frontend/app/src/app/modules/data/chips/data/navigate-action-chip.component.ts

@@ -19,6 +19,7 @@ import {SCPlaceWithoutReferences, SCThings} from '@openstapps/core';
   selector: 'stapps-navigate-action-chip',
   templateUrl: 'navigate-action-chip.html',
   styleUrls: ['navigate-action-chip.scss'],
+  standalone: false,
 })
 export class NavigateActionChipComponent {
   place: SCPlaceWithoutReferences;

frontend/app/src/app/modules/data/chips/edit-event-selection.component.ts

@@ -38,6 +38,7 @@ import {SelectionValue, TreeNode} from './tree-node';
   selector: 'stapps-edit-event-selection',
   templateUrl: 'edit-event-selection.html',
   styleUrls: ['edit-event-selection.scss'],
+  standalone: false,
 })
 export class EditEventSelectionComponent implements OnInit {
   /**

frontend/app/src/app/modules/data/chips/filter/chip-filter.component.ts

@@ -21,6 +21,7 @@ import {Component, EventEmitter, Input, Output} from '@angular/core';
   selector: 'stapps-chip-filter',
   templateUrl: './chip-filter.component.html',
   styleUrls: ['./chip-filter.component.scss'],
+  standalone: false,
 })
 export class ChipFilterComponent {
   /**

frontend/app/src/app/modules/data/data-icon.pipe.ts

@@ -21,6 +21,7 @@ import {DataIcons} from './data-icon.config';
  */
 @Pipe({
   name: 'dataIcon',
+  standalone: false,
 })
 export class DataIconPipe implements PipeTransform {
   /**

frontend/app/src/app/modules/data/data.module.ts

@@ -114,10 +114,6 @@ import {SkeletonListComponent} from './list/skeleton-list.component';
 import {TreeListFragmentComponent} from './list/tree-list-fragment.component';
 import {TreeListComponent} from './list/tree-list.component';
 import {StAppsWebHttpClient} from './stapps-web-http-client.provider';
-import {ArticleDetailContentComponent} from './types/article/article-detail-content.component';
-import {ArticleListItemComponent} from './types/article/article-item.component';
-import {BookDetailContentComponent} from './types/book/book-detail-content.component';
-import {BookListItemComponent} from './types/book/book-list-item.component';
 import {CatalogDetailContentComponent} from './types/catalog/catalog-detail-content.component';
 import {CatalogListItemComponent} from './types/catalog/catalog-list-item.component';
 import {DateSeriesDetailContentComponent} from './types/date-series/date-series-detail-content.component';
@@ -136,8 +132,6 @@ import {MessageDetailContentComponent} from './types/message/message-detail-cont
 import {MessageListItemComponent} from './types/message/message-list-item.component';
 import {OrganizationDetailContentComponent} from './types/organization/organization-detail-content.component';
 import {OrganizationListItemComponent} from './types/organization/organization-list-item.component';
-import {PeriodicalDetailContentComponent} from './types/periodical/periodical-detail-content.component';
-import {PeriodicalListItemComponent} from './types/periodical/periodical-list-item.component';
 import {PersonDetailContentComponent} from './types/person/person-detail-content.component';
 import {PersonListItemComponent} from './types/person/person-list-item.component';
 import {PlaceDetailContentComponent} from './types/place/place-detail-content.component';
@@ -216,12 +210,6 @@ import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
     SimpleDataListComponent,
     TitleCardComponent,
     ExternalLinkComponent,
-    ArticleListItemComponent,
-    ArticleDetailContentComponent,
-    BookListItemComponent,
-    BookDetailContentComponent,
-    PeriodicalListItemComponent,
-    PeriodicalDetailContentComponent,
     ShareButtonComponent,
   ],
   exports: [
@@ -241,9 +229,6 @@ import {IonIconDirective} from 'src/app/util/ion-icon/ion-icon.directive';
     FavoriteButtonComponent,
     TreeListComponent,
     ExternalLinkComponent,
-    ArticleDetailContentComponent,
-    BookDetailContentComponent,
-    PeriodicalDetailContentComponent,
     TitleCardComponent,
   ],
   imports: [

frontend/app/src/app/modules/data/detail/data-detail-content.component.ts

@@ -24,6 +24,7 @@ import {ModalController} from '@ionic/angular/standalone';
   selector: 'stapps-data-detail-content',
   styleUrls: ['data-detail-content.scss'],
   templateUrl: 'data-detail-content.html',
+  standalone: false,
 })
 export class DataDetailContentComponent {
   /**

frontend/app/src/app/modules/data/detail/data-detail-content.html

@@ -33,9 +33,6 @@
 <ng-template #defaultContent>
   <div class="content-switch">
     @switch (item.type) {
-      @case ('article') {
-        <stapps-article-detail-content [item]="$any(item)"></stapps-article-detail-content>
-      }
       @case ('catalog') {
         <stapps-catalog-detail-content [item]="$any(item)"></stapps-catalog-detail-content>
       }

frontend/app/src/app/modules/data/detail/data-detail-content.scss

@@ -12,7 +12,7 @@
  * You should have received a copy of the GNU General Public License along with
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
-@import '../../../../theme/util/mixins';
+@use '../../../../theme/util/mixins';
 
 :host {
   display: contents;
@@ -34,8 +34,8 @@ stapps-origin-detail {
   padding: 0 var(--spacing-md);
 
   ::ng-deep > * {
-    @include border-radius-in-parallax(var(--border-radius-default));
+    @include mixins.border-radius-in-parallax(var(--border-radius-default));
-    @include content-padding;
+    @include mixins.content-padding;
 
     position: relative;
 

frontend/app/src/app/modules/data/detail/data-detail.component.ts

@@ -36,6 +36,7 @@ export interface ExternalDataLoadEvent {
   selector: 'stapps-data-detail',
   styleUrls: ['data-detail.scss'],
   templateUrl: 'data-detail.html',
+  standalone: false,
 })
 export class DataDetailComponent implements OnInit {
   /**

frontend/app/src/app/modules/data/detail/data-path.component.ts

@@ -26,6 +26,7 @@ import {takeUntilDestroyed} from '@angular/core/rxjs-interop';
   selector: 'stapps-data-path',
   templateUrl: './data-path.html',
   styleUrls: ['./data-path.scss'],
+  standalone: false,
 })
 export class DataPathComponent implements OnInit {
   path: Promise<SCThingWithoutReferences[]>;

frontend/app/src/app/modules/data/elements/address-detail.component.ts

@@ -21,6 +21,7 @@ import {SCPostalAddress} from '@openstapps/core';
 @Component({
   selector: 'stapps-address-detail',
   templateUrl: 'address-detail.html',
+  standalone: false,
 })
 export class AddressDetailComponent {
   /**

frontend/app/src/app/modules/data/elements/certifications-in-detail.component.ts

@@ -19,6 +19,7 @@ import {SCCertificationWithoutReferences} from '@openstapps/core';
   selector: 'stapps-certifications-in-detail',
   templateUrl: 'certifications-in-detail.html',
   styleUrls: ['certifications-in-detail.scss'],
+  standalone: false,
 })
 export class CertificationsInDetailComponent {
   @Input() certifications: SCCertificationWithoutReferences[] = [];

frontend/app/src/app/modules/data/elements/external-link.component.ts

@@ -20,6 +20,7 @@ import {SimpleBrowser} from '../../../util/browser.factory';
   selector: 'stapps-external-link',
   templateUrl: './external-link.html',
   styleUrls: ['./external-link.scss'],
+  standalone: false,
 })
 export class ExternalLinkComponent {
   @Input() link: string;

frontend/app/src/app/modules/data/elements/favorite-button.component.ts

@@ -26,6 +26,7 @@ import {map, take} from 'rxjs/operators';
   templateUrl: './favorite-button.component.html',
   styleUrls: ['./favorite-button.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class FavoriteButtonComponent {
   /**

frontend/app/src/app/modules/data/elements/long-inline-text.component.ts

@@ -20,6 +20,7 @@ import {Component, Input} from '@angular/core';
 @Component({
   selector: 'stapps-long-inline-text',
   templateUrl: 'long-inline-text.html',
+  standalone: false,
 })
 export class LongInlineTextComponent {
   /**

frontend/app/src/app/modules/data/elements/long-inline-text.html

@@ -13,20 +13,20 @@
 ~ this program. If not, see <https://www.gnu.org/licenses/>.
 -->
 @if (text !== undefined) {
-  <span class="ion-hide-sm-up">
+  <span class="ion-hide-sm-up"
-    {{ text | slice: 0 : size }}
+    >{{ text | slice: 0 : size }}
     @if (text.length > size) {
       <span class="ion-hide-sm-up">…</span>
     }
   </span>
-  <span class="ion-hide-sm-down ion-hide-md-up">
+  <span class="ion-hide-sm-down ion-hide-md-up"
-    {{ text | slice: 0 : size * 2 }}
+    >{{ text | slice: 0 : size * 2 }}
     @if (text.length > size * 2) {
       <span class="ion-hide-sm-down ion-hide-md-up"> … </span>
     }
   </span>
-  <span class="ion-hide-md-down">
+  <span class="ion-hide-md-down"
-    {{ text | slice: 0 : size * 3 }}
+    >{{ text | slice: 0 : size * 3 }}
     @if (text.length > size * 3) {
       <span class="ion-hide-md-down">…</span>
     }

frontend/app/src/app/modules/data/elements/offers-detail.component.ts

@@ -18,6 +18,7 @@ import {SCAcademicPriceGroup, SCThingThatCanBeOfferedOffer} from '@openstapps/co
 @Component({
   selector: 'stapps-offers-detail',
   templateUrl: 'offers-detail.html',
+  standalone: false,
 })
 export class OffersDetailComponent {
   @Input() offers: Array<SCThingThatCanBeOfferedOffer<SCAcademicPriceGroup>>;

frontend/app/src/app/modules/data/elements/offers-in-list.component.ts

@@ -24,6 +24,7 @@ import {SettingsProvider} from '../../settings/settings.provider';
   selector: 'stapps-offers-in-list',
   templateUrl: 'offers-in-list.html',
   styleUrls: ['offers-in-list.scss'],
+  standalone: false,
 })
 export class OffersInListComponent {
   @Input() set offers(it: Array<SCThingThatCanBeOfferedOffer<SCAcademicPriceGroup>>) {

frontend/app/src/app/modules/data/elements/origin-detail.component.ts

@@ -22,6 +22,7 @@ import {SCThingUserOrigin, SCThingRemoteOrigin} from '@openstapps/core';
   selector: 'stapps-origin-detail',
   templateUrl: 'origin-detail.html',
   styleUrl: 'origin-detail.scss',
+  standalone: false,
 })
 export class OriginDetailComponent {
   /**

frontend/app/src/app/modules/data/elements/origin-in-list.component.ts

@@ -21,6 +21,7 @@ import {SCThingUserOrigin, SCThingRemoteOrigin} from '@openstapps/core';
 @Component({
   selector: 'stapps-origin-in-list',
   templateUrl: 'origin-in-list.html',
+  standalone: false,
 })
 export class OriginInListComponent {
   /**

frontend/app/src/app/modules/data/elements/rating.component.ts

@@ -26,6 +26,7 @@ import {catchError, map} from 'rxjs/operators';
   styleUrls: ['rating.scss'],
   animations: [ratingAnimation],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: false,
 })
 export class StappsRatingComponent {
   performRating = new BehaviorSubject(false);

frontend/app/src/app/modules/data/elements/rating.scss

@@ -34,9 +34,9 @@ ion-button {
   justify-content: flex-start;
 
   padding-inline: var(--spacing-xl);
+  border-radius: var(--border-radius-default);
 
   background: var(--ion-color-light);
-  border-radius: var(--border-radius-default);
 
   > ion-icon {
     &:active,

frontend/app/src/app/modules/data/elements/share-button.component.ts

@@ -6,6 +6,7 @@ import {environment} from '../../../../environments/environment';
   selector: 'stapps-share-button',
   templateUrl: 'share-button.html',
   styleUrls: ['share-button.scss'],
+  standalone: false,
 })
 export class ShareButtonComponent {
   canShare = false;

frontend/app/src/app/modules/data/elements/simple-card.component.ts

@@ -18,6 +18,7 @@ import {SCThingWithoutReferences} from '@openstapps/core';
 @Component({
   selector: 'stapps-simple-card',
   templateUrl: 'simple-card.html',
+  standalone: false,
 })
 export class SimpleCardComponent {
   areThings = false;

frontend/app/src/app/modules/data/elements/simple-card.html

@@ -24,7 +24,7 @@
       }
     } @else {
       @if (content && isThing(content[0])) {
-        @for (thing of $any(content); track thing) {
+        @for (thing of $any(content); track thing.uid) {
           <a [routerLink]="['/data-detail', thing.uid]">
             <p>{{ 'name' | thingTranslate: thing }}</p>
           </a>