@lifi/wallet-management/src/utils/elements.ts

LI.FI Wallet Management solution.

export enum ElementId {
  WalletModalContent = 'widget-wallet-modal-content',
  WalletConnectElement = 'w3m-modal',
}

const getWalletModalContentElement = () =>
  document.getElementById(ElementId.WalletModalContent)

const getWalletConnectElement = () =>
  document.querySelector(ElementId.WalletConnectElement)

export const createWalletConnectElement = () => {
  const elementExists = getWalletConnectElement()
  if (!elementExists) {
    const modal = document.createElement(ElementId.WalletConnectElement)
    const containerElement = getWalletModalContentElement()
    containerElement?.parentElement?.insertAdjacentElement('afterbegin', modal)
  }
}