@chat21/chat21-web-widget 5.0.53-rc.1 → 5.0.53-rc.3

package/src/assets/twp/index-dev.html

@@ -383,10 +383,10 @@
         }
     </script> -->
 
-    <meta property="og:title" content="Widget test page">
-    <meta property="og:description" content="">
+    <meta property="og:title" content="Try Tiledesk now!" />
+    <meta property="og:description" content="Qualify your leads to increase your sales faster. It's really easy to do it with the Tiledesk conversational form builder" />
+    <meta property="og:image" content="https://tiledesk.com/wp-content/uploads/2022/12/6029654-02-min.png" />
     <meta property="og:locale" content="en">
-    <meta property="og:image" content="">
     
     <link rel="icon" type="image/png" href="./tiledesk_widget_files/logo-short.png">
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

package/src/assets/twp/index.html

@@ -217,10 +217,10 @@
         }
     </script> -->
 
-    <meta property="og:title" content="Widget test page">
-    <meta property="og:description" content="">
+    <meta property="og:title" content="Try Tiledesk now!" />
+    <meta property="og:description" content="Qualify your leads to increase your sales faster. It's really easy to do it with the Tiledesk conversational form builder" />
+    <meta property="og:image" content="https://tiledesk.com/wp-content/uploads/2022/12/6029654-02-min.png" />
     <meta property="og:locale" content="en">
-    <meta property="og:image" content="">
     
     <link rel="icon" type="image/png" href="./tiledesk_widget_files/logo-short.png">
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
@@ -563,7 +563,7 @@
         <div class="b-agent-demo_powered_by">
             <a href="https://console.tiledesk.com/" target="_blank" style="cursor: pointer;text-decoration: none;">
                 <span style="position: relative; top: 2px;">Powered by</span>
-                <img src="./tiledesk_widget_files/logo@2x-black.png">
+                <img src="./tiledesk_widget_files/logo@2x-black.png" alt="Tiledesk">
             </a>
         </div>
     </footer>

package/src/chat21-core/providers/abstract/archivedconversations-handler.service.ts

@@ -7,14 +7,14 @@ import { ImageRepoService } from './image-repo.service';
 export abstract class ArchivedConversationsHandlerService {
 
   // BehaviorSubject
-  abstract BSConversationDetail: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
-  abstract archivedConversationAdded: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
-  abstract archivedConversationChanged: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
-  abstract archivedConversationRemoved: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
+  abstract BSConversationDetail: BehaviorSubject<ConversationModel>;
+  abstract archivedConversationAdded: BehaviorSubject<ConversationModel>;
+  abstract archivedConversationChanged: BehaviorSubject<ConversationModel>;
+  abstract archivedConversationRemoved: BehaviorSubject<ConversationModel>;
   // abstract readAllMessages: BehaviorSubject<string> = new BehaviorSubject<string>(null);
 
   // params
-  abstract archivedConversations: Array<ConversationModel> = [];
+  abstract archivedConversations: Array<ConversationModel>;
   abstract uidConvSelected: string;
   //abstract imageRepo: ImageRepoService;
 

package/src/chat21-core/providers/abstract/conversation-handler.service.ts

@@ -12,15 +12,15 @@ import { UserModel } from 'src/chat21-core/models/user';
 export abstract class ConversationHandlerService {
 
   // BehaviorSubject
-  abstract messageAdded: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);
-  abstract messageChanged: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);
-  abstract messageRemoved: BehaviorSubject<string> = new BehaviorSubject<string>(null);
-  abstract messageWait: BehaviorSubject<any> = new BehaviorSubject<any>(null);
-  abstract messageInfo: BehaviorSubject<MessageModel> = new BehaviorSubject<MessageModel>(null);
+  abstract messageAdded: BehaviorSubject<MessageModel>;
+  abstract messageChanged: BehaviorSubject<MessageModel>;
+  abstract messageRemoved: BehaviorSubject<string>;
+  abstract messageWait: BehaviorSubject<any>;
+  abstract messageInfo: BehaviorSubject<MessageModel>;
   
   // params
   abstract attributes: any;
-  abstract messages: Array<MessageModel> = [];
+  abstract messages: Array<MessageModel>;
   abstract conversationWith: string;
 
   constructor() {}

package/src/chat21-core/providers/abstract/conversations-handler.service.ts

