@wavemaker-ai/react-runtime 1.0.0-rc.312 → 1.0.0-rc.314

package/actions/navigation-action.js

@@ -1,381 +1,286 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.__resetNavigationPageParamHistoryForTests = exports.__getPageQueryParamHistorySizeForTests = exports.NavigationAction = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _baseVariable = require("@wavemaker-ai/react-runtime/variables/base-variable");
-var _baseAction = require("./base-action");
-var _lodashEs = require("lodash-es");
-var _navigationMiddleware = require("@wavemaker-ai/react-runtime/store/middleware/navigationMiddleware");
-var _constants = require("../core/constants");
-var _store = require("@wavemaker-ai/react-runtime/store");
-var _navigationSlice = require("@wavemaker-ai/react-runtime/store/slices/navigationSlice");
-var _statePersistance = require("@wavemaker-ai/react-runtime/utils/state-persistance");
-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
-var PAGE_QUERY_PARAM_HISTORY_LIMIT = 50;
-var pageQueryParamHistory = new Map();
-
-/**
- * Evicts oldest entries (FIFO by insertion order) when adding a new page key
- * so the map cannot grow without bound (e.g. dynamic routes like product/123).
- */
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { VariableEvents } from "../variables/base-variable";
+import { BaseAction } from "./base-action";
+import { merge } from "lodash-es";
+import { getRouterInstance } from "../store/middleware/navigationMiddleware";
+import { PREVIEW_ROUTING_BASEPATH, getActiveRoutingBasePath } from "../core/constants";
+import { store } from "../store";
+import {
+  setPendingAccordionExpansion,
+  setPendingTabSelection
+} from "../store/slices/navigationSlice";
+import {
+  markPageNavigationPending,
+  clearPageNavigationPending
+} from "../utils/state-persistance";
+const PAGE_QUERY_PARAM_HISTORY_LIMIT = 50;
+const pageQueryParamHistory = /* @__PURE__ */ new Map();
 function removeOldestPageQueryParamHistoryIfNeeded(incomingPageName) {
   if (pageQueryParamHistory.has(incomingPageName)) {
     return;
   }
   while (pageQueryParamHistory.size >= PAGE_QUERY_PARAM_HISTORY_LIMIT) {
-    var _pageQueryParamHistor = pageQueryParamHistory.keys().next(),
-      firstKey = _pageQueryParamHistor.value;
-    if (firstKey === undefined) {
+    const { value: firstKey } = pageQueryParamHistory.keys().next();
+    if (firstKey === void 0) {
       break;
     }
-    pageQueryParamHistory["delete"](firstKey);
+    pageQueryParamHistory.delete(firstKey);
   }
 }
-var __resetNavigationPageParamHistoryForTests = exports.__resetNavigationPageParamHistoryForTests = function __resetNavigationPageParamHistoryForTests() {
+const __resetNavigationPageParamHistoryForTests = () => {
   pageQueryParamHistory.clear();
 };
-var __getPageQueryParamHistorySizeForTests = exports.__getPageQueryParamHistorySizeForTests = function __getPageQueryParamHistorySizeForTests() {
-  return pageQueryParamHistory.size;
-};
-var NavigationAction = exports.NavigationAction = /*#__PURE__*/function (_BaseAction) {
-  function NavigationAction(config) {
-    (0, _classCallCheck2["default"])(this, NavigationAction);
-    return _callSuper(this, NavigationAction, [config]);
+const __getPageQueryParamHistorySizeForTests = () => pageQueryParamHistory.size;
+class NavigationAction extends BaseAction {
+  constructor(config) {
+    super(config);
   }
-  (0, _inherits2["default"])(NavigationAction, _BaseAction);
-  return (0, _createClass2["default"])(NavigationAction, [{
-    key: "invoke",
-    value: function invoke(params, onSuccess, onError) {
-      var _params,
-        _params2,
-        _this = this;
-      var config = this.config;
-
-      // Mark page navigation as pending SYNCHRONOUSLY before any async operations.
-      // This prevents URL state persistence (router.replace) from overwriting the navigation (router.push)
-      // when click events bubble up to parent widgets (like List) that persist state.
-      if (config.operation === "gotoPage" || config.operation === "goToPreviousPage") {
-        (0, _statePersistance.markPageNavigationPending)();
-      }
-
-      // @ts-ignore
-      params = (_params = params) !== null && _params !== void 0 && _params.data ? (0, _lodashEs.merge)(this.config.paramProvider(), this.dataBinding, (_params2 = params) === null || _params2 === void 0 ? void 0 : _params2.data) : (0, _lodashEs.merge)(this.config.paramProvider(), this.dataBinding, this.dataSet);
-      this.notify(_baseVariable.VariableEvents.BEFORE_INVOKE, [this, this.dataSet]);
-      return _superPropGet(NavigationAction, "invoke", this, 3)([params, onSuccess, onError]).then(function () {
-        switch (config.operation) {
-          case "goToPreviousPage":
-            _this.handleGoToPreviousPage();
-            break;
-          case "gotoTab":
-            _this.handleGotoTab(params || {});
-            break;
-          case "gotoAccordion":
-            _this.handleGotoAccordion(params || {});
-            break;
-          case "gotoPage":
-            _this.handleGotoPage(params || {});
-        }
-      }).then(function () {
-        config.onSuccess && config.onSuccess(_this, _this.dataSet);
-        _this.notify(_baseVariable.VariableEvents.SUCCESS, [_this, _this.dataSet]);
-      }, function () {
-        config.onError && config.onError(_this, null);
-        _this.notify(_baseVariable.VariableEvents.ERROR, [_this, _this.dataSet]);
-        // Clear the flag on error so future state persistence works
-        (0, _statePersistance.clearPageNavigationPending)();
-      }).then(function () {
-        _this.notify(_baseVariable.VariableEvents.AFTER_INVOKE, [_this, _this.dataSet]);
-        return _this;
-      });
-    }
-  }, {
-    key: "navigate",
-    value: function navigate(params, onSuccess, onError) {
-      return this.invoke(params, onSuccess, onError);
+  invoke(params, onSuccess, onError) {
+    const config = this.config;
+    if (config.operation === "gotoPage" || config.operation === "goToPreviousPage") {
+      markPageNavigationPending();
     }
-  }, {
-    key: "handleGoToPreviousPage",
-    value: function handleGoToPreviousPage() {
-      var router = (0, _navigationMiddleware.getRouterInstance)();
-      try {
-        if (router) {
-          router.back();
-          return;
-        }
-
-        // Fallback to window history if router.back() doesn't work
-        if (typeof window !== "undefined") {
-          window.history.length > 1 ? window.history.go(-1) : window.location.href = "/";
-          return;
-        }
-        console.warn("Unable to navigate to previous page");
-      } catch (error) {
-        console.error("Error navigating to previous page:", error);
-        if (typeof window !== "undefined") {
-          window.location.href = "/";
-        }
+    params = (params == null ? void 0 : params.data) ? merge(this.config.paramProvider(), this.dataBinding, params == null ? void 0 : params.data) : merge(this.config.paramProvider(), this.dataBinding, this.dataSet);
+    this.notify(VariableEvents.BEFORE_INVOKE, [this, this.dataSet]);
+    return super.invoke(params, onSuccess, onError).then(() => {
+      switch (config.operation) {
+        case "goToPreviousPage":
+          this.handleGoToPreviousPage();
+          break;
+        case "gotoTab":
+          this.handleGotoTab(params || {});
+          break;
+        case "gotoAccordion":
+          this.handleGotoAccordion(params || {});
+          break;
+        case "gotoPage":
+          this.handleGotoPage(params || {});
       }
-    }
-  }, {
-    key: "handleGotoTab",
-    value: function handleGotoTab(params) {
-      var tabName = params === null || params === void 0 ? void 0 : params.tabName;
-      var pageName = params === null || params === void 0 ? void 0 : params.pageName;
-      if (!tabName) {
-        console.warn("No tab name provided for navigation");
-        return;
+    }).then(
+      () => {
+        config.onSuccess && config.onSuccess(this, this.dataSet);
+        this.notify(VariableEvents.SUCCESS, [this, this.dataSet]);
+      },
+      () => {
+        config.onError && config.onError(this, null);
+        this.notify(VariableEvents.ERROR, [this, this.dataSet]);
+        clearPageNavigationPending();
       }
-
-      // Try to find the tab widget in the widget hierarchy
-      var tabWidget = this.findTabWidget(tabName);
-
-      // If tab found in current context hierarchy, select it directly
-      // This handles same-page tab navigation (partial to page tab on same page)
-      if (tabWidget !== null && tabWidget !== void 0 && tabWidget.select) {
-        tabWidget.select();
+    ).then(() => {
+      this.notify(VariableEvents.AFTER_INVOKE, [this, this.dataSet]);
+      return this;
+    });
+  }
+  navigate(params, onSuccess, onError) {
+    return this.invoke(params, onSuccess, onError);
+  }
+  handleGoToPreviousPage() {
+    const router = getRouterInstance();
+    try {
+      if (router) {
+        router.back();
         return;
       }
-
-      // If pageName is provided, navigate to that page first and then select the tab
-      // This handles cross-page tab navigation
-      if (pageName) {
-        // Store the tab selection intent in Redux as fallback
-        _store.store.dispatch((0, _navigationSlice.setPendingTabSelection)(tabName));
-        // Navigate to the page with tabName in URL query params
-        // The tabName will be included in URL params by handleGotoPage
-        this.handleGotoPage(params);
+      if (typeof window !== "undefined") {
+        window.history.length > 1 ? window.history.go(-1) : window.location.href = "/";
         return;
       }
-      console.warn("Unable to select tab: ".concat(tabName, ". Tab widget not found in context hierarchy and no pageName provided."));
-    }
-  }, {
-    key: "findTabWidget",
-    value: function findTabWidget(tabName) {
-      var _context$Widgets;
-      var context = this.config._context;
-
-      // 1. Check in current context (works for tabs in same partial/page)
-      if (context !== null && context !== void 0 && (_context$Widgets = context.Widgets) !== null && _context$Widgets !== void 0 && _context$Widgets[tabName]) {
-        return context.Widgets[tabName];
+      console.warn("Unable to navigate to previous page");
+    } catch (error) {
+      console.error("Error navigating to previous page:", error);
+      if (typeof window !== "undefined") {
+        window.location.href = "/";
       }
-      return null;
     }
-  }, {
-    key: "handleGotoAccordion",
-    value: function handleGotoAccordion(params) {
-      var _this$config$_context;
-      var accordionName = params === null || params === void 0 ? void 0 : params.accordionName;
-      var pageName = params === null || params === void 0 ? void 0 : params.pageName;
-
-      // If on the same page, expand the accordion directly
-      if (accordionName && (_this$config$_context = this.config._context) !== null && _this$config$_context !== void 0 && (_this$config$_context = _this$config$_context.Widgets[accordionName]) !== null && _this$config$_context !== void 0 && _this$config$_context.expand) {
-        var _this$config$_context2;
-        (_this$config$_context2 = this.config._context) === null || _this$config$_context2 === void 0 || (_this$config$_context2 = _this$config$_context2.Widgets[accordionName]) === null || _this$config$_context2 === void 0 || _this$config$_context2.expand();
-      } else if (pageName && accordionName) {
-        // If navigating to a different page, store accordion name in Redux and navigate
-        // Store the accordion expansion intent in Redux to be executed after page load
-        _store.store.dispatch((0, _navigationSlice.setPendingAccordionExpansion)(accordionName));
-        // Navigate to the page
-        this.handleGotoPage(params);
-      } else {
-        console.warn("Unable to expand accordion: ".concat(accordionName));
-      }
+  }
+  handleGotoTab(params) {
+    const tabName = params == null ? void 0 : params.tabName;
+    const pageName = params == null ? void 0 : params.pageName;
+    if (!tabName) {
+      console.warn("No tab name provided for navigation");
+      return;
     }
-
-    // normalizes a path to be relative to the app's base path, if applicable. This allows for correct comparison of paths even when the app is deployed with a base path.
-  }, {
-    key: "getAppRelativePath",
-    value: function getAppRelativePath(path, basePath) {
-      var normalized = path.replace(/\/$/, "") || "/";
-      var idx = normalized.indexOf(basePath);
-      return idx >= 0 ? normalized.slice(idx) : normalized;
+    const tabWidget = this.findTabWidget(tabName);
+    if (tabWidget == null ? void 0 : tabWidget.select) {
+      tabWidget.select();
+      return;
     }
-  }, {
-    key: "parseSearch",
-    value: function parseSearch(search) {
-      return Object.fromEntries(new URLSearchParams(search).entries());
+    if (pageName) {
+      store.dispatch(setPendingTabSelection(tabName));
+      this.handleGotoPage(params);
+      return;
     }
-  }, {
-    key: "normalizePageName",
-    value: function normalizePageName(pageName) {
-      return pageName.replace(/^\//, "");
+    console.warn(
+      `Unable to select tab: ${tabName}. Tab widget not found in context hierarchy and no pageName provided.`
+    );
+  }
+  findTabWidget(tabName) {
+    var _a;
+    const context = this.config._context;
+    if ((_a = context == null ? void 0 : context.Widgets) == null ? void 0 : _a[tabName]) {
+      return context.Widgets[tabName];
     }
-  }, {
-    key: "getCurrentPageInfo",
-    value: function getCurrentPageInfo() {
-      if (typeof window === "undefined") {
-        return null;
-      }
-      var trimTrailingSlash = function trimTrailingSlash(path) {
-        return path.replace(/\/$/, "") || "/";
-      };
-      var basePath = "/".concat((0, _constants.getActiveRoutingBasePath)());
-      var currentPathname = this.getAppRelativePath(trimTrailingSlash(window.location.pathname), basePath);
-      if (!currentPathname.startsWith(basePath)) {
-        return null;
-      }
-      var pageName = currentPathname.slice(basePath.length).replace(/^\//, "");
-      if (!pageName) {
-        return null;
-      }
-      return {
-        pageName: this.normalizePageName(pageName),
-        queryParams: this.parseSearch(window.location.search || "")
-      };
+    return null;
+  }
+  handleGotoAccordion(params) {
+    var _a, _b, _c, _d;
+    const accordionName = params == null ? void 0 : params.accordionName;
+    const pageName = params == null ? void 0 : params.pageName;
+    if (accordionName && ((_b = (_a = this.config._context) == null ? void 0 : _a.Widgets[accordionName]) == null ? void 0 : _b.expand)) {
+      (_d = (_c = this.config._context) == null ? void 0 : _c.Widgets[accordionName]) == null ? void 0 : _d.expand();
+    } else if (pageName && accordionName) {
+      store.dispatch(setPendingAccordionExpansion(accordionName));
+      this.handleGotoPage(params);
+    } else {
+      console.warn(`Unable to expand accordion: ${accordionName}`);
     }
-  }, {
-    key: "rememberPageQueryParams",
-    value: function rememberPageQueryParams(pageName, queryParams) {
-      var normalizedPageName = this.normalizePageName(pageName);
-      if (!normalizedPageName) {
-        return;
-      }
-      if (Object.keys(queryParams).length === 0) {
-        pageQueryParamHistory["delete"](normalizedPageName);
-        return;
-      }
-      removeOldestPageQueryParamHistoryIfNeeded(normalizedPageName);
-      pageQueryParamHistory.set(normalizedPageName, _objectSpread({}, queryParams));
+  }
+  // normalizes a path to be relative to the app's base path, if applicable. This allows for correct comparison of paths even when the app is deployed with a base path.
+  getAppRelativePath(path, basePath) {
+    const normalized = path.replace(/\/$/, "") || "/";
+    const idx = normalized.indexOf(basePath);
+    return idx >= 0 ? normalized.slice(idx) : normalized;
+  }
+  parseSearch(search) {
+    return Object.fromEntries(new URLSearchParams(search).entries());
+  }
+  normalizePageName(pageName) {
+    return pageName.replace(/^\//, "");
+  }
+  getCurrentPageInfo() {
+    if (typeof window === "undefined") {
+      return null;
+    }
+    const trimTrailingSlash = (path) => path.replace(/\/$/, "") || "/";
+    const basePath = `/${getActiveRoutingBasePath()}`;
+    const currentPathname = this.getAppRelativePath(
+      trimTrailingSlash(window.location.pathname),
+      basePath
+    );
+    if (!currentPathname.startsWith(basePath)) {
+      return null;
+    }
+    const pageName = currentPathname.slice(basePath.length).replace(/^\//, "");
+    if (!pageName) {
+      return null;
+    }
+    return {
+      pageName: this.normalizePageName(pageName),
+      queryParams: this.parseSearch(window.location.search || "")
+    };
+  }
+  rememberPageQueryParams(pageName, queryParams) {
+    const normalizedPageName = this.normalizePageName(pageName);
+    if (!normalizedPageName) {
+      return;
     }
-  }, {
-    key: "resolveQueryParams",
-    value: function resolveQueryParams(pageName, params) {
-      var normalizedPageName = this.normalizePageName(pageName);
-      var explicitQueryParams = Object.fromEntries(Object.entries(params || {}).filter(function (_ref) {
-        var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
-          key = _ref2[0],
-          value = _ref2[1];
-        return key !== "pageName" && value !== undefined && value !== null && value !== "";
-      }).map(function (_ref3) {
-        var _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
-          key = _ref4[0],
-          value = _ref4[1];
-        return [key, String(value)];
-      }));
-      var isPreview = (0, _constants.getActiveRoutingBasePath)() === _constants.PREVIEW_ROUTING_BASEPATH;
-      var queryParams;
-      if (isPreview) {
-        // Preview: explicit > per-page history > current URL (e.g. wm_state) across navigations
-        if (Object.keys(explicitQueryParams).length > 0) {
-          queryParams = explicitQueryParams;
+    if (Object.keys(queryParams).length === 0) {
+      pageQueryParamHistory.delete(normalizedPageName);
+      return;
+    }
+    removeOldestPageQueryParamHistoryIfNeeded(normalizedPageName);
+    pageQueryParamHistory.set(normalizedPageName, __spreadValues({}, queryParams));
+  }
+  resolveQueryParams(pageName, params) {
+    var _a;
+    const normalizedPageName = this.normalizePageName(pageName);
+    const explicitQueryParams = Object.fromEntries(
+      Object.entries(params || {}).filter(
+        ([key, value]) => key !== "pageName" && value !== void 0 && value !== null && value !== ""
+      ).map(([key, value]) => [key, String(value)])
+    );
+    const isPreview = getActiveRoutingBasePath() === PREVIEW_ROUTING_BASEPATH;
+    let queryParams;
+    if (isPreview) {
+      if (Object.keys(explicitQueryParams).length > 0) {
+        queryParams = explicitQueryParams;
+      } else {
+        const historyParams = pageQueryParamHistory.get(normalizedPageName);
+        if (historyParams && Object.keys(historyParams).length > 0) {
+          queryParams = historyParams;
         } else {
-          var historyParams = pageQueryParamHistory.get(normalizedPageName);
-          if (historyParams && Object.keys(historyParams).length > 0) {
-            queryParams = historyParams;
-          } else {
-            var currentPageInfo = this.getCurrentPageInfo();
-            queryParams = currentPageInfo && Object.keys(currentPageInfo.queryParams).length > 0 ? currentPageInfo.queryParams : {};
-          }
+          const currentPageInfo = this.getCurrentPageInfo();
+          queryParams = currentPageInfo && Object.keys(currentPageInfo.queryParams).length > 0 ? currentPageInfo.queryParams : {};
         }
-      } else {
-        var _pageQueryParamHistor2;
-        // Production: explicit > per-page history only
-        queryParams = Object.keys(explicitQueryParams).length > 0 ? explicitQueryParams : (_pageQueryParamHistor2 = pageQueryParamHistory.get(normalizedPageName)) !== null && _pageQueryParamHistor2 !== void 0 ? _pageQueryParamHistor2 : {};
       }
-      this.rememberPageQueryParams(normalizedPageName, queryParams);
-      return {
-        pageName: normalizedPageName,
-        queryParams: queryParams
-      };
+    } else {
+      queryParams = Object.keys(explicitQueryParams).length > 0 ? explicitQueryParams : (_a = pageQueryParamHistory.get(normalizedPageName)) != null ? _a : {};
     }
-
-    /**
-     * Returns true if the current URL matches the target path and query params.
-     * When true, we skip router.push.
-     */
-  }, {
-    key: "isSamePageAsCurrent",
-    value: function isSamePageAsCurrent(targetPath, targetSearch) {
-      if (typeof window === "undefined") {
-        return false;
-      }
-      var trimTrailingSlash = function trimTrailingSlash(p) {
-        return p.replace(/\/$/, "") || "/";
-      };
-      var basePath = "/".concat((0, _constants.getActiveRoutingBasePath)());
-      var rawCurrentPathname = trimTrailingSlash(window.location.pathname);
-      var currentSearch = window.location.search || "";
-      var rawTargetPathNorm = trimTrailingSlash(targetPath);
-
-      // Normalize current path to app-relative
-      var currentPathname = this.getAppRelativePath(rawCurrentPathname, basePath);
-      var targetPathNorm = this.getAppRelativePath(rawTargetPathNorm, basePath);
-      if (!targetPathNorm.startsWith(basePath) || !currentPathname.startsWith(basePath)) {
-        return false;
-      }
-      if (targetPathNorm !== currentPathname) {
-        return false;
+    this.rememberPageQueryParams(normalizedPageName, queryParams);
+    return { pageName: normalizedPageName, queryParams };
+  }
+  /**
+   * Returns true if the current URL matches the target path and query params.
+   * When true, we skip router.push.
+   */
+  isSamePageAsCurrent(targetPath, targetSearch) {
+    if (typeof window === "undefined") {
+      return false;
+    }
+    const trimTrailingSlash = (p) => p.replace(/\/$/, "") || "/";
+    const basePath = `/${getActiveRoutingBasePath()}`;
+    const rawCurrentPathname = trimTrailingSlash(window.location.pathname);
+    const currentSearch = window.location.search || "";
+    const rawTargetPathNorm = trimTrailingSlash(targetPath);
+    const currentPathname = this.getAppRelativePath(rawCurrentPathname, basePath);
+    const targetPathNorm = this.getAppRelativePath(rawTargetPathNorm, basePath);
+    if (!targetPathNorm.startsWith(basePath) || !currentPathname.startsWith(basePath)) {
+      return false;
+    }
+    if (targetPathNorm !== currentPathname) {
+      return false;
+    }
+    const targetParams = this.parseSearch(targetSearch);
+    const currentParams = this.parseSearch(currentSearch);
+    const keys = /* @__PURE__ */ new Set([...Object.keys(targetParams), ...Object.keys(currentParams)]);
+    for (const key of keys) {
+      if (targetParams[key] !== currentParams[key]) return false;
+    }
+    return true;
+  }
+  handleGotoPage(params) {
+    const router = getRouterInstance();
+    const pageName = params == null ? void 0 : params.pageName;
+    if (pageName) {
+      const currentPageInfo = this.getCurrentPageInfo();
+      if (currentPageInfo) {
+        this.rememberPageQueryParams(currentPageInfo.pageName, currentPageInfo.queryParams);
       }
-
-      // Compare query params in an order-independent way
-      var targetParams = this.parseSearch(targetSearch);
-      var currentParams = this.parseSearch(currentSearch);
-      var keys = new Set([].concat((0, _toConsumableArray2["default"])(Object.keys(targetParams)), (0, _toConsumableArray2["default"])(Object.keys(currentParams))));
-      var _iterator = _createForOfIteratorHelper(keys),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var _key = _step.value;
-          if (targetParams[_key] !== currentParams[_key]) return false;
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
+      const { pageName: cleanPageName, queryParams: effectiveQueryParams } = this.resolveQueryParams(pageName, params);
+      const queryString = new URLSearchParams(effectiveQueryParams).toString();
+      const fullPath = queryString ? `/${cleanPageName}?${queryString}` : `/${cleanPageName}`;
+      const targetPath = `/${getActiveRoutingBasePath()}${fullPath}`;
+      const targetPathname = targetPath.split("?")[0];
+      const targetSearch = queryString ? `?${queryString}` : "";
+      if (this.isSamePageAsCurrent(targetPathname, targetSearch)) {
+        clearPageNavigationPending();
+        return;
       }
-      return true;
-    }
-  }, {
-    key: "handleGotoPage",
-    value: function handleGotoPage(params) {
-      var router = (0, _navigationMiddleware.getRouterInstance)();
-      var pageName = params === null || params === void 0 ? void 0 : params.pageName;
-      if (pageName) {
-        var currentPageInfo = this.getCurrentPageInfo();
-        if (currentPageInfo) {
-          this.rememberPageQueryParams(currentPageInfo.pageName, currentPageInfo.queryParams);
-        }
-        var _this$resolveQueryPar = this.resolveQueryParams(pageName, params),
-          cleanPageName = _this$resolveQueryPar.pageName,
-          effectiveQueryParams = _this$resolveQueryPar.queryParams;
-        var queryString = new URLSearchParams(effectiveQueryParams).toString();
-
-        // Construct full path with optional query string
-        var fullPath = queryString ? "/".concat(cleanPageName, "?").concat(queryString) : "/".concat(cleanPageName);
-        var targetPath = "/".concat((0, _constants.getActiveRoutingBasePath)()).concat(fullPath);
-        var targetPathname = targetPath.split("?")[0];
-        var targetSearch = queryString ? "?".concat(queryString) : "";
-
-        // Same page: skip router.push so the route does not re-run .
-        if (this.isSamePageAsCurrent(targetPathname, targetSearch)) {
-          (0, _statePersistance.clearPageNavigationPending)();
-          return;
-        }
-        if (router) {
-          router.push(targetPath);
-        }
-      } else {
-        console.warn("No page name provided for navigation");
+      if (router) {
+        router.push(targetPath);
       }
+    } else {
+      console.warn("No page name provided for navigation");
     }
-  }]);
-}(_baseAction.BaseAction);
+  }
+}
+export {
+  NavigationAction,
+  __getPageQueryParamHistorySizeForTests,
+  __resetNavigationPageParamHistoryForTests
+};