document.addEventListener("mouseover", function(e) {
  const previewContainer = document.querySelector('.block-editor-inserter__preview-content-missing');

  if (!previewContainer) {
    return;
  }

  if (e.target.closest('.block-editor-block-types-list__item')) {
    const hoveredBlock = e.target.closest('.block-editor-block-types-list__item');

    const blockClasses = hoveredBlock.className.split(' ');
    const blockClass = blockClasses.find(cls => cls.startsWith("editor-block-list-item-payem-"));
    if (blockClass) {
      let blockName = blockClass.replace("editor-block-list-item-payem-", "");
      if(blockName === 'integration-categories') {
        blockName = 'integration-categories-grid';
      }
      const image = wp.data.select('core/blocks').getBlockType("payem/" + blockName)?.attributes?.previewImage?.default;
      const imageUrl = `${themeSettings.themeUrl}/blocks/${blockName}/${image}`;
      console.log(imageUrl);

      if (imageUrl) {
        previewContainer.style.background = `url(${imageUrl}) no-repeat center`;
        previewContainer.style.backgroundSize = 'contain';
        previewContainer.style.fontSize = '0px';
      } else {
        previewContainer.style.background = '';
        previewContainer.style.backgroundSize = '';
        previewContainer.style.fontSize = '';
      }
    }
  }
});