Add Transcend event target

src/components/App.tsx

@@ -19,14 +19,15 @@ import { ConsentManagerLanguageKey } from '@transcend-io/internationalization';
 
 import { CONSENT_MANAGER_SUPPORTED_LANGUAGES } from '../i18n';
 import { makeConsentManagerAPI } from '../api';
+import { TranscendEventTarget } from '../event-target';
 
 // TODO: https://transcend.height.app/T-13483
 // Fix IntlProvider JSX types
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const IntlProvider = _IntlProvider as any;
 
 // Create `transcend` eventTarget on the global scope so this isn't derefenced on the next render of App
-const eventTarget = new EventTarget();
+const eventTarget = new TranscendEventTarget();
 
 /**
  * Top layer concerned with data, not presentation

src/event-target.ts

@@ -0,0 +1,20 @@
+/**
+ * Extend EventTarget to include the Transcend toStringTag
+ */
+export class TranscendEventTarget extends EventTarget {
+ #stringTag: string = 'Transcend';
+
+ get [Symbol.toStringTag]() {
+ console.log(this.#stringTag);
+ return this.#stringTag;
+ }
+
+ // Allow airgap.js code to overwrite [Symbol.toStringTag]
+ set [Symbol.toStringTag](updatedStringTag: string) {
+ this.#stringTag = updatedStringTag;
+ }
+
+ constructor(...args: ConstructorParameters<typeof EventTarget>) {
+ super(...args);
+ }
+}