@gobolt/genesis 0.4.13 → 0.4.17

package/dist/index.js

@@ -19,7 +19,7 @@ function requireClassnames() {
   hasRequiredClassnames = 1;
   (function(module2) {
     (function() {
-      var hasOwn2 = {}.hasOwnProperty;
+      var hasOwn = {}.hasOwnProperty;
       function classNames2() {
         var classes = "";
         for (var i = 0; i < arguments.length; i++) {
@@ -45,7 +45,7 @@ function requireClassnames() {
         }
         var classes = "";
         for (var key in arg) {
-          if (hasOwn2.call(arg, key) && arg[key]) {
+          if (hasOwn.call(arg, key) && arg[key]) {
             classes = appendClass(classes, key);
           }
         }
@@ -3154,14 +3154,14 @@ function merge$2() {
   });
   return clone;
 }
-function noop$5() {
+function noop$4() {
 }
 let deprecatedWarnList = null;
 function resetWarned() {
   deprecatedWarnList = null;
   resetWarned$1();
 }
-let _warning = noop$5;
+let _warning = noop$4;
 if (process.env.NODE_ENV !== "production") {
   _warning = (valid2, component, message2) => {
     warningOnce(valid2, `[antd: ${component}] ${message2}`);
@@ -3202,7 +3202,7 @@ const devUseWarning = process.env.NODE_ENV !== "production" ? (component) => {
 } : () => {
   const noopWarning = () => {
   };
-  noopWarning.deprecated = noop$5;
+  noopWarning.deprecated = noop$4;
   return noopWarning;
 };
 const ValidateMessagesContext = /* @__PURE__ */ createContext$1(void 0);
@@ -4910,12 +4910,12 @@ function merge$1() {
   return ret;
 }
 var statistic = {};
-function noop$4() {
+function noop$3() {
 }
 var statisticToken = function statisticToken2(token2) {
   var tokenKeys2;
   var proxy = token2;
-  var flush = noop$4;
+  var flush = noop$3;
   if (enableStatistic && typeof Proxy !== "undefined") {
     tokenKeys2 = /* @__PURE__ */ new Set();
     proxy = new Proxy(token2, {
@@ -44883,7 +44883,7 @@ if (process.env.NODE_ENV !== "production") {
 var defaultItemRender = function defaultItemRender2(page, type4, element2) {
   return element2;
 };
-function noop$3() {
+function noop$2() {
 }
 function isInteger(v) {
   var value2 = Number(v);
@@ -44894,7 +44894,7 @@ function calculatePage(p, pageSize, total) {
   return Math.floor((total - 1) / _pageSize) + 1;
 }
 var Pagination$1 = function Pagination(props) {
-  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-pagination" : _props$prefixCls, _props$selectPrefixCl = props.selectPrefixCls, selectPrefixCls = _props$selectPrefixCl === void 0 ? "rc-select" : _props$selectPrefixCl, className = props.className, currentProp = props.current, _props$defaultCurrent = props.defaultCurrent, defaultCurrent = _props$defaultCurrent === void 0 ? 1 : _props$defaultCurrent, _props$total = props.total, total = _props$total === void 0 ? 0 : _props$total, pageSizeProp = props.pageSize, _props$defaultPageSiz = props.defaultPageSize, defaultPageSize = _props$defaultPageSiz === void 0 ? 10 : _props$defaultPageSiz, _props$onChange = props.onChange, onChange = _props$onChange === void 0 ? noop$3 : _props$onChange, hideOnSinglePage = props.hideOnSinglePage, align = props.align, _props$showPrevNextJu = props.showPrevNextJumpers, showPrevNextJumpers = _props$showPrevNextJu === void 0 ? true : _props$showPrevNextJu, showQuickJumper = props.showQuickJumper, showLessItems = props.showLessItems, _props$showTitle = props.showTitle, showTitle = _props$showTitle === void 0 ? true : _props$showTitle, _props$onShowSizeChan = props.onShowSizeChange, onShowSizeChange = _props$onShowSizeChan === void 0 ? noop$3 : _props$onShowSizeChan, _props$locale = props.locale, locale2 = _props$locale === void 0 ? locale$1 : _props$locale, style2 = props.style, _props$totalBoundaryS = props.totalBoundaryShowSizeChanger, totalBoundaryShowSizeChanger = _props$totalBoundaryS === void 0 ? 50 : _props$totalBoundaryS, disabled2 = props.disabled, simple = props.simple, showTotal = props.showTotal, _props$showSizeChange = props.showSizeChanger, showSizeChanger = _props$showSizeChange === void 0 ? total > totalBoundaryShowSizeChanger : _props$showSizeChange, sizeChangerRender = props.sizeChangerRender, pageSizeOptions = props.pageSizeOptions, _props$itemRender = props.itemRender, itemRender = _props$itemRender === void 0 ? defaultItemRender : _props$itemRender, jumpPrevIcon = props.jumpPrevIcon, jumpNextIcon = props.jumpNextIcon, prevIcon = props.prevIcon, nextIcon = props.nextIcon;
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-pagination" : _props$prefixCls, _props$selectPrefixCl = props.selectPrefixCls, selectPrefixCls = _props$selectPrefixCl === void 0 ? "rc-select" : _props$selectPrefixCl, className = props.className, currentProp = props.current, _props$defaultCurrent = props.defaultCurrent, defaultCurrent = _props$defaultCurrent === void 0 ? 1 : _props$defaultCurrent, _props$total = props.total, total = _props$total === void 0 ? 0 : _props$total, pageSizeProp = props.pageSize, _props$defaultPageSiz = props.defaultPageSize, defaultPageSize = _props$defaultPageSiz === void 0 ? 10 : _props$defaultPageSiz, _props$onChange = props.onChange, onChange = _props$onChange === void 0 ? noop$2 : _props$onChange, hideOnSinglePage = props.hideOnSinglePage, align = props.align, _props$showPrevNextJu = props.showPrevNextJumpers, showPrevNextJumpers = _props$showPrevNextJu === void 0 ? true : _props$showPrevNextJu, showQuickJumper = props.showQuickJumper, showLessItems = props.showLessItems, _props$showTitle = props.showTitle, showTitle = _props$showTitle === void 0 ? true : _props$showTitle, _props$onShowSizeChan = props.onShowSizeChange, onShowSizeChange = _props$onShowSizeChan === void 0 ? noop$2 : _props$onShowSizeChan, _props$locale = props.locale, locale2 = _props$locale === void 0 ? locale$1 : _props$locale, style2 = props.style, _props$totalBoundaryS = props.totalBoundaryShowSizeChanger, totalBoundaryShowSizeChanger = _props$totalBoundaryS === void 0 ? 50 : _props$totalBoundaryS, disabled2 = props.disabled, simple = props.simple, showTotal = props.showTotal, _props$showSizeChange = props.showSizeChanger, showSizeChanger = _props$showSizeChange === void 0 ? total > totalBoundaryShowSizeChanger : _props$showSizeChange, sizeChangerRender = props.sizeChangerRender, pageSizeOptions = props.pageSizeOptions, _props$itemRender = props.itemRender, itemRender = _props$itemRender === void 0 ? defaultItemRender : _props$itemRender, jumpPrevIcon = props.jumpPrevIcon, jumpNextIcon = props.jumpNextIcon, prevIcon = props.prevIcon, nextIcon = props.nextIcon;
   var paginationRef = React__default.useRef(null);
   var _useMergedState = useMergedState(10, {
     value: pageSizeProp,
@@ -44911,7 +44911,7 @@ var Pagination$1 = function Pagination(props) {
   useEffect(function() {
     setInternalInputVal(current);
   }, [current]);
-  var hasOnChange = onChange !== noop$3;
+  var hasOnChange = onChange !== noop$2;
   var hasCurrent = "current" in props;
   if (process.env.NODE_ENV !== "production") {
     warningOnce(hasCurrent ? hasOnChange : true, "You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.");
@@ -53135,7 +53135,7 @@ var HIDDEN_STYLE = {
   padding: 0,
   margin: 0
 };
-var noop$2 = function noop() {
+var noop$1 = function noop() {
 };
 var MOTION_KEY = "RC_TREE_MOTION_".concat(Math.random());
 var MotionNode = {
@@ -53271,7 +53271,7 @@ var NodeList = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     onFocus,
     onBlur,
     value: "",
-    onChange: noop$2,
+    onChange: noop$1,
     "aria-label": "for screen reader"
   })), /* @__PURE__ */ React.createElement("div", {
     className: "".concat(prefixCls, "-treenode"),
@@ -72288,7 +72288,7 @@ var hasRequiredExtend;
 function requireExtend() {
   if (hasRequiredExtend) return extend$2;
   hasRequiredExtend = 1;
-  var hasOwn2 = Object.prototype.hasOwnProperty;
+  var hasOwn = Object.prototype.hasOwnProperty;
   var toStr = Object.prototype.toString;
   var defineProperty = Object.defineProperty;
   var gOPD = Object.getOwnPropertyDescriptor;
@@ -72302,15 +72302,15 @@ function requireExtend() {
     if (!obj || toStr.call(obj) !== "[object Object]") {
       return false;
     }
-    var hasOwnConstructor = hasOwn2.call(obj, "constructor");
-    var hasIsPrototypeOf = obj.constructor && obj.constructor.prototype && hasOwn2.call(obj.constructor.prototype, "isPrototypeOf");
+    var hasOwnConstructor = hasOwn.call(obj, "constructor");
+    var hasIsPrototypeOf = obj.constructor && obj.constructor.prototype && hasOwn.call(obj.constructor.prototype, "isPrototypeOf");
     if (obj.constructor && !hasOwnConstructor && !hasIsPrototypeOf) {
       return false;
     }
     var key;
     for (key in obj) {
     }
-    return typeof key === "undefined" || hasOwn2.call(obj, key);
+    return typeof key === "undefined" || hasOwn.call(obj, key);
   };
   var setProperty = function setProperty2(target, options) {
     if (defineProperty && options.name === "__proto__") {
@@ -72326,7 +72326,7 @@ function requireExtend() {
   };
   var getProperty = function getProperty2(obj, name2) {
     if (name2 === "__proto__") {
-      if (!hasOwn2.call(obj, name2)) {
+      if (!hasOwn.call(obj, name2)) {
         return void 0;
       } else if (gOPD) {
         return gOPD(obj, name2).value;
@@ -72376,7 +72376,7 @@ function requireExtend() {
 }
 var extendExports = requireExtend();
 const extend$1 = /* @__PURE__ */ getDefaultExportFromCjs(extendExports);
-function isPlainObject$1(value2) {
+function isPlainObject(value2) {
   if (typeof value2 !== "object" || value2 === null) {
     return false;
   }
@@ -73780,7 +73780,7 @@ class Processor extends CallableInstance {
       } else if (parameters2.length > 0) {
         let [primary, ...rest] = parameters2;
         const currentPrimary = attachers[entryIndex][1];
-        if (isPlainObject$1(currentPrimary) && isPlainObject$1(primary)) {
+        if (isPlainObject(currentPrimary) && isPlainObject(primary)) {
           primary = extend$1(true, currentPrimary, primary);
         }
         attachers[entryIndex] = [plugin, primary, ...rest];
@@ -73807,7 +73807,7 @@ function assertUnfrozen(name2, frozen) {
   }
 }
 function assertNode(node2) {
-  if (!isPlainObject$1(node2) || typeof node2.type !== "string") {
+  if (!isPlainObject(node2) || typeof node2.type !== "string") {
     throw new TypeError("Expected node, got `" + node2 + "`");
   }
 }
@@ -74704,7 +74704,7 @@ function range2(start2, stop, step) {
   }
   return range3;
 }
-var noop$1 = { value: () => {
+var noop2 = { value: () => {
 } };
 function dispatch() {
   for (var i = 0, n2 = arguments.length, _ = {}, t2; i < n2; ++i) {
@@ -74764,7 +74764,7 @@ function get$1(type4, name2) {
 function set$1(type4, name2, callback) {
   for (var i = 0, n2 = type4.length; i < n2; ++i) {
     if (type4[i].name === name2) {
-      type4[i] = noop$1, type4 = type4.slice(0, i).concat(type4.slice(i + 1));
+      type4[i] = noop2, type4 = type4.slice(0, i).concat(type4.slice(i + 1));
       break;
     }
   }
@@ -80896,16 +80896,21 @@ const OverflowMenuContainer = styled.div`
   animation: ${({ $placement, $isAnimating }) => {
   if (!$isAnimating) return "none";
   switch ($placement) {
-    case "bottom":
+    case "bottom": {
       return slideDown;
-    case "top":
+    }
+    case "top": {
       return slideUp;
-    case "left":
+    }
+    case "left": {
       return slideLeft;
-    case "right":
+    }
+    case "right": {
       return slideRight;
-    default:
+    }
+    default: {
       return slideDown;
+    }
   }
 }}
     0.15s cubic-bezier(0.4, 0, 0.2, 1);
@@ -84313,1231 +84318,105 @@ const CustomPagination = ({
   }
   return null;
 };
-var Subscribable = class {
-  constructor() {
-    this.listeners = /* @__PURE__ */ new Set();
-    this.subscribe = this.subscribe.bind(this);
-  }
-  subscribe(listener) {
-    this.listeners.add(listener);
-    this.onSubscribe();
-    return () => {
-      this.listeners.delete(listener);
-      this.onUnsubscribe();
-    };
-  }
-  hasListeners() {
-    return this.listeners.size > 0;
-  }
-  onSubscribe() {
-  }
-  onUnsubscribe() {
-  }
-};
-var defaultTimeoutProvider = {
-  // We need the wrapper function syntax below instead of direct references to
-  // global setTimeout etc.
-  //
-  // BAD: `setTimeout: setTimeout`
-  // GOOD: `setTimeout: (cb, delay) => setTimeout(cb, delay)`
-  //
-  // If we use direct references here, then anything that wants to spy on or
-  // replace the global setTimeout (like tests) won't work since we'll already
-  // have a hard reference to the original implementation at the time when this
-  // file was imported.
-  setTimeout: (callback, delay) => setTimeout(callback, delay),
-  clearTimeout: (timeoutId) => clearTimeout(timeoutId),
-  setInterval: (callback, delay) => setInterval(callback, delay),
-  clearInterval: (intervalId) => clearInterval(intervalId)
-};
-var TimeoutManager = class {
-  // We cannot have TimeoutManager<T> as we must instantiate it with a concrete
-  // type at app boot; and if we leave that type, then any new timer provider
-  // would need to support ReturnType<typeof setTimeout>, which is infeasible.
-  //
-  // We settle for type safety for the TimeoutProvider type, and accept that
-  // this class is unsafe internally to allow for extension.
-  #provider = defaultTimeoutProvider;
-  #providerCalled = false;
-  setTimeoutProvider(provider) {
-    if (process.env.NODE_ENV !== "production") {
-      if (this.#providerCalled && provider !== this.#provider) {
-        console.error(
-          `[timeoutManager]: Switching provider after calls to previous provider might result in unexpected behavior.`,
-          { previous: this.#provider, provider }
-        );
-      }
-    }
-    this.#provider = provider;
-    if (process.env.NODE_ENV !== "production") {
-      this.#providerCalled = false;
-    }
-  }
-  setTimeout(callback, delay) {
-    if (process.env.NODE_ENV !== "production") {
-      this.#providerCalled = true;
-    }
-    return this.#provider.setTimeout(callback, delay);
-  }
-  clearTimeout(timeoutId) {
-    this.#provider.clearTimeout(timeoutId);
-  }
-  setInterval(callback, delay) {
-    if (process.env.NODE_ENV !== "production") {
-      this.#providerCalled = true;
-    }
-    return this.#provider.setInterval(callback, delay);
-  }
-  clearInterval(intervalId) {
-    this.#provider.clearInterval(intervalId);
-  }
-};
-var timeoutManager = new TimeoutManager();
-function systemSetTimeoutZero(callback) {
-  setTimeout(callback, 0);
-}
-var isServer = typeof window === "undefined" || "Deno" in globalThis;
-function noop2() {
-}
-function isValidTimeout(value2) {
-  return typeof value2 === "number" && value2 >= 0 && value2 !== Infinity;
-}
-function timeUntilStale(updatedAt, staleTime) {
-  return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0);
-}
-function resolveStaleTime(staleTime, query) {
-  return typeof staleTime === "function" ? staleTime(query) : staleTime;
-}
-function resolveEnabled(enabled, query) {
-  return typeof enabled === "function" ? enabled(query) : enabled;
-}
-var hasOwn = Object.prototype.hasOwnProperty;
-function replaceEqualDeep(a, b) {
-  if (a === b) {
-    return a;
-  }
-  const array4 = isPlainArray(a) && isPlainArray(b);
-  if (!array4 && !(isPlainObject(a) && isPlainObject(b))) return b;
-  const aItems = array4 ? a : Object.keys(a);
-  const aSize = aItems.length;
-  const bItems = array4 ? b : Object.keys(b);
-  const bSize = bItems.length;
-  const copy2 = array4 ? new Array(bSize) : {};
-  let equalItems = 0;
-  for (let i = 0; i < bSize; i++) {
-    const key = array4 ? i : bItems[i];
-    const aItem = a[key];
-    const bItem = b[key];
-    if (aItem === bItem) {
-      copy2[key] = aItem;
-      if (array4 ? i < aSize : hasOwn.call(a, key)) equalItems++;
-      continue;
-    }
-    if (aItem === null || bItem === null || typeof aItem !== "object" || typeof bItem !== "object") {
-      copy2[key] = bItem;
-      continue;
-    }
-    const v = replaceEqualDeep(aItem, bItem);
-    copy2[key] = v;
-    if (v === aItem) equalItems++;
-  }
-  return aSize === bSize && equalItems === aSize ? a : copy2;
-}
-function shallowEqualObjects(a, b) {
-  if (!b || Object.keys(a).length !== Object.keys(b).length) {
-    return false;
-  }
-  for (const key in a) {
-    if (a[key] !== b[key]) {
-      return false;
-    }
-  }
-  return true;
-}
-function isPlainArray(value2) {
-  return Array.isArray(value2) && value2.length === Object.keys(value2).length;
-}
-function isPlainObject(o2) {
-  if (!hasObjectPrototype(o2)) {
-    return false;
-  }
-  const ctor = o2.constructor;
-  if (ctor === void 0) {
-    return true;
-  }
-  const prot = ctor.prototype;
-  if (!hasObjectPrototype(prot)) {
-    return false;
-  }
-  if (!prot.hasOwnProperty("isPrototypeOf")) {
-    return false;
-  }
-  if (Object.getPrototypeOf(o2) !== Object.prototype) {
-    return false;
-  }
-  return true;
-}
-function hasObjectPrototype(o2) {
-  return Object.prototype.toString.call(o2) === "[object Object]";
-}
-function replaceData(prevData, data, options) {
-  if (typeof options.structuralSharing === "function") {
-    return options.structuralSharing(prevData, data);
-  } else if (options.structuralSharing !== false) {
-    if (process.env.NODE_ENV !== "production") {
-      try {
-        return replaceEqualDeep(prevData, data);
-      } catch (error2) {
-        console.error(
-          `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${options.queryHash}]: ${error2}`
-        );
-        throw error2;
-      }
-    }
-    return replaceEqualDeep(prevData, data);
-  }
-  return data;
-}
-function addToEnd(items, item, max2 = 0) {
-  const newItems = [...items, item];
-  return max2 && newItems.length > max2 ? newItems.slice(1) : newItems;
-}
-function addToStart(items, item, max2 = 0) {
-  const newItems = [item, ...items];
-  return max2 && newItems.length > max2 ? newItems.slice(0, -1) : newItems;
-}
-var skipToken = Symbol();
-function ensureQueryFn(options, fetchOptions) {
-  if (process.env.NODE_ENV !== "production") {
-    if (options.queryFn === skipToken) {
-      console.error(
-        `Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '${options.queryHash}'`
-      );
-    }
-  }
-  if (!options.queryFn && fetchOptions?.initialPromise) {
-    return () => fetchOptions.initialPromise;
-  }
-  if (!options.queryFn || options.queryFn === skipToken) {
-    return () => Promise.reject(new Error(`Missing queryFn: '${options.queryHash}'`));
-  }
-  return options.queryFn;
-}
-function shouldThrowError(throwOnError, params) {
-  if (typeof throwOnError === "function") {
-    return throwOnError(...params);
-  }
-  return !!throwOnError;
-}
-var FocusManager = class extends Subscribable {
-  #focused;
-  #cleanup;
-  #setup;
-  constructor() {
-    super();
-    this.#setup = (onFocus) => {
-      if (!isServer && window.addEventListener) {
-        const listener = () => onFocus();
-        window.addEventListener("visibilitychange", listener, false);
-        return () => {
-          window.removeEventListener("visibilitychange", listener);
-        };
-      }
-      return;
-    };
-  }
-  onSubscribe() {
-    if (!this.#cleanup) {
-      this.setEventListener(this.#setup);
-    }
-  }
-  onUnsubscribe() {
-    if (!this.hasListeners()) {
-      this.#cleanup?.();
-      this.#cleanup = void 0;
-    }
-  }
-  setEventListener(setup) {
-    this.#setup = setup;
-    this.#cleanup?.();
-    this.#cleanup = setup((focused) => {
-      if (typeof focused === "boolean") {
-        this.setFocused(focused);
-      } else {
-        this.onFocus();
-      }
-    });
-  }
-  setFocused(focused) {
-    const changed = this.#focused !== focused;
-    if (changed) {
-      this.#focused = focused;
-      this.onFocus();
-    }
-  }
-  onFocus() {
-    const isFocused = this.isFocused();
-    this.listeners.forEach((listener) => {
-      listener(isFocused);
-    });
-  }
-  isFocused() {
-    if (typeof this.#focused === "boolean") {
-      return this.#focused;
-    }
-    return globalThis.document?.visibilityState !== "hidden";
-  }
-};
-var focusManager = new FocusManager();
-function pendingThenable() {
-  let resolve;
-  let reject;
-  const thenable = new Promise((_resolve, _reject) => {
-    resolve = _resolve;
-    reject = _reject;
-  });
-  thenable.status = "pending";
-  thenable.catch(() => {
-  });
-  function finalize(data) {
-    Object.assign(thenable, data);
-    delete thenable.resolve;
-    delete thenable.reject;
-  }
-  thenable.resolve = (value2) => {
-    finalize({
-      status: "fulfilled",
-      value: value2
-    });
-    resolve(value2);
-  };
-  thenable.reject = (reason) => {
-    finalize({
-      status: "rejected",
-      reason
-    });
-    reject(reason);
-  };
-  return thenable;
-}
-var defaultScheduler = systemSetTimeoutZero;
-function createNotifyManager() {
-  let queue = [];
-  let transactions = 0;
-  let notifyFn = (callback) => {
-    callback();
-  };
-  let batchNotifyFn = (callback) => {
-    callback();
-  };
-  let scheduleFn = defaultScheduler;
-  const schedule2 = (callback) => {
-    if (transactions) {
-      queue.push(callback);
-    } else {
-      scheduleFn(() => {
-        notifyFn(callback);
-      });
-    }
-  };
-  const flush = () => {
-    const originalQueue = queue;
-    queue = [];
-    if (originalQueue.length) {
-      scheduleFn(() => {
-        batchNotifyFn(() => {
-          originalQueue.forEach((callback) => {
-            notifyFn(callback);
-          });
-        });
-      });
-    }
-  };
-  return {
-    batch: (callback) => {
-      let result;
-      transactions++;
+const useInfiniteQuery = ({
+  queryKey: queryKey2,
+  queryFn,
+  initialPageParam,
+  getNextPageParam
+}) => {
+  const [pages, setPages] = useState([]);
+  const [error2, setError] = useState(null);
+  const [isFetchingNextPage, setIsFetchingNextPage] = useState(false);
+  const [status, setStatus] = useState(
+    "pending"
+  );
+  const [hasNextPage, setHasNextPage] = useState(true);
+  const [isInitialLoad, setIsInitialLoad] = useState(true);
+  const abortControllerRef = useRef(null);
+  const isFetchingRef = useRef(false);
+  useEffect(() => {
+    setPages([]);
+    setError(null);
+    setStatus("pending");
+    setHasNextPage(true);
+    setIsInitialLoad(true);
+    isFetchingRef.current = false;
+  }, [queryKey2]);
+  const fetchPage = useCallback(
+    async (pageParam) => {
+      if (isFetchingRef.current) return;
+      isFetchingRef.current = true;
+      setError(null);
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+      }
+      abortControllerRef.current = new AbortController();
       try {
-        result = callback();
-      } finally {
-        transactions--;
-        if (!transactions) {
-          flush();
+        const result = await queryFn({ pageParam });
+        if (abortControllerRef.current?.signal.aborted) {
+          return;
         }
-      }
-      return result;
-    },
-    /**
-     * All calls to the wrapped function will be batched.
-     */
-    batchCalls: (callback) => {
-      return (...args) => {
-        schedule2(() => {
-          callback(...args);
-        });
-      };
-    },
-    schedule: schedule2,
-    /**
-     * Use this method to set a custom notify function.
-     * This can be used to for example wrap notifications with `React.act` while running tests.
-     */
-    setNotifyFunction: (fn) => {
-      notifyFn = fn;
-    },
-    /**
-     * Use this method to set a custom function to batch notifications together into a single tick.
-     * By default React Query will use the batch function provided by ReactDOM or React Native.
-     */
-    setBatchNotifyFunction: (fn) => {
-      batchNotifyFn = fn;
-    },
-    setScheduler: (fn) => {
-      scheduleFn = fn;
-    }
-  };
-}
-var notifyManager = createNotifyManager();
-var OnlineManager = class extends Subscribable {
-  #online = true;
-  #cleanup;
-  #setup;
-  constructor() {
-    super();
-    this.#setup = (onOnline) => {
-      if (!isServer && window.addEventListener) {
-        const onlineListener = () => onOnline(true);
-        const offlineListener = () => onOnline(false);
-        window.addEventListener("online", onlineListener, false);
-        window.addEventListener("offline", offlineListener, false);
-        return () => {
-          window.removeEventListener("online", onlineListener);
-          window.removeEventListener("offline", offlineListener);
-        };
-      }
-      return;
-    };
-  }
-  onSubscribe() {
-    if (!this.#cleanup) {
-      this.setEventListener(this.#setup);
-    }
-  }
-  onUnsubscribe() {
-    if (!this.hasListeners()) {
-      this.#cleanup?.();
-      this.#cleanup = void 0;
-    }
-  }
-  setEventListener(setup) {
-    this.#setup = setup;
-    this.#cleanup?.();
-    this.#cleanup = setup(this.setOnline.bind(this));
-  }
-  setOnline(online) {
-    const changed = this.#online !== online;
-    if (changed) {
-      this.#online = online;
-      this.listeners.forEach((listener) => {
-        listener(online);
-      });
-    }
-  }
-  isOnline() {
-    return this.#online;
-  }
-};
-var onlineManager = new OnlineManager();
-function canFetch(networkMode) {
-  return (networkMode ?? "online") === "online" ? onlineManager.isOnline() : true;
-}
-function fetchState(data, options) {
-  return {
-    fetchFailureCount: 0,
-    fetchFailureReason: null,
-    fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused",
-    ...data === void 0 && {
-      error: null,
-      status: "pending"
-    }
-  };
-}
-var QueryObserver = class extends Subscribable {
-  constructor(client, options) {
-    super();
-    this.options = options;
-    this.#client = client;
-    this.#selectError = null;
-    this.#currentThenable = pendingThenable();
-    this.bindMethods();
-    this.setOptions(options);
-  }
-  #client;
-  #currentQuery = void 0;
-  #currentQueryInitialState = void 0;
-  #currentResult = void 0;
-  #currentResultState;
-  #currentResultOptions;
-  #currentThenable;
-  #selectError;
-  #selectFn;
-  #selectResult;
-  // This property keeps track of the last query with defined data.
-  // It will be used to pass the previous data and query to the placeholder function between renders.
-  #lastQueryWithDefinedData;
-  #staleTimeoutId;
-  #refetchIntervalId;
-  #currentRefetchInterval;
-  #trackedProps = /* @__PURE__ */ new Set();
-  bindMethods() {
-    this.refetch = this.refetch.bind(this);
-  }
-  onSubscribe() {
-    if (this.listeners.size === 1) {
-      this.#currentQuery.addObserver(this);
-      if (shouldFetchOnMount(this.#currentQuery, this.options)) {
-        this.#executeFetch();
-      } else {
-        this.updateResult();
-      }
-      this.#updateTimers();
-    }
-  }
-  onUnsubscribe() {
-    if (!this.hasListeners()) {
-      this.destroy();
-    }
-  }
-  shouldFetchOnReconnect() {
-    return shouldFetchOn(
-      this.#currentQuery,
-      this.options,
-      this.options.refetchOnReconnect
-    );
-  }
-  shouldFetchOnWindowFocus() {
-    return shouldFetchOn(
-      this.#currentQuery,
-      this.options,
-      this.options.refetchOnWindowFocus
-    );
-  }
-  destroy() {
-    this.listeners = /* @__PURE__ */ new Set();
-    this.#clearStaleTimeout();
-    this.#clearRefetchInterval();
-    this.#currentQuery.removeObserver(this);
-  }
-  setOptions(options) {
-    const prevOptions = this.options;
-    const prevQuery = this.#currentQuery;
-    this.options = this.#client.defaultQueryOptions(options);
-    if (this.options.enabled !== void 0 && typeof this.options.enabled !== "boolean" && typeof this.options.enabled !== "function" && typeof resolveEnabled(this.options.enabled, this.#currentQuery) !== "boolean") {
-      throw new Error(
-        "Expected enabled to be a boolean or a callback that returns a boolean"
-      );
-    }
-    this.#updateQuery();
-    this.#currentQuery.setOptions(this.options);
-    if (prevOptions._defaulted && !shallowEqualObjects(this.options, prevOptions)) {
-      this.#client.getQueryCache().notify({
-        type: "observerOptionsUpdated",
-        query: this.#currentQuery,
-        observer: this
-      });
-    }
-    const mounted = this.hasListeners();
-    if (mounted && shouldFetchOptionally(
-      this.#currentQuery,
-      prevQuery,
-      this.options,
-      prevOptions
-    )) {
-      this.#executeFetch();
-    }
-    this.updateResult();
-    if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || resolveStaleTime(this.options.staleTime, this.#currentQuery) !== resolveStaleTime(prevOptions.staleTime, this.#currentQuery))) {
-      this.#updateStaleTimeout();
-    }
-    const nextRefetchInterval = this.#computeRefetchInterval();
-    if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || nextRefetchInterval !== this.#currentRefetchInterval)) {
-      this.#updateRefetchInterval(nextRefetchInterval);
-    }
-  }
-  getOptimisticResult(options) {
-    const query = this.#client.getQueryCache().build(this.#client, options);
-    const result = this.createResult(query, options);
-    if (shouldAssignObserverCurrentProperties(this, result)) {
-      this.#currentResult = result;
-      this.#currentResultOptions = this.options;
-      this.#currentResultState = this.#currentQuery.state;
-    }
-    return result;
-  }
-  getCurrentResult() {
-    return this.#currentResult;
-  }
-  trackResult(result, onPropTracked) {
-    return new Proxy(result, {
-      get: (target, key) => {
-        this.trackProp(key);
-        onPropTracked?.(key);
-        if (key === "promise" && !this.options.experimental_prefetchInRender && this.#currentThenable.status === "pending") {
-          this.#currentThenable.reject(
-            new Error(
-              "experimental_prefetchInRender feature flag is not enabled"
-            )
+        setPages((prevPages) => {
+          const pageExists = prevPages.some(
+            (page) => page.page === result.page
           );
+          if (pageExists) {
+            return prevPages;
+          }
+          return [...prevPages, result];
+        });
+        setStatus("success");
+        setHasNextPage(result.hasNextPage);
+        if (isInitialLoad) {
+          setIsInitialLoad(false);
         }
-        return Reflect.get(target, key);
-      }
-    });
-  }
-  trackProp(key) {
-    this.#trackedProps.add(key);
-  }
-  getCurrentQuery() {
-    return this.#currentQuery;
-  }
-  refetch({ ...options } = {}) {
-    return this.fetch({
-      ...options
-    });
-  }
-  fetchOptimistic(options) {
-    const defaultedOptions = this.#client.defaultQueryOptions(options);
-    const query = this.#client.getQueryCache().build(this.#client, defaultedOptions);
-    return query.fetch().then(() => this.createResult(query, defaultedOptions));
-  }
-  fetch(fetchOptions) {
-    return this.#executeFetch({
-      ...fetchOptions,
-      cancelRefetch: fetchOptions.cancelRefetch ?? true
-    }).then(() => {
-      this.updateResult();
-      return this.#currentResult;
-    });
-  }
-  #executeFetch(fetchOptions) {
-    this.#updateQuery();
-    let promise = this.#currentQuery.fetch(
-      this.options,
-      fetchOptions
-    );
-    if (!fetchOptions?.throwOnError) {
-      promise = promise.catch(noop2);
-    }
-    return promise;
-  }
-  #updateStaleTimeout() {
-    this.#clearStaleTimeout();
-    const staleTime = resolveStaleTime(
-      this.options.staleTime,
-      this.#currentQuery
-    );
-    if (isServer || this.#currentResult.isStale || !isValidTimeout(staleTime)) {
-      return;
-    }
-    const time = timeUntilStale(this.#currentResult.dataUpdatedAt, staleTime);
-    const timeout2 = time + 1;
-    this.#staleTimeoutId = timeoutManager.setTimeout(() => {
-      if (!this.#currentResult.isStale) {
-        this.updateResult();
-      }
-    }, timeout2);
-  }
-  #computeRefetchInterval() {
-    return (typeof this.options.refetchInterval === "function" ? this.options.refetchInterval(this.#currentQuery) : this.options.refetchInterval) ?? false;
-  }
-  #updateRefetchInterval(nextInterval) {
-    this.#clearRefetchInterval();
-    this.#currentRefetchInterval = nextInterval;
-    if (isServer || resolveEnabled(this.options.enabled, this.#currentQuery) === false || !isValidTimeout(this.#currentRefetchInterval) || this.#currentRefetchInterval === 0) {
-      return;
-    }
-    this.#refetchIntervalId = timeoutManager.setInterval(() => {
-      if (this.options.refetchIntervalInBackground || focusManager.isFocused()) {
-        this.#executeFetch();
-      }
-    }, this.#currentRefetchInterval);
-  }
-  #updateTimers() {
-    this.#updateStaleTimeout();
-    this.#updateRefetchInterval(this.#computeRefetchInterval());
-  }
-  #clearStaleTimeout() {
-    if (this.#staleTimeoutId) {
-      timeoutManager.clearTimeout(this.#staleTimeoutId);
-      this.#staleTimeoutId = void 0;
-    }
-  }
-  #clearRefetchInterval() {
-    if (this.#refetchIntervalId) {
-      timeoutManager.clearInterval(this.#refetchIntervalId);
-      this.#refetchIntervalId = void 0;
-    }
-  }
-  createResult(query, options) {
-    const prevQuery = this.#currentQuery;
-    const prevOptions = this.options;
-    const prevResult = this.#currentResult;
-    const prevResultState = this.#currentResultState;
-    const prevResultOptions = this.#currentResultOptions;
-    const queryChange = query !== prevQuery;
-    const queryInitialState = queryChange ? query.state : this.#currentQueryInitialState;
-    const { state } = query;
-    let newState = { ...state };
-    let isPlaceholderData = false;
-    let data;
-    if (options._optimisticResults) {
-      const mounted = this.hasListeners();
-      const fetchOnMount = !mounted && shouldFetchOnMount(query, options);
-      const fetchOptionally = mounted && shouldFetchOptionally(query, prevQuery, options, prevOptions);
-      if (fetchOnMount || fetchOptionally) {
-        newState = {
-          ...newState,
-          ...fetchState(state.data, query.options)
-        };
-      }
-      if (options._optimisticResults === "isRestoring") {
-        newState.fetchStatus = "idle";
-      }
-    }
-    let { error: error2, errorUpdatedAt, status } = newState;
-    data = newState.data;
-    let skipSelect = false;
-    if (options.placeholderData !== void 0 && data === void 0 && status === "pending") {
-      let placeholderData;
-      if (prevResult?.isPlaceholderData && options.placeholderData === prevResultOptions?.placeholderData) {
-        placeholderData = prevResult.data;
-        skipSelect = true;
-      } else {
-        placeholderData = typeof options.placeholderData === "function" ? options.placeholderData(
-          this.#lastQueryWithDefinedData?.state.data,
-          this.#lastQueryWithDefinedData
-        ) : options.placeholderData;
-      }
-      if (placeholderData !== void 0) {
-        status = "success";
-        data = replaceData(
-          prevResult?.data,
-          placeholderData,
-          options
-        );
-        isPlaceholderData = true;
-      }
-    }
-    if (options.select && data !== void 0 && !skipSelect) {
-      if (prevResult && data === prevResultState?.data && options.select === this.#selectFn) {
-        data = this.#selectResult;
-      } else {
-        try {
-          this.#selectFn = options.select;
-          data = options.select(data);
-          data = replaceData(prevResult?.data, data, options);
-          this.#selectResult = data;
-          this.#selectError = null;
-        } catch (selectError) {
-          this.#selectError = selectError;
-        }
-      }
-    }
-    if (this.#selectError) {
-      error2 = this.#selectError;
-      data = this.#selectResult;
-      errorUpdatedAt = Date.now();
-      status = "error";
-    }
-    const isFetching = newState.fetchStatus === "fetching";
-    const isPending = status === "pending";
-    const isError = status === "error";
-    const isLoading = isPending && isFetching;
-    const hasData = data !== void 0;
-    const result = {
-      status,
-      fetchStatus: newState.fetchStatus,
-      isPending,
-      isSuccess: status === "success",
-      isError,
-      isInitialLoading: isLoading,
-      isLoading,
-      data,
-      dataUpdatedAt: newState.dataUpdatedAt,
-      error: error2,
-      errorUpdatedAt,
-      failureCount: newState.fetchFailureCount,
-      failureReason: newState.fetchFailureReason,
-      errorUpdateCount: newState.errorUpdateCount,
-      isFetched: newState.dataUpdateCount > 0 || newState.errorUpdateCount > 0,
-      isFetchedAfterMount: newState.dataUpdateCount > queryInitialState.dataUpdateCount || newState.errorUpdateCount > queryInitialState.errorUpdateCount,
-      isFetching,
-      isRefetching: isFetching && !isPending,
-      isLoadingError: isError && !hasData,
-      isPaused: newState.fetchStatus === "paused",
-      isPlaceholderData,
-      isRefetchError: isError && hasData,
-      isStale: isStale(query, options),
-      refetch: this.refetch,
-      promise: this.#currentThenable,
-      isEnabled: resolveEnabled(options.enabled, query) !== false
-    };
-    const nextResult = result;
-    if (this.options.experimental_prefetchInRender) {
-      const finalizeThenableIfPossible = (thenable) => {
-        if (nextResult.status === "error") {
-          thenable.reject(nextResult.error);
-        } else if (nextResult.data !== void 0) {
-          thenable.resolve(nextResult.data);
+      } catch (error_) {
+        if (abortControllerRef.current?.signal.aborted) {
+          return;
         }
-      };
-      const recreateThenable = () => {
-        const pending = this.#currentThenable = nextResult.promise = pendingThenable();
-        finalizeThenableIfPossible(pending);
-      };
-      const prevThenable = this.#currentThenable;
-      switch (prevThenable.status) {
-        case "pending":
-          if (query.queryHash === prevQuery.queryHash) {
-            finalizeThenableIfPossible(prevThenable);
-          }
-          break;
-        case "fulfilled":
-          if (nextResult.status === "error" || nextResult.data !== prevThenable.value) {
-            recreateThenable();
-          }
-          break;
-        case "rejected":
-          if (nextResult.status !== "error" || nextResult.error !== prevThenable.reason) {
-            recreateThenable();
-          }
-          break;
-      }
-    }
-    return nextResult;
-  }
-  updateResult() {
-    const prevResult = this.#currentResult;
-    const nextResult = this.createResult(this.#currentQuery, this.options);
-    this.#currentResultState = this.#currentQuery.state;
-    this.#currentResultOptions = this.options;
-    if (this.#currentResultState.data !== void 0) {
-      this.#lastQueryWithDefinedData = this.#currentQuery;
-    }
-    if (shallowEqualObjects(nextResult, prevResult)) {
-      return;
-    }
-    this.#currentResult = nextResult;
-    const shouldNotifyListeners = () => {
-      if (!prevResult) {
-        return true;
-      }
-      const { notifyOnChangeProps } = this.options;
-      const notifyOnChangePropsValue = typeof notifyOnChangeProps === "function" ? notifyOnChangeProps() : notifyOnChangeProps;
-      if (notifyOnChangePropsValue === "all" || !notifyOnChangePropsValue && !this.#trackedProps.size) {
-        return true;
-      }
-      const includedProps = new Set(
-        notifyOnChangePropsValue ?? this.#trackedProps
-      );
-      if (this.options.throwOnError) {
-        includedProps.add("error");
+        const error22 = error_ instanceof Error ? error_ : new Error("Unknown error occurred");
+        setError(error22);
+        setStatus("error");
+      } finally {
+        isFetchingRef.current = false;
+        setIsFetchingNextPage(false);
       }
-      return Object.keys(this.#currentResult).some((key) => {
-        const typedKey = key;
-        const changed = this.#currentResult[typedKey] !== prevResult[typedKey];
-        return changed && includedProps.has(typedKey);
-      });
-    };
-    this.#notify({ listeners: shouldNotifyListeners() });
-  }
-  #updateQuery() {
-    const query = this.#client.getQueryCache().build(this.#client, this.options);
-    if (query === this.#currentQuery) {
+    },
+    [queryFn, isInitialLoad]
+  );
+  const fetchNextPage = useCallback(() => {
+    if (isFetchingRef.current || !hasNextPage) return;
+    const lastPage = pages.at(-1);
+    if (!lastPage) return;
+    const nextPageParam = getNextPageParam(lastPage);
+    if (nextPageParam === void 0) {
+      setHasNextPage(false);
       return;
     }
-    const prevQuery = this.#currentQuery;
-    this.#currentQuery = query;
-    this.#currentQueryInitialState = query.state;
-    if (this.hasListeners()) {
-      prevQuery?.removeObserver(this);
-      query.addObserver(this);
-    }
-  }
-  onQueryUpdate() {
-    this.updateResult();
-    if (this.hasListeners()) {
-      this.#updateTimers();
-    }
-  }
-  #notify(notifyOptions) {
-    notifyManager.batch(() => {
-      if (notifyOptions.listeners) {
-        this.listeners.forEach((listener) => {
-          listener(this.#currentResult);
-        });
-      }
-      this.#client.getQueryCache().notify({
-        query: this.#currentQuery,
-        type: "observerResultsUpdated"
-      });
-    });
-  }
-};
-function shouldLoadOnMount(query, options) {
-  return resolveEnabled(options.enabled, query) !== false && query.state.data === void 0 && !(query.state.status === "error" && options.retryOnMount === false);
-}
-function shouldFetchOnMount(query, options) {
-  return shouldLoadOnMount(query, options) || query.state.data !== void 0 && shouldFetchOn(query, options, options.refetchOnMount);
-}
-function shouldFetchOn(query, options, field) {
-  if (resolveEnabled(options.enabled, query) !== false && resolveStaleTime(options.staleTime, query) !== "static") {
-    const value2 = typeof field === "function" ? field(query) : field;
-    return value2 === "always" || value2 !== false && isStale(query, options);
-  }
-  return false;
-}
-function shouldFetchOptionally(query, prevQuery, options, prevOptions) {
-  return (query !== prevQuery || resolveEnabled(prevOptions.enabled, query) === false) && (!options.suspense || query.state.status !== "error") && isStale(query, options);
-}
-function isStale(query, options) {
-  return resolveEnabled(options.enabled, query) !== false && query.isStaleByTime(resolveStaleTime(options.staleTime, query));
-}
-function shouldAssignObserverCurrentProperties(observer, optimisticResult) {
-  if (!shallowEqualObjects(observer.getCurrentResult(), optimisticResult)) {
-    return true;
-  }
-  return false;
-}
-function infiniteQueryBehavior(pages) {
-  return {
-    onFetch: (context, query) => {
-      const options = context.options;
-      const direction = context.fetchOptions?.meta?.fetchMore?.direction;
-      const oldPages = context.state.data?.pages || [];
-      const oldPageParams = context.state.data?.pageParams || [];
-      let result = { pages: [], pageParams: [] };
-      let currentPage = 0;
-      const fetchFn = async () => {
-        let cancelled = false;
-        const addSignalProperty = (object4) => {
-          Object.defineProperty(object4, "signal", {
-            enumerable: true,
-            get: () => {
-              if (context.signal.aborted) {
-                cancelled = true;
-              } else {
-                context.signal.addEventListener("abort", () => {
-                  cancelled = true;
-                });
-              }
-              return context.signal;
-            }
-          });
-        };
-        const queryFn = ensureQueryFn(context.options, context.fetchOptions);
-        const fetchPage = async (data, param, previous2) => {
-          if (cancelled) {
-            return Promise.reject();
-          }
-          if (param == null && data.pages.length) {
-            return Promise.resolve(data);
-          }
-          const createQueryFnContext = () => {
-            const queryFnContext2 = {
-              client: context.client,
-              queryKey: context.queryKey,
-              pageParam: param,
-              direction: previous2 ? "backward" : "forward",
-              meta: context.options.meta
-            };
-            addSignalProperty(queryFnContext2);
-            return queryFnContext2;
-          };
-          const queryFnContext = createQueryFnContext();
-          const page = await queryFn(queryFnContext);
-          const { maxPages } = context.options;
-          const addTo = previous2 ? addToStart : addToEnd;
-          return {
-            pages: addTo(data.pages, page, maxPages),
-            pageParams: addTo(data.pageParams, param, maxPages)
-          };
-        };
-        if (direction && oldPages.length) {
-          const previous2 = direction === "backward";
-          const pageParamFn = previous2 ? getPreviousPageParam : getNextPageParam;
-          const oldData = {
-            pages: oldPages,
-            pageParams: oldPageParams
-          };
-          const param = pageParamFn(options, oldData);
-          result = await fetchPage(oldData, param, previous2);
-        } else {
-          const remainingPages = oldPages.length;
-          do {
-            const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result);
-            if (currentPage > 0 && param == null) {
-              break;
-            }
-            result = await fetchPage(result, param);
-            currentPage++;
-          } while (currentPage < remainingPages);
-        }
-        return result;
-      };
-      if (context.options.persister) {
-        context.fetchFn = () => {
-          return context.options.persister?.(
-            fetchFn,
-            {
-              client: context.client,
-              queryKey: context.queryKey,
-              meta: context.options.meta,
-              signal: context.signal
-            },
-            query
-          );
-        };
-      } else {
-        context.fetchFn = fetchFn;
-      }
+    setIsFetchingNextPage(true);
+    fetchPage(nextPageParam);
+  }, [pages, hasNextPage, getNextPageParam, fetchPage]);
+  useEffect(() => {
+    if (isInitialLoad && pages.length === 0) {
+      fetchPage(initialPageParam);
     }
-  };
-}
-function getNextPageParam(options, { pages, pageParams }) {
-  const lastIndex = pages.length - 1;
-  return pages.length > 0 ? options.getNextPageParam(
-    pages[lastIndex],
-    pages,
-    pageParams[lastIndex],
-    pageParams
-  ) : void 0;
-}
-function getPreviousPageParam(options, { pages, pageParams }) {
-  return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0;
-}
-function hasNextPage(options, data) {
-  if (!data) return false;
-  return getNextPageParam(options, data) != null;
-}
-function hasPreviousPage(options, data) {
-  if (!data || !options.getPreviousPageParam) return false;
-  return getPreviousPageParam(options, data) != null;
-}
-var InfiniteQueryObserver = class extends QueryObserver {
-  constructor(client, options) {
-    super(client, options);
-  }
-  bindMethods() {
-    super.bindMethods();
-    this.fetchNextPage = this.fetchNextPage.bind(this);
-    this.fetchPreviousPage = this.fetchPreviousPage.bind(this);
-  }
-  setOptions(options) {
-    super.setOptions({
-      ...options,
-      behavior: infiniteQueryBehavior()
-    });
-  }
-  getOptimisticResult(options) {
-    options.behavior = infiniteQueryBehavior();
-    return super.getOptimisticResult(options);
-  }
-  fetchNextPage(options) {
-    return this.fetch({
-      ...options,
-      meta: {
-        fetchMore: { direction: "forward" }
-      }
-    });
-  }
-  fetchPreviousPage(options) {
-    return this.fetch({
-      ...options,
-      meta: {
-        fetchMore: { direction: "backward" }
+  }, [isInitialLoad, pages.length, fetchPage, initialPageParam]);
+  useEffect(() => {
+    return () => {
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
       }
-    });
-  }
-  createResult(query, options) {
-    const { state } = query;
-    const parentResult = super.createResult(query, options);
-    const { isFetching, isRefetching, isError, isRefetchError } = parentResult;
-    const fetchDirection = state.fetchMeta?.fetchMore?.direction;
-    const isFetchNextPageError = isError && fetchDirection === "forward";
-    const isFetchingNextPage = isFetching && fetchDirection === "forward";
-    const isFetchPreviousPageError = isError && fetchDirection === "backward";
-    const isFetchingPreviousPage = isFetching && fetchDirection === "backward";
-    const result = {
-      ...parentResult,
-      fetchNextPage: this.fetchNextPage,
-      fetchPreviousPage: this.fetchPreviousPage,
-      hasNextPage: hasNextPage(options, state.data),
-      hasPreviousPage: hasPreviousPage(options, state.data),
-      isFetchNextPageError,
-      isFetchingNextPage,
-      isFetchPreviousPageError,
-      isFetchingPreviousPage,
-      isRefetchError: isRefetchError && !isFetchNextPageError && !isFetchPreviousPageError,
-      isRefetching: isRefetching && !isFetchingNextPage && !isFetchingPreviousPage
     };
-    return result;
-  }
-};
-var QueryClientContext = React.createContext(
-  void 0
-);
-var useQueryClient = (queryClient) => {
-  const client = React.useContext(QueryClientContext);
-  if (!client) {
-    throw new Error("No QueryClient set, use QueryClientProvider to set one");
-  }
-  return client;
-};
-var IsRestoringContext = React.createContext(false);
-var useIsRestoring = () => React.useContext(IsRestoringContext);
-IsRestoringContext.Provider;
-function createValue() {
-  let isReset = false;
+  }, []);
   return {
-    clearReset: () => {
-      isReset = false;
-    },
-    reset: () => {
-      isReset = true;
-    },
-    isReset: () => {
-      return isReset;
-    }
+    data: pages.length > 0 ? { pages } : void 0,
+    error: error2,
+    fetchNextPage,
+    hasNextPage,
+    isFetchingNextPage,
+    status
   };
-}
-var QueryErrorResetBoundaryContext = React.createContext(createValue());
-var useQueryErrorResetBoundary = () => React.useContext(QueryErrorResetBoundaryContext);
-var ensurePreventErrorBoundaryRetry = (options, errorResetBoundary) => {
-  if (options.suspense || options.throwOnError || options.experimental_prefetchInRender) {
-    if (!errorResetBoundary.isReset()) {
-      options.retryOnMount = false;
-    }
-  }
-};
-var useClearResetErrorBoundary = (errorResetBoundary) => {
-  React.useEffect(() => {
-    errorResetBoundary.clearReset();
-  }, [errorResetBoundary]);
-};
-var getHasError = ({
-  result,
-  errorResetBoundary,
-  throwOnError,
-  query,
-  suspense
-}) => {
-  return result.isError && !errorResetBoundary.isReset() && !result.isFetching && query && (suspense && result.data === void 0 || shouldThrowError(throwOnError, [result.error, query]));
-};
-var ensureSuspenseTimers = (defaultedOptions) => {
-  if (defaultedOptions.suspense) {
-    const MIN_SUSPENSE_TIME_MS = 1e3;
-    const clamp = (value2) => value2 === "static" ? value2 : Math.max(value2 ?? MIN_SUSPENSE_TIME_MS, MIN_SUSPENSE_TIME_MS);
-    const originalStaleTime = defaultedOptions.staleTime;
-    defaultedOptions.staleTime = typeof originalStaleTime === "function" ? (...args) => clamp(originalStaleTime(...args)) : clamp(originalStaleTime);
-    if (typeof defaultedOptions.gcTime === "number") {
-      defaultedOptions.gcTime = Math.max(
-        defaultedOptions.gcTime,
-        MIN_SUSPENSE_TIME_MS
-      );
-    }
-  }
 };
-var willFetch = (result, isRestoring) => result.isLoading && result.isFetching && !isRestoring;
-var shouldSuspend = (defaultedOptions, result) => defaultedOptions?.suspense && result.isPending;
-var fetchOptimistic = (defaultedOptions, observer, errorResetBoundary) => observer.fetchOptimistic(defaultedOptions).catch(() => {
-  errorResetBoundary.clearReset();
-});
-function useBaseQuery(options, Observer, queryClient) {
-  if (process.env.NODE_ENV !== "production") {
-    if (typeof options !== "object" || Array.isArray(options)) {
-      throw new Error(
-        'Bad argument type. Starting with v5, only the "Object" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object'
-      );
-    }
-  }
-  const isRestoring = useIsRestoring();
-  const errorResetBoundary = useQueryErrorResetBoundary();
-  const client = useQueryClient();
-  const defaultedOptions = client.defaultQueryOptions(options);
-  client.getDefaultOptions().queries?._experimental_beforeQuery?.(
-    defaultedOptions
-  );
-  if (process.env.NODE_ENV !== "production") {
-    if (!defaultedOptions.queryFn) {
-      console.error(
-        `[${defaultedOptions.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function`
-      );
-    }
-  }
-  defaultedOptions._optimisticResults = isRestoring ? "isRestoring" : "optimistic";
-  ensureSuspenseTimers(defaultedOptions);
-  ensurePreventErrorBoundaryRetry(defaultedOptions, errorResetBoundary);
-  useClearResetErrorBoundary(errorResetBoundary);
-  const isNewCacheEntry = !client.getQueryCache().get(defaultedOptions.queryHash);
-  const [observer] = React.useState(
-    () => new Observer(
-      client,
-      defaultedOptions
-    )
-  );
-  const result = observer.getOptimisticResult(defaultedOptions);
-  const shouldSubscribe = !isRestoring && options.subscribed !== false;
-  React.useSyncExternalStore(
-    React.useCallback(
-      (onStoreChange) => {
-        const unsubscribe = shouldSubscribe ? observer.subscribe(notifyManager.batchCalls(onStoreChange)) : noop2;
-        observer.updateResult();
-        return unsubscribe;
-      },
-      [observer, shouldSubscribe]
-    ),
-    () => observer.getCurrentResult(),
-    () => observer.getCurrentResult()
-  );
-  React.useEffect(() => {
-    observer.setOptions(defaultedOptions);
-  }, [defaultedOptions, observer]);
-  if (shouldSuspend(defaultedOptions, result)) {
-    throw fetchOptimistic(defaultedOptions, observer, errorResetBoundary);
-  }
-  if (getHasError({
-    result,
-    errorResetBoundary,
-    throwOnError: defaultedOptions.throwOnError,
-    query: client.getQueryCache().get(defaultedOptions.queryHash),
-    suspense: defaultedOptions.suspense
-  })) {
-    throw result.error;
-  }
-  client.getDefaultOptions().queries?._experimental_afterQuery?.(
-    defaultedOptions,
-    result
-  );
-  if (defaultedOptions.experimental_prefetchInRender && !isServer && willFetch(result, isRestoring)) {
-    const promise = isNewCacheEntry ? (
-      // Fetch immediately on render in order to ensure `.promise` is resolved even if the component is unmounted
-      fetchOptimistic(defaultedOptions, observer, errorResetBoundary)
-    ) : (
-      // subscribe to the "cache promise" so that we can finalize the currentThenable once data comes in
-      client.getQueryCache().get(defaultedOptions.queryHash)?.promise
-    );
-    promise?.catch(noop2).finally(() => {
-      observer.updateResult();
-    });
-  }
-  return !defaultedOptions.notifyOnChangeProps ? observer.trackResult(result) : result;
-}
-function useInfiniteQuery(options, queryClient) {
-  return useBaseQuery(
-    options,
-    InfiniteQueryObserver
-  );
-}
 const ResizableTitle = (props) => {
   const { onResize: onResize2, width, ...restProps } = props;
   if (!width || !onResize2) {
@@ -85581,12 +84460,11 @@ const ResizableTitle = (props) => {
   ] });
 };
 const InfiniteScrollTable = ({
-  instanceId,
   columns: initialColumns,
   fetchService,
-  title,
   scrollHeight = 600,
-  scrollWidth = 1300
+  scrollWidth = 1300,
+  onChange
 }) => {
   const observer = useRef();
   const [scrollableNode, setScrollableNode] = useState(
@@ -85602,7 +84480,7 @@ const InfiniteScrollTable = ({
     data,
     error: error2,
     fetchNextPage,
-    hasNextPage: hasNextPage2,
+    hasNextPage,
     isFetchingNextPage,
     status
   } = useInfiniteQuery({
@@ -85632,7 +84510,7 @@ const InfiniteScrollTable = ({
       if (observer.current) observer.current.disconnect();
       observer.current = new IntersectionObserver(
         (entries) => {
-          if (entries[0].isIntersecting && hasNextPage2) {
+          if (entries[0].isIntersecting && hasNextPage) {
             fetchNextPage();
           }
         },
@@ -85640,10 +84518,21 @@ const InfiniteScrollTable = ({
       );
       if (node2) observer.current.observe(node2);
     },
-    [isFetchingNextPage, hasNextPage2, fetchNextPage, scrollableNode]
+    [isFetchingNextPage, hasNextPage, fetchNextPage, scrollableNode]
   );
   const dataSource = data?.pages.flatMap((page) => page.docs) ?? [];
   const totalDocs = data?.pages?.[0]?.totalDocs ?? 0;
+  useEffect(() => {
+    if (onChange) {
+      const dataChangeEvent = {
+        totalPages: data?.pages?.length ?? 0,
+        currentPage: data?.pages?.[0]?.page ?? 0,
+        resultsShown: dataSource.length,
+        totalResults: totalDocs
+      };
+      onChange(dataChangeEvent);
+    }
+  }, [data]);
   if (status === "pending") {
     return /* @__PURE__ */ jsx(
       "div",
@@ -85676,34 +84565,6 @@ const InfiniteScrollTable = ({
       },
       ref: tableContainerRef,
       children: [
-        /* @__PURE__ */ jsxs(
-          Typography$1.Title,
-          {
-            level: 2,
-            style: { marginBottom: "24px", textAlign: "center" },
-            children: [
-              title,
-              " (Table ",
-              instanceId,
-              ")"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Alert,
-          {
-            message: /* @__PURE__ */ jsxs(Typography$1.Text, { children: [
-              "Showing ",
-              /* @__PURE__ */ jsx("strong", { children: dataSource.length }),
-              " of",
-              " ",
-              /* @__PURE__ */ jsx("strong", { children: totalDocs }),
-              " total launches"
-            ] }),
-            type: "info",
-            style: { marginBottom: "16px", textAlign: "center" }
-          }
-        ),
         /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
           /* @__PURE__ */ jsx("style", { children: `
             .infinite-scroll-table .ant-pagination {
@@ -85751,7 +84612,7 @@ const InfiniteScrollTable = ({
             }
           )
         ] }),
-        !hasNextPage2 && /* @__PURE__ */ jsx(
+        !hasNextPage && /* @__PURE__ */ jsx(
           "div",
           {
             style: {
@@ -85759,7 +84620,7 @@ const InfiniteScrollTable = ({
               padding: "20px",
               borderTop: "1px solid #f0f0f0"
             },
-            children: /* @__PURE__ */ jsx(Typography$1.Text, { type: "secondary", children: "You've reached the end of the launch history." })
+            children: /* @__PURE__ */ jsx(Typography$1.Text, { type: "secondary", children: "No more rows to load." })
           }
         )
       ]
@@ -86423,7 +85284,8 @@ const GroupsRow = ({ groups, onGroupItemClick }) => {
 const SecondaryTableControlsRow = ({
   groups,
   totalRecords,
-  onChange
+  onChange,
+  infiniteScrollData
 }) => {
   const onGroupItemClick = (title, item) => {
     const groupItemClickEvent = {
@@ -86443,7 +85305,8 @@ const SecondaryTableControlsRow = ({
       },
       children: [
         /* @__PURE__ */ jsx(GroupsRow, { groups, onGroupItemClick }),
-        (totalRecords ?? 0) > 0 ? /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${totalRecords} results` }) : null
+        (totalRecords ?? 0) > 0 && !infiniteScrollData ? /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `${totalRecords} results` }) : null,
+        infiniteScrollData ? /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "#6C6C6C", children: `Loaded ${infiniteScrollData.resultsShown} of ${infiniteScrollData.totalResults} Results` }) : null
       ]
     }
   );
@@ -86478,7 +85341,8 @@ const TableControls = ({
       {
         groups: secondaryTableRowData.groups,
         totalRecords: secondaryTableRowData.totalRecords,
-        onChange: onSecondaryChange
+        onChange: onSecondaryChange,
+        infiniteScrollData: secondaryTableRowData.infiniteScrollData
       }
     ) : null
   ] });
@@ -86487,10 +85351,22 @@ const TableWithControls = ({
   tableData,
   tableControlsData: tableControlsData2,
   onChange,
-  onRowClick
+  onRowClick,
+  tableType = "table",
+  isInfiniteScroll,
+  // Deprecated: use tableType instead
+  infiniteScrollConfig,
+  paginationStyle
 }) => {
+  const [infiniteScrollData, setInfiniteScrollData] = useState({
+    totalPages: 0,
+    currentPage: 0,
+    resultsShown: 0,
+    totalResults: 0
+  });
   const { primaryTableRowData, secondaryTableRowData } = tableControlsData2;
   const { dataSource, columns, rowSelection, hasSettings, hasFilter } = tableData;
+  const actualTableType = isInfiniteScroll ? "infiniteScroll" : tableType;
   const onTableControlsChange = (event) => {
     onChange(event);
   };
@@ -86500,6 +85376,67 @@ const TableWithControls = ({
       payload: { value: "tableChange", pagination, filters, sorter }
     });
   };
+  const onInfiniteScrollTableChange = (event) => {
+    onChange({
+      event: "infiniteScrollTableChange",
+      payload: { value: "infiniteScrollTableChange", event }
+    });
+  };
+  const renderTable = () => {
+    switch (actualTableType) {
+      case "infiniteScroll": {
+        if (!infiniteScrollConfig) {
+          console.warn("InfiniteScrollTable requires infiniteScrollConfig");
+          return null;
+        }
+        const resizableColumns = columns.map((col) => ({
+          title: col.title,
+          key: col.key,
+          dataIndex: Array.isArray(col.dataIndex) ? col.dataIndex.join(".") : typeof col.dataIndex === "string" ? col.dataIndex : col.key,
+          width: col.width || 150,
+          render: col.render ? (value2, record, index2) => col.render(value2, record, index2 ?? 0) : void 0
+        }));
+        return /* @__PURE__ */ jsx(
+          InfiniteScrollTable,
+          {
+            instanceId: infiniteScrollConfig.instanceId,
+            columns: resizableColumns,
+            fetchService: infiniteScrollConfig.fetchService,
+            title: infiniteScrollConfig.title,
+            scrollHeight: infiniteScrollConfig.scrollHeight,
+            scrollWidth: infiniteScrollConfig.scrollWidth,
+            onChange: onInfiniteScrollTableChange
+          }
+        );
+      }
+      case "pagination": {
+        return /* @__PURE__ */ jsx(
+          TablePagination,
+          {
+            dataSource,
+            columns,
+            rowSelection,
+            onChange: onTableChange,
+            onRowClick,
+            paginationStyle
+          }
+        );
+      }
+      case "table":
+      default: {
+        return /* @__PURE__ */ jsx(
+          Table,
+          {
+            dataSource,
+            columns,
+            rowSelection,
+            onChange: onTableChange,
+            onRowClick
+          }
+        );
+      }
+    }
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       TableControls,
@@ -86509,18 +85446,854 @@ const TableWithControls = ({
         onChange: onTableControlsChange
       }
     ),
-    /* @__PURE__ */ jsx(
-      Table,
-      {
-        dataSource,
-        columns,
-        rowSelection,
-        onChange: onTableChange,
-        onRowClick
-      }
-    )
+    renderTable()
   ] });
 };
+const staticTableData = [
+  {
+    id: "1",
+    number: "1",
+    timerange: "9:00 AM - 10:00 AM",
+    status: "in_progress",
+    address: {
+      nickname: "Home",
+      address: "123 Main St"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Loading",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Processing",
+        status: "success",
+        value: 25
+      }
+    }
+  },
+  {
+    id: "2",
+    number: "2",
+    timerange: "10:00 AM - 11:00 AM",
+    status: "scheduled",
+    address: {
+      nickname: "Work",
+      address: "456 Elm St"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Preparing",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Final Check",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "3",
+    number: "3",
+    timerange: "11:00 AM - 12:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Store",
+      address: "789 Oak St"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Pending",
+        status: "info",
+        value: 0
+      },
+      secondBarData: {
+        text: "Awaiting",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "4",
+    number: "4",
+    timerange: "1:00 PM - 2:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Office",
+      address: "321 Pine St"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "In Progress",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Validation",
+        status: "success",
+        value: 30
+      }
+    }
+  },
+  {
+    id: "5",
+    number: "5",
+    timerange: "2:00 PM - 3:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Library",
+      address: "555 Book Lane"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Completed",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Verified",
+        status: "success",
+        value: 100
+      }
+    }
+  },
+  {
+    id: "6",
+    number: "6",
+    timerange: "3:00 PM - 4:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Gym",
+      address: "777 Fitness Ave"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Phase 1",
+        status: "info",
+        value: 75
+      },
+      secondBarData: {
+        text: "Phase 2",
+        status: "success",
+        value: 50
+      }
+    }
+  },
+  {
+    id: "7",
+    number: "7",
+    timerange: "4:00 PM - 5:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Mall",
+      address: "888 Shopping Center"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Queued",
+        status: "info",
+        value: 0
+      },
+      secondBarData: {
+        text: "Waiting",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "8",
+    number: "8",
+    timerange: "9:00 AM - 10:00 AM",
+    status: "completed",
+    address: {
+      nickname: "School",
+      address: "999 Education Rd"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Delivered",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Confirmed",
+        status: "success",
+        value: 100
+      }
+    }
+  },
+  {
+    id: "9",
+    number: "9",
+    timerange: "10:00 AM - 11:00 AM",
+    status: "scheduled",
+    address: {
+      nickname: "Restaurant",
+      address: "111 Food Court"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Preparing",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Quality Check",
+        status: "success",
+        value: 15
+      }
+    }
+  },
+  {
+    id: "10",
+    number: "10",
+    timerange: "11:00 AM - 12:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Park",
+      address: "222 Green Ave"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Processing",
+        status: "info",
+        value: 80
+      },
+      secondBarData: {
+        text: "Review",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "11",
+    number: "11",
+    timerange: "1:00 PM - 2:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Beach",
+      address: "333 Shore Dr"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Planning",
+        status: "info",
+        value: 40
+      },
+      secondBarData: {
+        text: "Route Check",
+        status: "success",
+        value: 20
+      }
+    }
+  },
+  {
+    id: "12",
+    number: "12",
+    timerange: "2:00 PM - 3:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Hotel",
+      address: "444 Stay Blvd"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Scheduled",
+        status: "info",
+        value: 0
+      },
+      secondBarData: {
+        text: "Awaiting",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "13",
+    number: "13",
+    timerange: "3:00 PM - 4:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Airport",
+      address: "666 Flight Way"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Pre-flight",
+        status: "info",
+        value: 60
+      },
+      secondBarData: {
+        text: "Security",
+        status: "success",
+        value: 30
+      }
+    }
+  },
+  {
+    id: "14",
+    number: "14",
+    timerange: "4:00 PM - 5:00 PM",
+    status: "cancelled",
+    address: {
+      nickname: "Stadium",
+      address: "777 Sports Complex"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Cancelled",
+        status: "info",
+        value: 0
+      },
+      secondBarData: {
+        text: "Refund",
+        status: "success",
+        value: 100
+      }
+    }
+  },
+  {
+    id: "15",
+    number: "15",
+    timerange: "9:00 AM - 10:00 AM",
+    status: "scheduled",
+    address: {
+      nickname: "Theater",
+      address: "888 Show Ave"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Setup",
+        status: "info",
+        value: 25
+      },
+      secondBarData: {
+        text: "Sound Check",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "16",
+    number: "16",
+    timerange: "10:00 AM - 11:00 AM",
+    status: "scheduled",
+    address: {
+      nickname: "Museum",
+      address: "999 History Lane"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Exhibit Prep",
+        status: "info",
+        value: 70
+      },
+      secondBarData: {
+        text: "Documentation",
+        status: "success",
+        value: 45
+      }
+    }
+  },
+  {
+    id: "17",
+    number: "17",
+    timerange: "11:00 AM - 12:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Zoo",
+      address: "123 Animal Park"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Animal Care",
+        status: "info",
+        value: 85
+      },
+      secondBarData: {
+        text: "Feeding",
+        status: "success",
+        value: 90
+      }
+    }
+  },
+  {
+    id: "18",
+    number: "18",
+    timerange: "1:00 PM - 2:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Bank",
+      address: "456 Money St"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Transaction",
+        status: "info",
+        value: 50
+      },
+      secondBarData: {
+        text: "Verification",
+        status: "success",
+        value: 25
+      }
+    }
+  },
+  {
+    id: "19",
+    number: "19",
+    timerange: "2:00 PM - 3:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Post Office",
+      address: "789 Mail Road"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Sorting",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Dispatch",
+        status: "success",
+        value: 75
+      }
+    }
+  },
+  {
+    id: "20",
+    number: "20",
+    timerange: "3:00 PM - 4:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Church",
+      address: "321 Faith Street"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Service Prep",
+        status: "info",
+        value: 30
+      },
+      secondBarData: {
+        text: "Community",
+        status: "success",
+        value: 10
+      }
+    }
+  },
+  {
+    id: "21",
+    number: "21",
+    timerange: "4:00 PM - 5:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Pharmacy",
+      address: "654 Health Ave"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Prescription",
+        status: "info",
+        value: 90
+      },
+      secondBarData: {
+        text: "Quality Check",
+        status: "success",
+        value: 60
+      }
+    }
+  },
+  {
+    id: "22",
+    number: "22",
+    timerange: "2:00 PM - 3:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Office Complex",
+      street: "789 Business Ave",
+      city: "Commerce City",
+      state: "CA",
+      zip: "90210"
+    },
+    job_subtype: "delivery",
+    progress: {
+      currentStep: 1,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Scheduled",
+          status: "pending",
+          value: 25
+        },
+        transit: {
+          text: "In Transit",
+          status: "pending",
+          value: 0
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "23",
+    number: "23",
+    timerange: "3:00 PM - 4:00 PM",
+    status: "completed",
+    address: {
+      nickname: "Retail Store",
+      street: "456 Shopping St",
+      city: "Retail Town",
+      state: "CA",
+      zip: "90211"
+    },
+    job_subtype: "delivery",
+    progress: {
+      currentStep: 4,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "Transit Complete",
+          status: "success",
+          value: 100
+        },
+        delivery: {
+          text: "Delivery Complete",
+          status: "success",
+          value: 100
+        },
+        quality: {
+          text: "Quality Check Complete",
+          status: "success",
+          value: 100
+        }
+      }
+    }
+  },
+  {
+    id: "24",
+    number: "24",
+    timerange: "4:00 PM - 5:00 PM",
+    status: "in_progress",
+    address: {
+      nickname: "Warehouse",
+      street: "321 Storage Blvd",
+      city: "Storage City",
+      state: "CA",
+      zip: "90212"
+    },
+    job_subtype: "delivery",
+    progress: {
+      currentStep: 2,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "In Transit",
+          status: "active",
+          value: 50
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "25",
+    number: "25",
+    timerange: "5:00 PM - 6:00 PM",
+    status: "cancelled",
+    address: {
+      nickname: "Canceled Location",
+      street: "999 Cancel St",
+      city: "Cancel City",
+      state: "CA",
+      zip: "90213"
+    },
+    job_subtype: "pickup",
+    progress: {
+      currentStep: 1,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Cancelled",
+          status: "error",
+          value: 0
+        },
+        transit: {
+          text: "In Transit",
+          status: "pending",
+          value: 0
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "26",
+    number: "26",
+    timerange: "6:00 PM - 7:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Evening Delivery",
+      street: "555 Evening Ave",
+      city: "Evening City",
+      state: "CA",
+      zip: "90214"
+    },
+    job_subtype: "delivery",
+    progress: {
+      currentStep: 1,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Scheduled",
+          status: "pending",
+          value: 25
+        },
+        transit: {
+          text: "In Transit",
+          status: "pending",
+          value: 0
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "27",
+    number: "27",
+    timerange: "7:00 PM - 8:00 PM",
+    status: "in_progress",
+    address: {
+      nickname: "Night Shift",
+      street: "777 Night St",
+      city: "Night City",
+      state: "CA",
+      zip: "90215"
+    },
+    job_subtype: "delivery",
+    progress: {
+      currentStep: 3,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "Transit Complete",
+          status: "success",
+          value: 100
+        },
+        delivery: {
+          text: "Delivery in Progress",
+          status: "active",
+          value: 75
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "28",
+    number: "28",
+    timerange: "8:00 PM - 9:00 PM",
+    status: "completed",
+    address: {
+      nickname: "Final Delivery",
+      street: "888 Final Blvd",
+      city: "Final City",
+      state: "CA",
+      zip: "90216"
+    },
+    job_subtype: "delivery",
+    progress: {
+      currentStep: 4,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "Transit Complete",
+          status: "success",
+          value: 100
+        },
+        delivery: {
+          text: "Delivery Complete",
+          status: "success",
+          value: 100
+        },
+        quality: {
+          text: "Quality Check Complete",
+          status: "success",
+          value: 100
+        }
+      }
+    }
+  },
+  {
+    id: "29",
+    number: "29",
+    timerange: "9:00 PM - 10:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Late Night",
+      street: "999 Late St",
+      city: "Late City",
+      state: "CA",
+      zip: "90217"
+    },
+    job_subtype: "delivery",
+    progress: {
+      currentStep: 1,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Scheduled",
+          status: "pending",
+          value: 25
+        },
+        transit: {
+          text: "In Transit",
+          status: "pending",
+          value: 0
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "30",
+    number: "30",
+    timerange: "10:00 PM - 11:00 PM",
+    status: "in_progress",
+    address: {
+      nickname: "Last Stop",
+      street: "000 Last Ave",
+      city: "Last City",
+      state: "CA",
+      zip: "90218"
+    },
+    job_subtype: "delivery",
+    progress: {
+      currentStep: 2,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "In Transit",
+          status: "active",
+          value: 60
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  }
+];
 const startCase = (string_) => {
   if (string_) {
     return string_.replaceAll(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase());
@@ -86584,9 +86357,25 @@ const mockColumns = [
     dataIndex: "progress",
     render: (progress) => {
       if (!progress) return null;
+      let firstBarData, secondBarData;
+      if ("firstBarData" in progress) {
+        firstBarData = progress.firstBarData;
+        secondBarData = progress.secondBarData;
+      } else {
+        firstBarData = {
+          text: progress.steps.pickup.text,
+          status: progress.steps.pickup.status,
+          value: progress.steps.pickup.value
+        };
+        secondBarData = {
+          text: progress.steps.transit.text,
+          status: progress.steps.transit.status,
+          value: progress.steps.transit.value
+        };
+      }
       return React__default.createElement(Progress, {
-        firstBarData: progress.firstBarData,
-        secondBarData: progress.secondBarData,
+        firstBarData,
+        secondBarData,
         width: 150,
         height: 20,
         isProgressCombined: true
@@ -86628,491 +86417,7 @@ mockColumns.map((column2) => ({
   ...column2
 }));
 const mockDataSource = {
-  appointments: [
-    {
-      id: "1",
-      number: "1",
-      timerange: "9:00 AM - 10:00 AM",
-      status: "in_progress",
-      address: {
-        nickname: "Home",
-        address: "123 Main St"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Loading",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Processing",
-          status: "success",
-          value: 25
-        }
-      }
-    },
-    {
-      id: "2",
-      number: "2",
-      timerange: "10:00 AM - 11:00 AM",
-      status: "scheduled",
-      address: {
-        nickname: "Work",
-        address: "456 Elm St"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Preparing",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Final Check",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "3",
-      number: "3",
-      timerange: "11:00 AM - 12:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Store",
-        address: "789 Oak St"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Pending",
-          status: "info",
-          value: 0
-        },
-        secondBarData: {
-          text: "Awaiting",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "4",
-      number: "4",
-      timerange: "1:00 PM - 2:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Office",
-        address: "321 Pine St"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "In Progress",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Validation",
-          status: "success",
-          value: 30
-        }
-      }
-    },
-    {
-      id: "5",
-      number: "5",
-      timerange: "2:00 PM - 3:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Library",
-        address: "555 Book Lane"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Completed",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Verified",
-          status: "success",
-          value: 100
-        }
-      }
-    },
-    {
-      id: "6",
-      number: "6",
-      timerange: "3:00 PM - 4:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Gym",
-        address: "777 Fitness Ave"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Phase 1",
-          status: "info",
-          value: 75
-        },
-        secondBarData: {
-          text: "Phase 2",
-          status: "success",
-          value: 50
-        }
-      }
-    },
-    {
-      id: "7",
-      number: "7",
-      timerange: "4:00 PM - 5:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Mall",
-        address: "888 Shopping Center"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Queued",
-          status: "info",
-          value: 0
-        },
-        secondBarData: {
-          text: "Waiting",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "8",
-      number: "8",
-      timerange: "9:00 AM - 10:00 AM",
-      status: "completed",
-      address: {
-        nickname: "School",
-        address: "999 Education Rd"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Delivered",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Confirmed",
-          status: "success",
-          value: 100
-        }
-      }
-    },
-    {
-      id: "9",
-      number: "9",
-      timerange: "10:00 AM - 11:00 AM",
-      status: "scheduled",
-      address: {
-        nickname: "Restaurant",
-        address: "111 Food Court"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Preparing",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Quality Check",
-          status: "success",
-          value: 15
-        }
-      }
-    },
-    {
-      id: "10",
-      number: "10",
-      timerange: "11:00 AM - 12:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Park",
-        address: "222 Green Ave"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Processing",
-          status: "info",
-          value: 80
-        },
-        secondBarData: {
-          text: "Review",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "11",
-      number: "11",
-      timerange: "1:00 PM - 2:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Beach",
-        address: "333 Shore Dr"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Planning",
-          status: "info",
-          value: 40
-        },
-        secondBarData: {
-          text: "Route Check",
-          status: "success",
-          value: 20
-        }
-      }
-    },
-    {
-      id: "12",
-      number: "12",
-      timerange: "2:00 PM - 3:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Hotel",
-        address: "444 Stay Blvd"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Scheduled",
-          status: "info",
-          value: 0
-        },
-        secondBarData: {
-          text: "Awaiting",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "13",
-      number: "13",
-      timerange: "3:00 PM - 4:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Airport",
-        address: "666 Flight Way"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Pre-flight",
-          status: "info",
-          value: 60
-        },
-        secondBarData: {
-          text: "Security",
-          status: "success",
-          value: 30
-        }
-      }
-    },
-    {
-      id: "14",
-      number: "14",
-      timerange: "4:00 PM - 5:00 PM",
-      status: "cancelled",
-      address: {
-        nickname: "Stadium",
-        address: "777 Sports Complex"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Cancelled",
-          status: "info",
-          value: 0
-        },
-        secondBarData: {
-          text: "Refund",
-          status: "success",
-          value: 100
-        }
-      }
-    },
-    {
-      id: "15",
-      number: "15",
-      timerange: "9:00 AM - 10:00 AM",
-      status: "scheduled",
-      address: {
-        nickname: "Theater",
-        address: "888 Show Ave"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Setup",
-          status: "info",
-          value: 25
-        },
-        secondBarData: {
-          text: "Sound Check",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "16",
-      number: "16",
-      timerange: "10:00 AM - 11:00 AM",
-      status: "scheduled",
-      address: {
-        nickname: "Museum",
-        address: "999 History Lane"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Exhibit Prep",
-          status: "info",
-          value: 70
-        },
-        secondBarData: {
-          text: "Documentation",
-          status: "success",
-          value: 45
-        }
-      }
-    },
-    {
-      id: "17",
-      number: "17",
-      timerange: "11:00 AM - 12:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Zoo",
-        address: "123 Animal Park"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Animal Care",
-          status: "info",
-          value: 85
-        },
-        secondBarData: {
-          text: "Feeding",
-          status: "success",
-          value: 90
-        }
-      }
-    },
-    {
-      id: "18",
-      number: "18",
-      timerange: "1:00 PM - 2:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Bank",
-        address: "456 Money St"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Transaction",
-          status: "info",
-          value: 50
-        },
-        secondBarData: {
-          text: "Verification",
-          status: "success",
-          value: 25
-        }
-      }
-    },
-    {
-      id: "19",
-      number: "19",
-      timerange: "2:00 PM - 3:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Post Office",
-        address: "789 Mail Road"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Sorting",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Dispatch",
-          status: "success",
-          value: 75
-        }
-      }
-    },
-    {
-      id: "20",
-      number: "20",
-      timerange: "3:00 PM - 4:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Church",
-        address: "321 Faith Street"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Service Prep",
-          status: "info",
-          value: 30
-        },
-        secondBarData: {
-          text: "Community",
-          status: "success",
-          value: 10
-        }
-      }
-    },
-    {
-      id: "21",
-      number: "21",
-      timerange: "4:00 PM - 5:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Pharmacy",
-        address: "654 Health Ave"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Prescription",
-          status: "info",
-          value: 90
-        },
-        secondBarData: {
-          text: "Quality Check",
-          status: "success",
-          value: 60
-        }
-      }
-    }
-  ]
+  appointments: staticTableData
 };
 const tableControlsData = {
   primaryTableRowData: {