@@ -14,15 +14,15 @@ import { ConversationModel } from './../../models/conversation';
 export abstract class ConversationsHandlerService {
 
   // BehaviorSubject
-  abstract BSConversationDetail: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
-  abstract conversationAdded: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
-  abstract conversationChanged: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
-  abstract conversationChangedDetailed: BehaviorSubject<{value: ConversationModel, previousValue: ConversationModel}> = new BehaviorSubject<{value: ConversationModel, previousValue: ConversationModel}>(null);
-  abstract conversationRemoved: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
+  abstract BSConversationDetail: BehaviorSubject<ConversationModel>;
+  abstract conversationAdded: BehaviorSubject<ConversationModel>;
+  abstract conversationChanged: BehaviorSubject<ConversationModel>;
+  abstract conversationChangedDetailed: BehaviorSubject<{value: ConversationModel, previousValue: ConversationModel}>;
+  abstract conversationRemoved: BehaviorSubject<ConversationModel>;
   // abstract readAllMessages: BehaviorSubject<string> = new BehaviorSubject<string>(null);
 
   // params
-  abstract conversations: Array<ConversationModel> = [];
+  abstract conversations: Array<ConversationModel>;
   abstract uidConvSelected: string;
 
   // functions

package/src/chat21-core/providers/abstract/groups-handler.service.ts

@@ -8,11 +8,11 @@ import { GroupModel } from '../../models/group';
 export abstract class GroupsHandlerService {
 
   // BehaviorSubject
-  abstract BSgroupDetail: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
-  abstract SgroupDetail: Subject<GroupModel> = new Subject<GroupModel>();
-  abstract groupAdded: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
-  abstract groupChanged: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
-  abstract groupRemoved: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
+  abstract BSgroupDetail: BehaviorSubject<GroupModel>;
+  abstract SgroupDetail: Subject<GroupModel>;
+  abstract groupAdded: BehaviorSubject<GroupModel>;
+  abstract groupChanged: BehaviorSubject<GroupModel>;
+  abstract groupRemoved: BehaviorSubject<GroupModel>;
 
   abstract initialize(tenant: string, loggedUserId: string): void;
   abstract connect(): void;

package/src/chat21-core/providers/abstract/messagingAuth.service.ts

@@ -9,8 +9,8 @@ import { BehaviorSubject } from 'rxjs';
 export abstract class MessagingAuthService {
 
   // BehaviorSubject
-  abstract BSAuthStateChanged: BehaviorSubject<any> = new BehaviorSubject<any>(null);
-  abstract BSSignOut: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+  abstract BSAuthStateChanged: BehaviorSubject<any>;
+  abstract BSSignOut: BehaviorSubject<any>;
 
   // params
   public DEFAULT_PERSISTENCE: string = 'NONE';

package/src/chat21-core/providers/abstract/notifications.service.ts

@@ -6,7 +6,7 @@ import { Injectable } from '@angular/core';
 export abstract class NotificationsService {
   
   private _tenant: string;
-  abstract BUILD_VERSION = environment.version
+  public BUILD_VERSION = environment.version
 
   public setTenant(tenant): void {
     this._tenant = tenant;

package/src/chat21-core/providers/abstract/presence.service.ts

@@ -8,8 +8,8 @@ import { BehaviorSubject, Observable } from 'rxjs';
 export abstract class PresenceService {
 
   // BehaviorSubject
-  abstract BSIsOnline: BehaviorSubject<any> = new BehaviorSubject<any>(null);
-  abstract BSLastOnline: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+  abstract BSIsOnline: BehaviorSubject<any>;
+  abstract BSLastOnline: BehaviorSubject<any>;
 
   // params
   // private DEFAULT_TENANT: string = environment.firebaseConfig.tenant;

package/src/chat21-core/providers/abstract/typing.service.ts

@@ -9,8 +9,8 @@ import { BehaviorSubject } from 'rxjs';
 export abstract class TypingService {
 
   // BehaviorSubject
-  BSIsTyping: BehaviorSubject<any> = new BehaviorSubject<any>(null);
-  BSSetTyping: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+  BSIsTyping: BehaviorSubject<any>;
+  BSSetTyping: BehaviorSubject<any>;
 
   // params
   // private DEFAULT_TENANT: string = environment.firebaseConfig.tenant;

package/src/chat21-core/providers/abstract/upload.service.ts

@@ -24,7 +24,7 @@ export abstract class UploadService {
   }
 
   //BehaviorSubject
-  abstract BSStateUpload: BehaviorSubject<any> = new BehaviorSubject<any>(null);
+  abstract BSStateUpload: BehaviorSubject<any>;
 
   // functions
   abstract initialize(): void;

package/src/chat21-core/providers/firebase/firebase-archivedconversations-handler.ts

@@ -27,7 +27,7 @@ export class FirebaseArchivedConversationsHandler extends ArchivedConversationsH
     
 
     // BehaviorSubject
-    BSConversationDetail: BehaviorSubject<ConversationModel>;
+    BSConversationDetail: BehaviorSubject<ConversationModel>= new BehaviorSubject<ConversationModel>(null);
     archivedConversationAdded: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
     archivedConversationChanged: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
     archivedConversationRemoved: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);

package/src/chat21-core/providers/firebase/firebase-groups-handler.ts

@@ -28,7 +28,7 @@ export class FirebaseGroupsHandler extends GroupsHandlerService {
 
     // BehaviorSubject
     BSgroupDetail: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null); 
-    SgroupDetail: Subject<GroupModel> = new BehaviorSubject<GroupModel>(null);
+    SgroupDetail: Subject<GroupModel> = new Subject<GroupModel>();
     groupAdded: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
     groupChanged: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
     groupRemoved: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);

package/src/chat21-core/providers/firebase/firebase-notifications.ts

@@ -14,7 +14,7 @@ import { LoggerService } from '../abstract/logger.service';
 @Injectable()
 export class FirebaseNotifications extends NotificationsService {
     
-    public BUILD_VERSION: string;
+    // public BUILD_VERSION: string;
     private FCMcurrentToken: string;
     private userId: string;
     private tenant: string;

package/src/chat21-core/providers/mqtt/mqtt-archivedconversations-handler.ts

@@ -20,7 +20,7 @@ import { LoggerInstance } from '../logger/loggerInstance';
 export class MQTTArchivedConversationsHandler extends ArchivedConversationsHandlerService {
  
     // BehaviorSubject
-    BSConversationDetail: BehaviorSubject<ConversationModel>;
+    BSConversationDetail: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
     archivedConversationAdded: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
     archivedConversationChanged: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
     archivedConversationRemoved: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);

package/src/chat21-core/providers/mqtt/mqtt-conversations-handler.ts

@@ -25,7 +25,6 @@ export class MQTTConversationsHandler extends ConversationsHandlerService {
     conversationChanged: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);;
     conversationChangedDetailed: BehaviorSubject<{value: ConversationModel, previousValue: ConversationModel}> = new BehaviorSubject<{value: ConversationModel, previousValue: ConversationModel}>(null);
     conversationRemoved: BehaviorSubject<ConversationModel> = new BehaviorSubject<ConversationModel>(null);
-    BSConversations: BehaviorSubject<ConversationModel[]>
     // readAllMessages: BehaviorSubject<string>;
 
     // public variables

package/src/chat21-core/providers/mqtt/mqtt-groups-handler.ts

@@ -14,7 +14,7 @@ export class MQTTGroupsHandler extends GroupsHandlerService {
     
     // BehaviorSubject
     BSgroupDetail: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null); 
-    SgroupDetail: Subject<GroupModel> = new BehaviorSubject<GroupModel>(null);
+    SgroupDetail: Subject<GroupModel> = new Subject<GroupModel>();
     groupAdded: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
     groupChanged: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);
     groupRemoved: BehaviorSubject<GroupModel> = new BehaviorSubject<GroupModel>(null);

package/src/chat21-core/providers/mqtt/mqtt-notifications.ts

@@ -15,7 +15,7 @@ import { Chat21Service } from './chat-service';
 @Injectable()
 export class MQTTNotifications extends NotificationsService {
   
-  public BUILD_VERSION: string;
+  // public BUILD_VERSION: string;
   private FCMcurrentToken: string;
   private userId: string;
   private tenant: string;

package/src/chat21-core/utils/constants.ts

@@ -45,7 +45,8 @@ export const TYPE_MSG_IMAGE = 'image';
 export const TYPE_MSG_FILE = 'file';
 export const TYPE_MSG_BUTTON = 'button';
 
-export const MAX_WIDTH_IMAGES = 300;
+export const MAX_WIDTH_IMAGES = 230;
+export const MIN_WIDTH_IMAGES = 130;
 export const TIME_TYPING_MESSAGE = 2000;
 export const TYPE_DIRECT = 'direct';
 export const TYPE_GROUP = 'group';
@@ -105,4 +106,4 @@ export const LogLevel = {
     'WARN' : 1,
     'INFO' : 2,
     'DEBUG' : 3
-}
+}

package/src/chat21-core/utils/utils.ts

@@ -713,3 +713,5 @@ function componentFromStr(numStr, percent) {
 }
 
 
+
+

package/src/launch.js

@@ -32,6 +32,7 @@ function loadIframe(tiledeskScriptBaseLocation) {
     var ifrm = document.createElement("iframe");
     ifrm.setAttribute("frameborder", "0");
     ifrm.setAttribute("border", "0");
+    ifrm.setAttribute("title", "Tiledesk Widget")
        
     var srcTileDesk = '<html lang="en">';
     srcTileDesk += '<head>';
@@ -46,7 +47,7 @@ function loadIframe(tiledeskScriptBaseLocation) {
     srcTileDesk += '<chat-root></chat-root>';
     srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/runtime.js"></script>';
     srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/polyfills.js"></script>';
-    srcTileDesk += '<script type="text/css" src="'+tiledeskScriptBaseLocation+'/styles.css"></script>';
+    srcTileDesk += '<link type="text/css" rel="stylesheet" href="'+tiledeskScriptBaseLocation+'/styles.css" media="all"></link>';
     srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/vendor.js"></script>';
     srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/main.js"></script>';
     srcTileDesk += '</body>';
@@ -163,11 +164,14 @@ function loadIframe(tiledeskScriptBaseLocation) {
 
     iDiv.appendChild(ifrm);
 
-    // ifrm.contentWindow.document.open();
-    ifrm.src = tiledeskScriptBaseLocation + '/base_script.html'
-    // ifrm.contentWindow.document.open();
-    // ifrm.contentWindow.document.write(srcTileDesk);
-    // ifrm.contentWindow.document.close();
+    if(tiledeskScriptBaseLocation.includes('localhost')){
+      ifrm.contentWindow.document.open();
+      ifrm.contentWindow.document.write(srcTileDesk);
+      ifrm.contentWindow.document.close();
+    }else {
+      ifrm.srcdoc = srcTileDesk
+    }
+   
 
 }
 

package/{dist/launch.js → src/launch_old.js}

@@ -32,6 +32,7 @@ function loadIframe(tiledeskScriptBaseLocation) {
     var ifrm = document.createElement("iframe");
     ifrm.setAttribute("frameborder", "0");
     ifrm.setAttribute("border", "0");
+    ifrm.setAttribute("title", "Tiledesk Widget")
        
     var srcTileDesk = '<html lang="en">';
     srcTileDesk += '<head>';
@@ -46,7 +47,7 @@ function loadIframe(tiledeskScriptBaseLocation) {
     srcTileDesk += '<chat-root></chat-root>';
     srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/runtime.js"></script>';
     srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/polyfills.js"></script>';
-    srcTileDesk += '<script type="text/css" src="'+tiledeskScriptBaseLocation+'/styles.css"></script>';
+    srcTileDesk += '<link type="text/css" rel="stylesheet" href="'+tiledeskScriptBaseLocation+'/styles.css" media="all"></link>';
     srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/vendor.js"></script>';
     srcTileDesk += '<script type="text/javascript" src="'+tiledeskScriptBaseLocation+'/main.js"></script>';
     srcTileDesk += '</body>';
@@ -163,12 +164,86 @@ function loadIframe(tiledeskScriptBaseLocation) {
 
     iDiv.appendChild(ifrm);
 
+    if(tiledeskScriptBaseLocation.includes('localhost')){
+      // ifrm.src = tiledeskScriptBaseLocation + '/base_script.html'
+        // buildIframeDOM(ifrm, tiledeskScriptBaseLocation)
+       ifrm.contentWindow.document.open();
+      ifrm.contentWindow.document.write(srcTileDesk);
+      ifrm.contentWindow.document.close();
+    }else {
+      ifrm.srcdoc = srcTileDesk
+    }
+    // ifrm.onload = function(ev){
+    //   const obj = {tiledeskSettings: window.tiledeskSettings}
+    //   ifrm.contentWindow.postMessage(obj, "*")
+    //   console.log('iframe contentwindowwww', ifrm.contentWindow)
+    //   // ifrm.contentWindow.tiledesk = window.tiledesk
+    // }
+    // ifrm.innerHTML = srcTileDesk
     // ifrm.contentWindow.document.open();
-    ifrm.src = tiledeskScriptBaseLocation + '/base_script.html'
-    // ifrm.contentWindow.document.open();
-    // ifrm.contentWindow.document.write(srcTileDesk);
-    // ifrm.contentWindow.document.close();
+   
+
+}
 
+function buildIframeDOM(iframe, tiledeskScriptBaseLocation){
+
+  
+
+  var Idocument = iframe.contentDocument
+  console.log('iframeeee', Idocument)
+  var meta = Idocument.createElement('meta');
+  meta.setAttribute('charset', 'utf-8')
+  var meta_2 = Idocument.createElement('meta')
+  meta_2.setAttribute('name', 'viewport')
+  meta_2.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0')
+  var title = Idocument.createElement('title')
+  title.title = 'Tilechat Widget'
+  var base = Idocument.createElement('base')
+  base.setAttribute('href', './')
+  var link_1 = Idocument.createElement('link')
+  link_1.setAttribute('rel', 'icon')
+  link_1.setAttribute('type', 'image/x-icon')
+  link_1.setAttribute('href', 'favicon.ico')
+  var link_2 = Idocument.createElement('link')
+  link_2.setAttribute('rel', 'stylesheet')
+  link_2.setAttribute('type', 'text/css')
+  link_2.setAttribute('href', tiledeskScriptBaseLocation + '/assets/styles/tiledesk_v1.scss')
+  link_2.setAttribute('media','all')
+
+  
+  let head = Idocument.getElementsByTagName('head')[0]
+  head.appendChild(meta)
+  head.appendChild(meta_2)
+  head.appendChild(title)
+  head.appendChild(base)
+  head.appendChild(link_1)
+  head.appendChild(link_2)
+
+  var script_1 = Idocument.createElement('script')
+  script_1.setAttribute('type','text/javascript')
+  script_1.setAttribute('src',tiledeskScriptBaseLocation + '/runtime.js')
+  var script_2 = Idocument.createElement('script')
+  script_2.setAttribute('type','text/javascript')
+  script_2.setAttribute('src',tiledeskScriptBaseLocation + '/polyfills.js')
+  var link = Idocument.createElement('link')
+  link.setAttribute('type','text/css')
+  link.setAttribute('rel','stylesheet')
+  link.setAttribute('href',tiledeskScriptBaseLocation + '/styles.css')
+  link.setAttribute('media','all')
+  var script_4 = Idocument.createElement('script')
+  script_4.setAttribute('type','text/javascript')
+  script_4.setAttribute('src',tiledeskScriptBaseLocation + '/vendor.js')
+  var script_5 = Idocument.createElement('script')
+  script_5.setAttribute('type','text/javascript')
+  script_5.setAttribute('src',tiledeskScriptBaseLocation + '/main.js')
+
+  let body= Idocument.getElementsByTagName('body')[0]
+  body.appendChild(Idocument.createElement('chat-root'))
+  body.appendChild(script_1)
+  body.appendChild(script_2)
+  body.appendChild(link)
+  body.appendChild(script_4)
+  body.appendChild(script_5)
 }
 
 

package/src/main.ts

@@ -3,6 +3,7 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { AppModule } from './app/app.module';
 import { environment } from './environments/environment';
+import 'zone.js'
 
 if (environment.production) {
   enableProdMode();

package/src/polyfills.ts

@@ -18,16 +18,6 @@
  * BROWSER POLYFILLS
  */
 
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
 /**
  * By default, zone.js will patch all possible macroTask and DomEvents
  * user can disable parts of macroTask/DomEvents patch by setting following flags

package/src/test.ts

@@ -11,7 +11,9 @@ declare const require: any;
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
+  platformBrowserDynamicTesting(), {
+    teardown: { destroyAfterEach: false }
+}
 );
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);

package/tsconfig.json

@@ -10,8 +10,11 @@
     "module": "es2020",
     "moduleResolution": "node",
     "importHelpers": true,
-    "target": "es5",
-    "types": [ "node" , "jasmine"],
+    "target": "ES2022",
+    "types": [
+      "node",
+      "jasmine"
+    ],
     "typeRoots": [
       "node_modules/@types"
     ],
@@ -24,7 +27,6 @@
   },
   "skipLibCheck": true,
   "angularCompilerOptions": {
-    "enableIvy": true,
     "fullTemplateTypeCheck": true,
     "strictInjectionParameters": true
   }