Refresh Gutenberg Listing grid Widget on Button Click - Jet Engine

Refresh gutenberg Lisitng.js

document.addEventListener("DOMContentLoaded", function () {
  let refreshButton = document.querySelector("#refresh");
  let listing = document.querySelector("#topics");

  // Refresh Function
  function reloadListingGrid(widget) {
    const jetListingItems = widget.querySelector(".jet-listing-grid__items");
    const navData = jetListingItems.dataset.nav;

    try {
      const args = {
        handler: "get_listing",
        container: jQuery(widget),
        masonry: false,
        slider: false,
        append: false,
        query: JSON.parse(navData).query,
        widgetSettings: JSON.parse(navData).widget_settings,
      };

      window.JetEngine.ajaxGetListing(args, function (response) {
        if (response.success && response.data.html) {
          widget.innerHTML = response.data.html;

          // Reinitialize JetEngine handlers if needed
          window.JetEngine.widgetListingGrid(jQuery(widget));
          window.JetEngine.initElementsHandlers(jQuery(widget));
        }
      });
    } catch (error) {
      console.error("Error processing listing grid:", error);
    }
  }

  // Trigger For Refresh
  refreshButton.addEventListener("click", function () {
    console.log("Reloading listing grids...");
    reloadListingGrid(listing);
  });
});