Replace window with safeWindow

multiversx · Dec 19, 2024 · 7930928 · 7930928
1 parent 6210a1a
commit 7930928
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/utils/createModalElement.ts b/src/utils/createModalElement.ts
@@ -2,15 +2,22 @@ import { IEventBus } from '@multiversx/sdk-dapp-core-ui/loader';
 import { safeWindow } from 'constants/index';
 import { defineCustomElements } from 'lib/sdkDappCoreUi';
 
+//TODO: allow override createModalElement similar to accountProvider and add typed name for all webcomponents
 export const createModalElement = async <
-  T extends HTMLElement & { getEventBus: () => Promise<IEventBus | undefined> }
+  T extends HTMLElement & {
+    getEventBus: () => Promise<IEventBus | undefined>;
+  }
 >(
   name: string
 ) => {
   await defineCustomElements(safeWindow);
 
-  const modalElement = document.createElement(name) as T;
-  document.body.appendChild(modalElement);
+  if (!safeWindow.document) {
+    return {} as T;
+  }
+
+  const modalElement = safeWindow.document.createElement(name) as T;
+  safeWindow.document.body.appendChild(modalElement);
   await customElements.whenDefined(name);
 
   return modalElement;