dependencies updated to latest version

Author: msmannan00

client/app/main.ts

@@ -1,3 +1,4 @@
+import {marked, Tokens} from "marked";
 
 
 const translationModule = TranslateModule.forRoot({
@@ -55,7 +56,21 @@ import {provideRouter} from "@angular/router";
 
 
 import { ApplicationRef } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+const renderer = new marked.Renderer();
+renderer.link = function (token: Tokens.Link): string {
+    const { href, title, text } = token;
+    const isImage = text.startsWith('![') && text.includes('](');
+    if (isImage) {
+        const match = text.match(/!\[(.*?)\]\((.*?)\)/);
+        if (match) {
+            const alt = match[1];
+            const src = match[2];
+            return `<a target="_blank" href="${href}"><img src="${src}" alt="${alt}" /></a>`;
+        }
+    }
+    return `<a target="_blank" href="${href}">${text}</a>`;
+};
+
 
 bootstrapApplication(AppComponent, {
     providers: [
@@ -65,26 +80,7 @@ bootstrapApplication(AppComponent, {
                 provide: MARKED_OPTIONS,
                 useValue: {
                     breaks: true,
-                    renderer: {
-                        link({ href, title, text, tokens }: { href: string; title?: string; text: string; tokens?: any[] }): string {
-                            // Check if the text contains an image tag (Markdown image syntax is wrapped in `![](...)`)
-                            const isImage = text.startsWith('![') && text.includes('](');
-
-                            if (isImage) {
-                              // Extract the image Markdown (e.g., ![Alt](src))
-                              const match = text.match(/!\[(.*?)\]\((.*?)\)/); // Regex to parse image Markdown
-                              if (match) {
-                                const alt = match[1]; // Alt text
-                                const src = match[2]; // Image URL
-                                // Render clickable image
-                                return `<a target="_blank" href="${href}"><img src="${src}" alt="${alt}" /></a>`;
-                              }
-                            }
-
-                            // Fallback to standard link rendering for non-image links
-                            return `<a target="_blank" href="${href}">${text}</a>`;
-                        },
-                    },
+                    renderer: renderer,
                 }
             }
         }), NgxFlowModule, NgOptimizedImage),

client/app/src/pages/recipient/whistleblower-identity-receiver/whistleblower-identity-receiver.component.ts

@@ -6,7 +6,7 @@ import {
 } from "@app/shared/modals/tip-operation-file-identity-access-request/tip-operation-file-identity-access-request.component";
 import {HttpService} from "@app/shared/services/http.service";
 import {UtilsService} from "@app/shared/services/utils.service";
-import {NgClass, DatePipe} from "@angular/common";
+import {DatePipe} from "@angular/common";
 import {TipFieldComponent} from "@app/shared/partials/tip-field/tip-field.component";
 import {TranslateModule} from "@ngx-translate/core";
 import {TranslatorPipe} from "@app/shared/pipes/translate";
@@ -16,7 +16,7 @@ import {TranslatorPipe} from "@app/shared/pipes/translate";
     selector: "src-whistleblower-identity-receiver",
     templateUrl: "./whistleblower-identity-receiver.component.html",
     standalone: true,
-    imports: [TipFieldComponent, NgbTooltipModule, NgClass, DatePipe, TranslateModule, TranslatorPipe]
+    imports: [TipFieldComponent, NgbTooltipModule, DatePipe, TranslateModule, TranslatorPipe]
 })
 export class WhistleBlowerIdentityReceiverComponent {
   protected tipService = inject(ReceiverTipService);

client/app/src/pages/whistleblower/context-selection/context-selection.component.ts

@@ -2,7 +2,6 @@ import {Component, EventEmitter, Input, Output, inject} from "@angular/core";
 import {AppDataService} from "@app/app-data.service";
 import {Context} from "@app/models/app/public-model";
 import {UtilsService} from "@app/shared/services/utils.service";
-import {NgOptimizedImage} from "@angular/common";
 import {MarkdownComponent} from "ngx-markdown";
 import {StripHtmlPipe} from "@app/shared/pipes/strip-html.pipe";
 import {OrderByPipe} from "@app/shared/pipes/order-by.pipe";
@@ -11,7 +10,7 @@ import {OrderByPipe} from "@app/shared/pipes/order-by.pipe";
     selector: "src-context-selection",
     templateUrl: "./context-selection.component.html",
     standalone: true,
-    imports: [MarkdownComponent, NgOptimizedImage, StripHtmlPipe, OrderByPipe]
+    imports: [MarkdownComponent, StripHtmlPipe, OrderByPipe]
 })
 export class ContextSelectionComponent {
   protected appDataService = inject(AppDataService);

client/app/src/pages/whistleblower/receiver-card/receiver-card.component.ts

@@ -2,7 +2,7 @@ import {Component, Input, inject} from "@angular/core";
 import {Receiver} from "@app/models/app/public-model";
 import {SubmissionService} from "@app/services/helper/submission.service";
 import {TranslateService} from "@ngx-translate/core";
-import {NgClass, NgOptimizedImage} from "@angular/common";
+import {NgClass} from "@angular/common";
 import {FormsModule} from "@angular/forms";
 import {MarkdownComponent} from "ngx-markdown";
 import {StripHtmlPipe} from "@app/shared/pipes/strip-html.pipe";
@@ -11,7 +11,7 @@ import {StripHtmlPipe} from "@app/shared/pipes/strip-html.pipe";
     selector: "src-receiver-card",
     templateUrl: "./receiver-card.component.html",
     standalone: true,
-    imports: [FormsModule, MarkdownComponent, NgClass, NgOptimizedImage, StripHtmlPipe]
+    imports: [FormsModule, MarkdownComponent, NgClass, StripHtmlPipe]
 })
 export class ReceiverCardComponent {
   protected translate = inject(TranslateService);

client/app/src/shared/components/date-selector/date-selector.component.ts

@@ -1,12 +1,11 @@
 import {Component, EventEmitter, Input, Output} from "@angular/core";
 import {NgbDate, NgbDatepickerModule} from "@ng-bootstrap/ng-bootstrap";
 import {FormsModule} from "@angular/forms";
-import {JsonPipe} from "@angular/common";
 
 @Component({
   selector: "ngbd-datepicker-range",
   standalone: true,
-  imports: [NgbDatepickerModule, FormsModule, JsonPipe],
+  imports: [NgbDatepickerModule, FormsModule],
   templateUrl: "./date-selector.component.html"
 })
 export class DateRangeSelectorComponent {

client/app/src/shared/modals/reopen-submission/reopen-submission.component.ts

@@ -1,7 +1,6 @@
 import {Component, inject} from "@angular/core";
 import {NgbActiveModal, NgbModal, NgbTooltipModule} from "@ng-bootstrap/ng-bootstrap";
 import {FormsModule} from "@angular/forms";
-import {NgClass} from "@angular/common";
 import {TranslateModule} from "@ngx-translate/core";
 import {TranslatorPipe} from "@app/shared/pipes/translate";
 
@@ -12,7 +11,6 @@ import {TranslatorPipe} from "@app/shared/pipes/translate";
     imports: [
       FormsModule,
       NgbTooltipModule,
-      NgClass,
       TranslateModule,
       TranslatorPipe
     ],

client/app/src/shared/partials/enable-2fa/enable-2fa.ts

@@ -3,17 +3,17 @@ import {UtilsService} from "@app/shared/services/utils.service";
 import {PreferenceResolver} from "@app/shared/resolvers/preference.resolver";
 import {FormBuilder, FormGroup, FormsModule, ReactiveFormsModule} from "@angular/forms";
 import {TwoFactorAuthData} from "@app/services/helper/2fa.data.service";
-import {QRCodeModule} from "angularx-qrcode";
 import {NgClass} from "@angular/common";
 import {TranslateModule} from "@ngx-translate/core";
 import {TranslatorPipe} from "@app/shared/pipes/translate";
 import {NgbTooltipModule} from '@ng-bootstrap/ng-bootstrap';
+import {QRCodeComponent} from "angularx-qrcode";
 
 @Component({
     selector: "src-enable-2fa",
     templateUrl: "./enable-2fa.html",
     standalone: true,
-    imports: [QRCodeModule, FormsModule, ReactiveFormsModule, NgbTooltipModule, NgClass, TranslateModule, TranslatorPipe]
+  imports: [FormsModule, ReactiveFormsModule, NgbTooltipModule, NgClass, TranslateModule, TranslatorPipe, QRCodeComponent]
 })
 export class Enable2fa implements OnInit{
   protected utils = inject(UtilsService);

client/app/src/shared/partials/image-upload/image-upload.component.ts

@@ -16,7 +16,7 @@ import {NgbTooltipModule} from '@ng-bootstrap/ng-bootstrap';
     selector: "src-image-upload",
     templateUrl: "./image-upload.component.html",
     standalone: true,
-    imports: [FormsModule, NgbTooltipModule, NgxFlowModule, NgOptimizedImage, TranslateModule, TranslatorPipe]
+    imports: [FormsModule, NgbTooltipModule, NgxFlowModule, TranslateModule, TranslatorPipe]
 })
 export class ImageUploadComponent implements AfterViewInit, OnDestroy, OnInit {
   private http = inject(HttpClient);

client/cypress/plugins/index.ts

@@ -25,7 +25,7 @@ export default (on, config) => {
     return new Promise((resolve, reject) => {
       const language = config.env.language;
 
-      const destPath = __dirname + "/../../../documentation/images/" + details.path.replace(".png", "").split('/').slice(-2).join('/') + "." + language + ".png";
+      const destPath = __dirname + "/../../../documentation/images/" + details.path.replace(".png", "").replace(".cy.ts", "").split('/').slice(-2).join('/') + "." + language + ".png";
 
       const destDir = path.dirname(destPath);