From 76c38c6cc7deddb99709239c6ae3139109ce2ff0 Mon Sep 17 00:00:00 2001
From: Iwona Just <iwona@pixelandtonic.com>
Date: Fri, 10 Nov 2023 11:30:19 +0000
Subject: [PATCH] prevent selecting transactions tab from the dropdown on edit

---
 .../commerceui/src/js/order/store/index.js    | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/src/web/assets/commerceui/src/js/order/store/index.js b/src/web/assets/commerceui/src/js/order/store/index.js
index 5a78ceb858..af7e83bb33 100644
--- a/src/web/assets/commerceui/src/js/order/store/index.js
+++ b/src/web/assets/commerceui/src/js/order/store/index.js
@@ -262,6 +262,39 @@ export default new Vuex.Store({
       let $transactionsTabContent =
         window.document.querySelector('#transactionsTab');
       $transactionsTabContent.classList.add('hidden');
+
+      // for the dropdown tab menu
+      const tabManager = Craft.cp.tabManager;
+      const tabsDropdownMenu = tabManager.$menuBtn.data('menubtn').menu;
+      const transactionsOption = tabsDropdownMenu.$container
+        .find('[data-id="order-transactions"]');
+
+      // this will disable clicking on the transactions option in the dropdown tab menu
+      if (transactionsOption.length > 0) {
+        $(transactionsOption)
+          .disable()
+          .attr('disabled', 'disabled')
+          .css('pointer-events', 'none');
+      }
+
+      // and this is a fallback for selecting the transactions tab differently
+      let $prevSelectedTab = null;
+      let $selectedTab = tabManager.$selectedTab[0];
+
+      tabManager.on('selectTab', function(ev) {
+        $prevSelectedTab = $selectedTab;
+        $selectedTab = $(ev.$tab[0]);
+      });
+
+      tabsDropdownMenu.on(
+        'optionselect',
+        function (ev) {
+          let $selectedOption = $(ev.selectedOption);
+          if ($selectedOption.data('id') === 'order-transactions') {
+            $prevSelectedTab.trigger('click');
+          }
+        }
+      );
     },
 
     edit({commit, state, dispatch}) {