Elementor counter with ajax (not working)

gistfile1.txt

(function ($) {
  const counters = [
    {
      id: 'counter-problems-solved',
      key: 'practiceTotalQuestionCount',
    },
    {
      id: 'counter-concepts-scaffolded',
      key: 'conceptScaffoldedCount',
    },
    {
      id: 'counter-concepts-unlocked',
      key: 'conceptUnlockedCount',
    },
  ];

  function log(text) {
    console.log(`ScootPad Learning Impact: ${text}`);
  }

  async function fetchImpactMetrics() {
    try {
      const response = await fetch('https://scootpad.com/rest/static/impact');
      if (!response.ok) throw new Error(`HTTP error: ${response.status}`);
      return await response.json();
    } catch (error) {
      console.error('Error fetching impact metrics:', error);
      return null;
    }
  }

  function overrideAndTriggerCounter($widget, value) {
	log('override');
    const $number = $widget.find('.elementor-counter-number');
    if (!$number.length) return;
    $number.attr('data-to-value', value);
    $number.text('0');
	log('trigger');
    elementorFrontend.elementsHandler.runReadyTrigger($widget[0]);
  }

  function updateAllCounters(data) {
	log('update');
    counters.forEach(({ id, key }) => {
      const $widget = $('#' + id);
      if (!$widget.length) return;
      const value = data.concept_summary[key];
      if (value !== undefined) {
        overrideAndTriggerCounter($widget, value);
      }
    });
  }

  function initCountersWhenReady() {
    fetchImpactMetrics().then(data => {
      if (!data) return;
      updateAllCounters(data);
    });
  }
  
  log('init');
  $(window).on('elementor/frontend/init', initCountersWhenReady);
})(jQuery);