<style>
  .jet-form-builder-progress-pages__item--wrapper { cursor: pointer; }
</style>

<script>
(function () {
   false
  function register() {
    if (!window.JetPlugins || !window.JetPlugins.hooks) return false;

    window.JetPlugins.hooks.addAction(
      'jet.fb.multistep.init',
      'jet-form-builder/multi-step/clickable-steps',
      function (multistep) {
        const rootNode = multistep.getScopeNode();
        const globalProgress = rootNode.querySelector(
          '.jet-form-builder-progress-pages--global'
        );

        function initGlobalProgress() {
          if (!globalProgress) return;

          const items = globalProgress.querySelectorAll(
            '.jet-form-builder-progress-pages__item--wrapper'
          );

          for (const item of items) {
            item.addEventListener('click', () => {
              if (+item.dataset.page <= multistep.index.current) {

                multistep.index.current = +item.dataset.page;
                return;
              }


              let nextStep = item.dataset.page - multistep.index.current;

              const changePage = () => {
                if (nextStep === 0) return;

                const currentPage = multistep.getCurrentPage();
                currentPage
                  .changePage()
                  .then(() => {
                    --nextStep;
                    changePage();
                  })
                  .catch(() => {});
              };

              changePage();
            });
          }
        }

        initGlobalProgress();
      }
    );

    return true;
  }

  if (!register()) {
    const t = setInterval(() => {
      if (register()) clearInterval(t);
    }, 200);

    setTimeout(() => clearInterval(t), 8000);
  }
})();
</script>