UNPKG

react-router/dist/production/chunk-Y62AB6TB.js

Version:
45.4 kBJavaScriptView Raw
1"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }/**
* react-router v7.12.0
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53var _chunkZ47B263Njs = require('./chunk-Z47B263N.js');
54
55// lib/dom/dom.ts
56var defaultMethod = "get";
57var defaultEncType = "application/x-www-form-urlencoded";
58function isHtmlElement(object) {
return typeof HTMLElement !== "undefined" && object instanceof HTMLElement;
60}
61function isButtonElement(object) {
return isHtmlElement(object) && object.tagName.toLowerCase() === "button";
63}
64function isFormElement(object) {
return isHtmlElement(object) && object.tagName.toLowerCase() === "form";
66}
67function isInputElement(object) {
return isHtmlElement(object) && object.tagName.toLowerCase() === "input";
69}
70function isModifiedEvent(event) {
return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
72}
73function shouldProcessLinkClick(event, target) {
return event.button === 0 && // Ignore everything but left clicks
(!target || target === "_self") && // Let browser handle "target=_blank" etc.
!isModifiedEvent(event);
77}
78function createSearchParams(init = "") {
return new URLSearchParams(
  typeof init === "string" || Array.isArray(init) || init instanceof URLSearchParams ? init : Object.keys(init).reduce((memo, key) => {
    let value = init[key];
    return memo.concat(
      Array.isArray(value) ? value.map((v) => [key, v]) : [[key, value]]
    );
  }, [])
);
87}
88function getSearchParamsForLocation(locationSearch, defaultSearchParams) {
let searchParams = createSearchParams(locationSearch);
if (defaultSearchParams) {
  defaultSearchParams.forEach((_, key) => {
    if (!searchParams.has(key)) {
      defaultSearchParams.getAll(key).forEach((value) => {
        searchParams.append(key, value);
      });
    }
  });
}
return searchParams;
100}
101var _formDataSupportsSubmitter = null;
102function isFormDataSubmitterSupported() {
if (_formDataSupportsSubmitter === null) {
  try {
    new FormData(
      document.createElement("form"),
      // @ts-expect-error if FormData supports the submitter parameter, this will throw
      0
    );
    _formDataSupportsSubmitter = false;
  } catch (e) {
    _formDataSupportsSubmitter = true;
  }
}
return _formDataSupportsSubmitter;
116}
117var supportedFormEncTypes = /* @__PURE__ */ new Set([
"application/x-www-form-urlencoded",
"multipart/form-data",
"text/plain"
121]);
122function getFormEncType(encType) {
if (encType != null && !supportedFormEncTypes.has(encType)) {
  _chunkZ47B263Njs.warning.call(void 0, 
    false,
    `"${encType}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${defaultEncType}"`
  );
  return null;
}
return encType;
131}
132function getFormSubmissionInfo(target, basename) {
let method;
let action;
let encType;
let formData;
let body;
if (isFormElement(target)) {
  let attr = target.getAttribute("action");
  action = attr ? _chunkZ47B263Njs.stripBasename.call(void 0, attr, basename) : null;
  method = target.getAttribute("method") || defaultMethod;
  encType = getFormEncType(target.getAttribute("enctype")) || defaultEncType;
  formData = new FormData(target);
} else if (isButtonElement(target) || isInputElement(target) && (target.type === "submit" || target.type === "image")) {
  let form = target.form;
  if (form == null) {
    throw new Error(
      `Cannot submit a <button> or <input type="submit"> without a <form>`
    );
  }
  let attr = target.getAttribute("formaction") || form.getAttribute("action");
  action = attr ? _chunkZ47B263Njs.stripBasename.call(void 0, attr, basename) : null;
  method = target.getAttribute("formmethod") || form.getAttribute("method") || defaultMethod;
  encType = getFormEncType(target.getAttribute("formenctype")) || getFormEncType(form.getAttribute("enctype")) || defaultEncType;
  formData = new FormData(form, target);
  if (!isFormDataSubmitterSupported()) {
    let { name, type, value } = target;
    if (type === "image") {
      let prefix = name ? `${name}.` : "";
      formData.append(`${prefix}x`, "0");
      formData.append(`${prefix}y`, "0");
    } else if (name) {
      formData.append(name, value);
    }
  }
} else if (isHtmlElement(target)) {
  throw new Error(
    `Cannot submit element that is not <form>, <button>, or <input type="submit|image">`
  );
} else {
  method = defaultMethod;
  action = null;
  encType = defaultEncType;
  body = target;
}
if (formData && encType === "text/plain") {
  body = formData;
  formData = void 0;
}
return { action, method: method.toLowerCase(), encType, formData, body };
181}
182
183// lib/dom/lib.tsx
184var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react);
185var isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
186try {
if (isBrowser) {
  window.__reactRouterVersion = // @ts-expect-error
  "7.12.0";
}
191} catch (e) {
192}
193function createBrowserRouter(routes, opts) {
return _chunkZ47B263Njs.createRouter.call(void 0, {
  basename: _optionalChain([opts, 'optionalAccess', _2 => _2.basename]),
  getContext: _optionalChain([opts, 'optionalAccess', _3 => _3.getContext]),
  future: _optionalChain([opts, 'optionalAccess', _4 => _4.future]),
  history: _chunkZ47B263Njs.createBrowserHistory.call(void 0, { window: _optionalChain([opts, 'optionalAccess', _5 => _5.window]) }),
  hydrationData: _optionalChain([opts, 'optionalAccess', _6 => _6.hydrationData]) || parseHydrationData(),
  routes,
  mapRouteProperties: _chunkZ47B263Njs.mapRouteProperties,
  hydrationRouteProperties: _chunkZ47B263Njs.hydrationRouteProperties,
  dataStrategy: _optionalChain([opts, 'optionalAccess', _7 => _7.dataStrategy]),
  patchRoutesOnNavigation: _optionalChain([opts, 'optionalAccess', _8 => _8.patchRoutesOnNavigation]),
  window: _optionalChain([opts, 'optionalAccess', _9 => _9.window]),
  unstable_instrumentations: _optionalChain([opts, 'optionalAccess', _10 => _10.unstable_instrumentations])
}).initialize();
208}
209function createHashRouter(routes, opts) {
return _chunkZ47B263Njs.createRouter.call(void 0, {
  basename: _optionalChain([opts, 'optionalAccess', _11 => _11.basename]),
  getContext: _optionalChain([opts, 'optionalAccess', _12 => _12.getContext]),
  future: _optionalChain([opts, 'optionalAccess', _13 => _13.future]),
  history: _chunkZ47B263Njs.createHashHistory.call(void 0, { window: _optionalChain([opts, 'optionalAccess', _14 => _14.window]) }),
  hydrationData: _optionalChain([opts, 'optionalAccess', _15 => _15.hydrationData]) || parseHydrationData(),
  routes,
  mapRouteProperties: _chunkZ47B263Njs.mapRouteProperties,
  hydrationRouteProperties: _chunkZ47B263Njs.hydrationRouteProperties,
  dataStrategy: _optionalChain([opts, 'optionalAccess', _16 => _16.dataStrategy]),
  patchRoutesOnNavigation: _optionalChain([opts, 'optionalAccess', _17 => _17.patchRoutesOnNavigation]),
  window: _optionalChain([opts, 'optionalAccess', _18 => _18.window]),
  unstable_instrumentations: _optionalChain([opts, 'optionalAccess', _19 => _19.unstable_instrumentations])
}).initialize();
224}
225function parseHydrationData() {
let state = _optionalChain([window, 'optionalAccess', _20 => _20.__staticRouterHydrationData]);
if (state && state.errors) {
  state = {
    ...state,
    errors: deserializeErrors(state.errors)
  };
}
return state;
234}
235function deserializeErrors(errors) {
if (!errors) return null;
let entries = Object.entries(errors);
let serialized = {};
for (let [key, val] of entries) {
  if (val && val.__type === "RouteErrorResponse") {
    serialized[key] = new (0, _chunkZ47B263Njs.ErrorResponseImpl)(
      val.status,
      val.statusText,
      val.data,
      val.internal === true
    );
  } else if (val && val.__type === "Error") {
    if (val.__subType) {
      let ErrorConstructor = window[val.__subType];
      if (typeof ErrorConstructor === "function") {
        try {
          let error = new ErrorConstructor(val.message);
          error.stack = "";
          serialized[key] = error;
        } catch (e) {
        }
      }
    }
    if (serialized[key] == null) {
      let error = new Error(val.message);
      error.stack = "";
      serialized[key] = error;
    }
  } else {
    serialized[key] = val;
  }
}
return serialized;
269}
270function BrowserRouter({
basename,
children,
unstable_useTransitions,
window: window2
275}) {
let historyRef = React.useRef();
if (historyRef.current == null) {
  historyRef.current = _chunkZ47B263Njs.createBrowserHistory.call(void 0, { window: window2, v5Compat: true });
}
let history = historyRef.current;
let [state, setStateImpl] = React.useState({
  action: history.action,
  location: history.location
});
let setState = React.useCallback(
  (newState) => {
    if (unstable_useTransitions === false) {
      setStateImpl(newState);
    } else {
      React.startTransition(() => setStateImpl(newState));
    }
  },
  [unstable_useTransitions]
);
React.useLayoutEffect(() => history.listen(setState), [history, setState]);
return /* @__PURE__ */ React.createElement(
  _chunkZ47B263Njs.Router,
  {
    basename,
    children,
    location: state.location,
    navigationType: state.action,
    navigator: history,
    unstable_useTransitions
  }
);
307}
308function HashRouter({
basename,
children,
unstable_useTransitions,
window: window2
313}) {
let historyRef = React.useRef();
if (historyRef.current == null) {
  historyRef.current = _chunkZ47B263Njs.createHashHistory.call(void 0, { window: window2, v5Compat: true });
}
let history = historyRef.current;
let [state, setStateImpl] = React.useState({
  action: history.action,
  location: history.location
});
let setState = React.useCallback(
  (newState) => {
    if (unstable_useTransitions === false) {
      setStateImpl(newState);
    } else {
      React.startTransition(() => setStateImpl(newState));
    }
  },
  [unstable_useTransitions]
);
React.useLayoutEffect(() => history.listen(setState), [history, setState]);
return /* @__PURE__ */ React.createElement(
  _chunkZ47B263Njs.Router,
  {
    basename,
    children,
    location: state.location,
    navigationType: state.action,
    navigator: history,
    unstable_useTransitions
  }
);
345}
346function HistoryRouter({
basename,
children,
history,
unstable_useTransitions
351}) {
let [state, setStateImpl] = React.useState({
  action: history.action,
  location: history.location
});
let setState = React.useCallback(
  (newState) => {
    if (unstable_useTransitions === false) {
      setStateImpl(newState);
    } else {
      React.startTransition(() => setStateImpl(newState));
    }
  },
  [unstable_useTransitions]
);
React.useLayoutEffect(() => history.listen(setState), [history, setState]);
return /* @__PURE__ */ React.createElement(
  _chunkZ47B263Njs.Router,
  {
    basename,
    children,
    location: state.location,
    navigationType: state.action,
    navigator: history,
    unstable_useTransitions
  }
);
378}
379HistoryRouter.displayName = "unstable_HistoryRouter";
380var ABSOLUTE_URL_REGEX = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
381var Link = React.forwardRef(
function LinkWithRef({
  onClick,
  discover = "render",
  prefetch = "none",
  relative,
  reloadDocument,
  replace,
  state,
  target,
  to,
  preventScrollReset,
  viewTransition,
  unstable_defaultShouldRevalidate,
  ...rest
}, forwardedRef) {
  let { basename, unstable_useTransitions } = React.useContext(_chunkZ47B263Njs.NavigationContext);
  let isAbsolute = typeof to === "string" && ABSOLUTE_URL_REGEX.test(to);
  let parsed = _chunkZ47B263Njs.parseToInfo.call(void 0, to, basename);
  to = parsed.to;
  let href = _chunkZ47B263Njs.useHref.call(void 0, to, { relative });
  let [shouldPrefetch, prefetchRef, prefetchHandlers] = _chunkZ47B263Njs.usePrefetchBehavior.call(void 0, 
    prefetch,
    rest
  );
  let internalOnClick = useLinkClickHandler(to, {
    replace,
    state,
    target,
    preventScrollReset,
    relative,
    viewTransition,
    unstable_defaultShouldRevalidate,
    unstable_useTransitions
  });
  function handleClick(event) {
    if (onClick) onClick(event);
    if (!event.defaultPrevented) {
      internalOnClick(event);
    }
  }
  let link = (
    // eslint-disable-next-line jsx-a11y/anchor-has-content
    /* @__PURE__ */ React.createElement(
      "a",
      {
        ...rest,
        ...prefetchHandlers,
        href: parsed.absoluteURL || href,
        onClick: parsed.isExternal || reloadDocument ? onClick : handleClick,
        ref: _chunkZ47B263Njs.mergeRefs.call(void 0, forwardedRef, prefetchRef),
        target,
        "data-discover": !isAbsolute && discover === "render" ? "true" : void 0
      }
    )
  );
  return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React.createElement(React.Fragment, null, link, /* @__PURE__ */ React.createElement(_chunkZ47B263Njs.PrefetchPageLinks, { page: href })) : link;
}
439);
440Link.displayName = "Link";
441var NavLink = React.forwardRef(
function NavLinkWithRef({
  "aria-current": ariaCurrentProp = "page",
  caseSensitive = false,
  className: classNameProp = "",
  end = false,
  style: styleProp,
  to,
  viewTransition,
  children,
  ...rest
}, ref) {
  let path = _chunkZ47B263Njs.useResolvedPath.call(void 0, to, { relative: rest.relative });
  let location = _chunkZ47B263Njs.useLocation.call(void 0, );
  let routerState = React.useContext(_chunkZ47B263Njs.DataRouterStateContext);
  let { navigator, basename } = React.useContext(_chunkZ47B263Njs.NavigationContext);
  let isTransitioning = routerState != null && // Conditional usage is OK here because the usage of a data router is static
  // eslint-disable-next-line react-hooks/rules-of-hooks
  useViewTransitionState(path) && viewTransition === true;
  let toPathname = navigator.encodeLocation ? navigator.encodeLocation(path).pathname : path.pathname;
  let locationPathname = location.pathname;
  let nextLocationPathname = routerState && routerState.navigation && routerState.navigation.location ? routerState.navigation.location.pathname : null;
  if (!caseSensitive) {
    locationPathname = locationPathname.toLowerCase();
    nextLocationPathname = nextLocationPathname ? nextLocationPathname.toLowerCase() : null;
    toPathname = toPathname.toLowerCase();
  }
  if (nextLocationPathname && basename) {
    nextLocationPathname = _chunkZ47B263Njs.stripBasename.call(void 0, nextLocationPathname, basename) || nextLocationPathname;
  }
  const endSlashPosition = toPathname !== "/" && toPathname.endsWith("/") ? toPathname.length - 1 : toPathname.length;
  let isActive = locationPathname === toPathname || !end && locationPathname.startsWith(toPathname) && locationPathname.charAt(endSlashPosition) === "/";
  let isPending = nextLocationPathname != null && (nextLocationPathname === toPathname || !end && nextLocationPathname.startsWith(toPathname) && nextLocationPathname.charAt(toPathname.length) === "/");
  let renderProps = {
    isActive,
    isPending,
    isTransitioning
  };
  let ariaCurrent = isActive ? ariaCurrentProp : void 0;
  let className;
  if (typeof classNameProp === "function") {
    className = classNameProp(renderProps);
  } else {
    className = [
      classNameProp,
      isActive ? "active" : null,
      isPending ? "pending" : null,
      isTransitioning ? "transitioning" : null
    ].filter(Boolean).join(" ");
  }
  let style = typeof styleProp === "function" ? styleProp(renderProps) : styleProp;
  return /* @__PURE__ */ React.createElement(
    Link,
    {
      ...rest,
      "aria-current": ariaCurrent,
      className,
      ref,
      style,
      to,
      viewTransition
    },
    typeof children === "function" ? children(renderProps) : children
  );
}
506);
507NavLink.displayName = "NavLink";
508var Form = React.forwardRef(
({
  discover = "render",
  fetcherKey,
  navigate,
  reloadDocument,
  replace,
  state,
  method = defaultMethod,
  action,
  onSubmit,
  relative,
  preventScrollReset,
  viewTransition,
  unstable_defaultShouldRevalidate,
  ...props
}, forwardedRef) => {
  let { unstable_useTransitions } = React.useContext(_chunkZ47B263Njs.NavigationContext);
  let submit = useSubmit();
  let formAction = useFormAction(action, { relative });
  let formMethod = method.toLowerCase() === "get" ? "get" : "post";
  let isAbsolute = typeof action === "string" && ABSOLUTE_URL_REGEX.test(action);
  let submitHandler = (event) => {
    onSubmit && onSubmit(event);
    if (event.defaultPrevented) return;
    event.preventDefault();
    let submitter = event.nativeEvent.submitter;
    let submitMethod = _optionalChain([submitter, 'optionalAccess', _21 => _21.getAttribute, 'call', _22 => _22("formmethod")]) || method;
    let doSubmit = () => submit(submitter || event.currentTarget, {
      fetcherKey,
      method: submitMethod,
      navigate,
      replace,
      state,
      relative,
      preventScrollReset,
      viewTransition,
      unstable_defaultShouldRevalidate
    });
    if (unstable_useTransitions && navigate !== false) {
      React.startTransition(() => doSubmit());
    } else {
      doSubmit();
    }
  };
  return /* @__PURE__ */ React.createElement(
    "form",
    {
      ref: forwardedRef,
      method: formMethod,
      action: formAction,
      onSubmit: reloadDocument ? onSubmit : submitHandler,
      ...props,
      "data-discover": !isAbsolute && discover === "render" ? "true" : void 0
    }
  );
}
565);
566Form.displayName = "Form";
567function ScrollRestoration({
getKey,
storageKey,
...props
571}) {
let remixContext = React.useContext(_chunkZ47B263Njs.FrameworkContext);
let { basename } = React.useContext(_chunkZ47B263Njs.NavigationContext);
let location = _chunkZ47B263Njs.useLocation.call(void 0, );
let matches = _chunkZ47B263Njs.useMatches.call(void 0, );
useScrollRestoration({ getKey, storageKey });
let ssrKey = React.useMemo(
  () => {
    if (!remixContext || !getKey) return null;
    let userKey = getScrollRestorationKey(
      location,
      matches,
      basename,
      getKey
    );
    return userKey !== location.key ? userKey : null;
  },
  // Nah, we only need this the first time for the SSR render
  // eslint-disable-next-line react-hooks/exhaustive-deps
  []
);
if (!remixContext || remixContext.isSpaMode) {
  return null;
}
let restoreScroll = ((storageKey2, restoreKey) => {
  if (!window.history.state || !window.history.state.key) {
    let key = Math.random().toString(32).slice(2);
    window.history.replaceState({ key }, "");
  }
  try {
    let positions = JSON.parse(sessionStorage.getItem(storageKey2) || "{}");
    let storedY = positions[restoreKey || window.history.state.key];
    if (typeof storedY === "number") {
      window.scrollTo(0, storedY);
    }
  } catch (error) {
    console.error(error);
    sessionStorage.removeItem(storageKey2);
  }
}).toString();
return /* @__PURE__ */ React.createElement(
  "script",
  {
    ...props,
    suppressHydrationWarning: true,
    dangerouslySetInnerHTML: {
      __html: `(${restoreScroll})(${_chunkZ47B263Njs.escapeHtml.call(void 0, 
        JSON.stringify(storageKey || SCROLL_RESTORATION_STORAGE_KEY)
      )}, ${_chunkZ47B263Njs.escapeHtml.call(void 0, JSON.stringify(ssrKey))})`
    }
  }
);
623}
624ScrollRestoration.displayName = "ScrollRestoration";
625function getDataRouterConsoleError(hookName) {
return `${hookName} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
627}
628function useDataRouterContext(hookName) {
let ctx = React.useContext(_chunkZ47B263Njs.DataRouterContext);
_chunkZ47B263Njs.invariant.call(void 0, ctx, getDataRouterConsoleError(hookName));
return ctx;
632}
633function useDataRouterState(hookName) {
let state = React.useContext(_chunkZ47B263Njs.DataRouterStateContext);
_chunkZ47B263Njs.invariant.call(void 0, state, getDataRouterConsoleError(hookName));
return state;
637}
638function useLinkClickHandler(to, {
target,
replace: replaceProp,
state,
preventScrollReset,
relative,
viewTransition,
unstable_defaultShouldRevalidate,
unstable_useTransitions
647} = {}) {
let navigate = _chunkZ47B263Njs.useNavigate.call(void 0, );
let location = _chunkZ47B263Njs.useLocation.call(void 0, );
let path = _chunkZ47B263Njs.useResolvedPath.call(void 0, to, { relative });
return React.useCallback(
  (event) => {
    if (shouldProcessLinkClick(event, target)) {
      event.preventDefault();
      let replace = replaceProp !== void 0 ? replaceProp : _chunkZ47B263Njs.createPath.call(void 0, location) === _chunkZ47B263Njs.createPath.call(void 0, path);
      let doNavigate = () => navigate(to, {
        replace,
        state,
        preventScrollReset,
        relative,
        viewTransition,
        unstable_defaultShouldRevalidate
      });
      if (unstable_useTransitions) {
        React.startTransition(() => doNavigate());
      } else {
        doNavigate();
      }
    }
  },
  [
    location,
    navigate,
    path,
    replaceProp,
    state,
    target,
    to,
    preventScrollReset,
    relative,
    viewTransition,
    unstable_defaultShouldRevalidate,
    unstable_useTransitions
  ]
);
686}
687function useSearchParams(defaultInit) {
_chunkZ47B263Njs.warning.call(void 0, 
  typeof URLSearchParams !== "undefined",
  `You cannot use the \`useSearchParams\` hook in a browser that does not support the URLSearchParams API. If you need to support Internet Explorer 11, we recommend you load a polyfill such as https://github.com/ungap/url-search-params.`
);
let defaultSearchParamsRef = React.useRef(createSearchParams(defaultInit));
let hasSetSearchParamsRef = React.useRef(false);
let location = _chunkZ47B263Njs.useLocation.call(void 0, );
let searchParams = React.useMemo(
  () => (
    // Only merge in the defaults if we haven't yet called setSearchParams.
    // Once we call that we want those to take precedence, otherwise you can't
    // remove a param with setSearchParams({}) if it has an initial value
    getSearchParamsForLocation(
      location.search,
      hasSetSearchParamsRef.current ? null : defaultSearchParamsRef.current
    )
  ),
  [location.search]
);
let navigate = _chunkZ47B263Njs.useNavigate.call(void 0, );
let setSearchParams = React.useCallback(
  (nextInit, navigateOptions) => {
    const newSearchParams = createSearchParams(
      typeof nextInit === "function" ? nextInit(new URLSearchParams(searchParams)) : nextInit
    );
    hasSetSearchParamsRef.current = true;
    navigate("?" + newSearchParams, navigateOptions);
  },
  [navigate, searchParams]
);
return [searchParams, setSearchParams];
719}
720var fetcherId = 0;
721var getUniqueFetcherId = () => `__${String(++fetcherId)}__`;
722function useSubmit() {
let { router } = useDataRouterContext("useSubmit" /* UseSubmit */);
let { basename } = React.useContext(_chunkZ47B263Njs.NavigationContext);
let currentRouteId = _chunkZ47B263Njs.useRouteId.call(void 0, );
let routerFetch = router.fetch;
let routerNavigate = router.navigate;
return React.useCallback(
  async (target, options = {}) => {
    let { action, method, encType, formData, body } = getFormSubmissionInfo(
      target,
      basename
    );
    if (options.navigate === false) {
      let key = options.fetcherKey || getUniqueFetcherId();
      await routerFetch(key, currentRouteId, options.action || action, {
        unstable_defaultShouldRevalidate: options.unstable_defaultShouldRevalidate,
        preventScrollReset: options.preventScrollReset,
        formData,
        body,
        formMethod: options.method || method,
        formEncType: options.encType || encType,
        flushSync: options.flushSync
      });
    } else {
      await routerNavigate(options.action || action, {
        unstable_defaultShouldRevalidate: options.unstable_defaultShouldRevalidate,
        preventScrollReset: options.preventScrollReset,
        formData,
        body,
        formMethod: options.method || method,
        formEncType: options.encType || encType,
        replace: options.replace,
        state: options.state,
        fromRouteId: currentRouteId,
        flushSync: options.flushSync,
        viewTransition: options.viewTransition
      });
    }
  },
  [routerFetch, routerNavigate, basename, currentRouteId]
);
763}
764function useFormAction(action, { relative } = {}) {
let { basename } = React.useContext(_chunkZ47B263Njs.NavigationContext);
let routeContext = React.useContext(_chunkZ47B263Njs.RouteContext);
_chunkZ47B263Njs.invariant.call(void 0, routeContext, "useFormAction must be used inside a RouteContext");
let [match] = routeContext.matches.slice(-1);
let path = { ..._chunkZ47B263Njs.useResolvedPath.call(void 0, action ? action : ".", { relative }) };
let location = _chunkZ47B263Njs.useLocation.call(void 0, );
if (action == null) {
  path.search = location.search;
  let params = new URLSearchParams(path.search);
  let indexValues = params.getAll("index");
  let hasNakedIndexParam = indexValues.some((v) => v === "");
  if (hasNakedIndexParam) {
    params.delete("index");
    indexValues.filter((v) => v).forEach((v) => params.append("index", v));
    let qs = params.toString();
    path.search = qs ? `?${qs}` : "";
  }
}
if ((!action || action === ".") && match.route.index) {
  path.search = path.search ? path.search.replace(/^\?/, "?index&") : "?index";
}
if (basename !== "/") {
  path.pathname = path.pathname === "/" ? basename : _chunkZ47B263Njs.joinPaths.call(void 0, [basename, path.pathname]);
}
return _chunkZ47B263Njs.createPath.call(void 0, path);
790}
791function useFetcher({
key
793} = {}) {
let { router } = useDataRouterContext("useFetcher" /* UseFetcher */);
let state = useDataRouterState("useFetcher" /* UseFetcher */);
let fetcherData = React.useContext(_chunkZ47B263Njs.FetchersContext);
let route = React.useContext(_chunkZ47B263Njs.RouteContext);
let routeId = _optionalChain([route, 'access', _23 => _23.matches, 'access', _24 => _24[route.matches.length - 1], 'optionalAccess', _25 => _25.route, 'access', _26 => _26.id]);
_chunkZ47B263Njs.invariant.call(void 0, fetcherData, `useFetcher must be used inside a FetchersContext`);
_chunkZ47B263Njs.invariant.call(void 0, route, `useFetcher must be used inside a RouteContext`);
_chunkZ47B263Njs.invariant.call(void 0, 
  routeId != null,
  `useFetcher can only be used on routes that contain a unique "id"`
);
let defaultKey = React.useId();
let [fetcherKey, setFetcherKey] = React.useState(key || defaultKey);
if (key && key !== fetcherKey) {
  setFetcherKey(key);
}
let { deleteFetcher, getFetcher, resetFetcher, fetch: routerFetch } = router;
React.useEffect(() => {
  getFetcher(fetcherKey);
  return () => deleteFetcher(fetcherKey);
}, [deleteFetcher, getFetcher, fetcherKey]);
let load = React.useCallback(
  async (href, opts) => {
    _chunkZ47B263Njs.invariant.call(void 0, routeId, "No routeId available for fetcher.load()");
    await routerFetch(fetcherKey, routeId, href, opts);
  },
  [fetcherKey, routeId, routerFetch]
);
let submitImpl = useSubmit();
let submit = React.useCallback(
  async (target, opts) => {
    await submitImpl(target, {
      ...opts,
      navigate: false,
      fetcherKey
    });
  },
  [fetcherKey, submitImpl]
);
let reset = React.useCallback(
  (opts) => resetFetcher(fetcherKey, opts),
  [resetFetcher, fetcherKey]
);
let FetcherForm = React.useMemo(() => {
  let FetcherForm2 = React.forwardRef(
    (props, ref) => {
      return /* @__PURE__ */ React.createElement(Form, { ...props, navigate: false, fetcherKey, ref });
    }
  );
  FetcherForm2.displayName = "fetcher.Form";
  return FetcherForm2;
}, [fetcherKey]);
let fetcher = state.fetchers.get(fetcherKey) || _chunkZ47B263Njs.IDLE_FETCHER;
let data = fetcherData.get(fetcherKey);
let fetcherWithComponents = React.useMemo(
  () => ({
    Form: FetcherForm,
    submit,
    load,
    reset,
    ...fetcher,
    data
  }),
  [FetcherForm, submit, load, reset, fetcher, data]
);
return fetcherWithComponents;
860}
861function useFetchers() {
let state = useDataRouterState("useFetchers" /* UseFetchers */);
return Array.from(state.fetchers.entries()).map(([key, fetcher]) => ({
  ...fetcher,
  key
}));
867}
868var SCROLL_RESTORATION_STORAGE_KEY = "react-router-scroll-positions";
869var savedScrollPositions = {};
870function getScrollRestorationKey(location, matches, basename, getKey) {
let key = null;
if (getKey) {
  if (basename !== "/") {
    key = getKey(
      {
        ...location,
        pathname: _chunkZ47B263Njs.stripBasename.call(void 0, location.pathname, basename) || location.pathname
      },
      matches
    );
  } else {
    key = getKey(location, matches);
  }
}
if (key == null) {
  key = location.key;
}
return key;
889}
890function useScrollRestoration({
getKey,
storageKey
893} = {}) {
let { router } = useDataRouterContext("useScrollRestoration" /* UseScrollRestoration */);
let { restoreScrollPosition, preventScrollReset } = useDataRouterState(
  "useScrollRestoration" /* UseScrollRestoration */
);
let { basename } = React.useContext(_chunkZ47B263Njs.NavigationContext);
let location = _chunkZ47B263Njs.useLocation.call(void 0, );
let matches = _chunkZ47B263Njs.useMatches.call(void 0, );
let navigation = _chunkZ47B263Njs.useNavigation.call(void 0, );
React.useEffect(() => {
  window.history.scrollRestoration = "manual";
  return () => {
    window.history.scrollRestoration = "auto";
  };
}, []);
usePageHide(
  React.useCallback(() => {
    if (navigation.state === "idle") {
      let key = getScrollRestorationKey(location, matches, basename, getKey);
      savedScrollPositions[key] = window.scrollY;
    }
    try {
      sessionStorage.setItem(
        storageKey || SCROLL_RESTORATION_STORAGE_KEY,
        JSON.stringify(savedScrollPositions)
      );
    } catch (error) {
      _chunkZ47B263Njs.warning.call(void 0, 
        false,
        `Failed to save scroll positions in sessionStorage, <ScrollRestoration /> will not work properly (${error}).`
      );
    }
    window.history.scrollRestoration = "auto";
  }, [navigation.state, getKey, basename, location, matches, storageKey])
);
if (typeof document !== "undefined") {
  React.useLayoutEffect(() => {
    try {
      let sessionPositions = sessionStorage.getItem(
        storageKey || SCROLL_RESTORATION_STORAGE_KEY
      );
      if (sessionPositions) {
        savedScrollPositions = JSON.parse(sessionPositions);
      }
    } catch (e) {
    }
  }, [storageKey]);
  React.useLayoutEffect(() => {
    let disableScrollRestoration = _optionalChain([router, 'optionalAccess', _27 => _27.enableScrollRestoration, 'call', _28 => _28(
      savedScrollPositions,
      () => window.scrollY,
      getKey ? (location2, matches2) => getScrollRestorationKey(location2, matches2, basename, getKey) : void 0
    )]);
    return () => disableScrollRestoration && disableScrollRestoration();
  }, [router, basename, getKey]);
  React.useLayoutEffect(() => {
    if (restoreScrollPosition === false) {
      return;
    }
    if (typeof restoreScrollPosition === "number") {
      window.scrollTo(0, restoreScrollPosition);
      return;
    }
    try {
      if (location.hash) {
        let el = document.getElementById(
          decodeURIComponent(location.hash.slice(1))
        );
        if (el) {
          el.scrollIntoView();
          return;
        }
      }
    } catch (e2) {
      _chunkZ47B263Njs.warning.call(void 0, 
        false,
        `"${location.hash.slice(
          1
        )}" is not a decodable element ID. The view will not scroll to it.`
      );
    }
    if (preventScrollReset === true) {
      return;
    }
    window.scrollTo(0, 0);
  }, [location, restoreScrollPosition, preventScrollReset]);
}
980}
981function useBeforeUnload(callback, options) {
let { capture } = options || {};
React.useEffect(() => {
  let opts = capture != null ? { capture } : void 0;
  window.addEventListener("beforeunload", callback, opts);
  return () => {
    window.removeEventListener("beforeunload", callback, opts);
  };
}, [callback, capture]);
990}
991function usePageHide(callback, options) {
let { capture } = options || {};
React.useEffect(() => {
  let opts = capture != null ? { capture } : void 0;
  window.addEventListener("pagehide", callback, opts);
  return () => {
    window.removeEventListener("pagehide", callback, opts);
  };
}, [callback, capture]);
1000}
1001function usePrompt({
when,
message
1004}) {
let blocker = _chunkZ47B263Njs.useBlocker.call(void 0, when);
React.useEffect(() => {
  if (blocker.state === "blocked") {
    let proceed = window.confirm(message);
    if (proceed) {
      setTimeout(blocker.proceed, 0);
    } else {
      blocker.reset();
    }
  }
}, [blocker, message]);
React.useEffect(() => {
  if (blocker.state === "blocked" && !when) {
    blocker.reset();
  }
}, [blocker, when]);
1021}
1022function useViewTransitionState(to, { relative } = {}) {
let vtContext = React.useContext(_chunkZ47B263Njs.ViewTransitionContext);
_chunkZ47B263Njs.invariant.call(void 0, 
  vtContext != null,
  "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
);
let { basename } = useDataRouterContext(
  "useViewTransitionState" /* useViewTransitionState */
);
let path = _chunkZ47B263Njs.useResolvedPath.call(void 0, to, { relative });
if (!vtContext.isTransitioning) {
  return false;
}
let currentPath = _chunkZ47B263Njs.stripBasename.call(void 0, vtContext.currentLocation.pathname, basename) || vtContext.currentLocation.pathname;
let nextPath = _chunkZ47B263Njs.stripBasename.call(void 0, vtContext.nextLocation.pathname, basename) || vtContext.nextLocation.pathname;
return _chunkZ47B263Njs.matchPath.call(void 0, path.pathname, nextPath) != null || _chunkZ47B263Njs.matchPath.call(void 0, path.pathname, currentPath) != null;
1038}
1039
1040// lib/dom/server.tsx
1041
1042function StaticRouter({
basename,
children,
location: locationProp = "/"
1046}) {
if (typeof locationProp === "string") {
  locationProp = _chunkZ47B263Njs.parsePath.call(void 0, locationProp);
}
let action = "POP" /* Pop */;
let location = {
  pathname: locationProp.pathname || "/",
  search: locationProp.search || "",
  hash: locationProp.hash || "",
  state: locationProp.state != null ? locationProp.state : null,
  key: locationProp.key || "default"
};
let staticNavigator = getStatelessNavigator();
return /* @__PURE__ */ React2.createElement(
  _chunkZ47B263Njs.Router,
  {
    basename,
    children,
    location,
    navigationType: action,
    navigator: staticNavigator,
    static: true,
    unstable_useTransitions: false
  }
);
1071}
1072function StaticRouterProvider({
context,
router,
hydrate = true,
nonce
1077}) {
_chunkZ47B263Njs.invariant.call(void 0, 
  router && context,
  "You must provide `router` and `context` to <StaticRouterProvider>"
);
let dataRouterContext = {
  router,
  navigator: getStatelessNavigator(),
  static: true,
  staticContext: context,
  basename: context.basename || "/"
};
let fetchersContext = /* @__PURE__ */ new Map();
let hydrateScript = "";
if (hydrate !== false) {
  let data = {
    loaderData: context.loaderData,
    actionData: context.actionData,
    errors: serializeErrors(context.errors)
  };
  let json = _chunkZ47B263Njs.escapeHtml.call(void 0, JSON.stringify(JSON.stringify(data)));
  hydrateScript = `window.__staticRouterHydrationData = JSON.parse(${json});`;
}
let { state } = dataRouterContext.router;
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(_chunkZ47B263Njs.DataRouterContext.Provider, { value: dataRouterContext }, /* @__PURE__ */ React2.createElement(_chunkZ47B263Njs.DataRouterStateContext.Provider, { value: state }, /* @__PURE__ */ React2.createElement(_chunkZ47B263Njs.FetchersContext.Provider, { value: fetchersContext }, /* @__PURE__ */ React2.createElement(_chunkZ47B263Njs.ViewTransitionContext.Provider, { value: { isTransitioning: false } }, /* @__PURE__ */ React2.createElement(
  _chunkZ47B263Njs.Router,
  {
    basename: dataRouterContext.basename,
    location: state.location,
    navigationType: state.historyAction,
    navigator: dataRouterContext.navigator,
    static: dataRouterContext.static,
    unstable_useTransitions: false
  },
  /* @__PURE__ */ React2.createElement(
    DataRoutes,
    {
      routes: router.routes,
      future: router.future,
      state
    }
  )
))))), hydrateScript ? /* @__PURE__ */ React2.createElement(
  "script",
  {
    suppressHydrationWarning: true,
    nonce,
    dangerouslySetInnerHTML: { __html: hydrateScript }
  }
) : null);
1127}
1128function DataRoutes({
routes,
future,
state
1132}) {
return _chunkZ47B263Njs.useRoutesImpl.call(void 0, routes, void 0, state, void 0, future);
1134}
1135function serializeErrors(errors) {
if (!errors) return null;
let entries = Object.entries(errors);
let serialized = {};
for (let [key, val] of entries) {
  if (_chunkZ47B263Njs.isRouteErrorResponse.call(void 0, val)) {
    serialized[key] = { ...val, __type: "RouteErrorResponse" };
  } else if (val instanceof Error) {
    serialized[key] = {
      message: val.message,
      __type: "Error",
      // If this is a subclass (i.e., ReferenceError), send up the type so we
      // can re-create the same type during hydration.
      ...val.name !== "Error" ? {
        __subType: val.name
      } : {}
    };
  } else {
    serialized[key] = val;
  }
}
return serialized;
1157}
1158function getStatelessNavigator() {
return {
  createHref,
  encodeLocation,
  push(to) {
    throw new Error(
      `You cannot use navigator.push() on the server because it is a stateless environment. This error was probably triggered when you did a \`navigate(${JSON.stringify(to)})\` somewhere in your app.`
    );
  },
  replace(to) {
    throw new Error(
      `You cannot use navigator.replace() on the server because it is a stateless environment. This error was probably triggered when you did a \`navigate(${JSON.stringify(to)}, { replace: true })\` somewhere in your app.`
    );
  },
  go(delta) {
    throw new Error(
      `You cannot use navigator.go() on the server because it is a stateless environment. This error was probably triggered when you did a \`navigate(${delta})\` somewhere in your app.`
    );
  },
  back() {
    throw new Error(
      `You cannot use navigator.back() on the server because it is a stateless environment.`
    );
  },
  forward() {
    throw new Error(
      `You cannot use navigator.forward() on the server because it is a stateless environment.`
    );
  }
};
1188}
1189function createStaticHandler2(routes, opts) {
return _chunkZ47B263Njs.createStaticHandler.call(void 0, routes, {
  ...opts,
  mapRouteProperties: _chunkZ47B263Njs.mapRouteProperties
});
1194}
1195function createStaticRouter(routes, context, opts = {}) {
let manifest = {};
let dataRoutes = _chunkZ47B263Njs.convertRoutesToDataRoutes.call(void 0, 
  routes,
  _chunkZ47B263Njs.mapRouteProperties,
  void 0,
  manifest
);
let matches = context.matches.map((match) => {
  let route = manifest[match.route.id] || match.route;
  return {
    ...match,
    route
  };
});
let msg = (method) => `You cannot use router.${method}() on the server because it is a stateless environment`;
return {
  get basename() {
    return context.basename;
  },
  get future() {
    return {
      v8_middleware: false,
      ..._optionalChain([opts, 'optionalAccess', _29 => _29.future])
    };
  },
  get state() {
    return {
      historyAction: "POP" /* Pop */,
      location: context.location,
      matches,
      loaderData: context.loaderData,
      actionData: context.actionData,
      errors: context.errors,
      initialized: true,
      navigation: _chunkZ47B263Njs.IDLE_NAVIGATION,
      restoreScrollPosition: null,
      preventScrollReset: false,
      revalidation: "idle",
      fetchers: /* @__PURE__ */ new Map(),
      blockers: /* @__PURE__ */ new Map()
    };
  },
  get routes() {
    return dataRoutes;
  },
  get window() {
    return void 0;
  },
  initialize() {
    throw msg("initialize");
  },
  subscribe() {
    throw msg("subscribe");
  },
  enableScrollRestoration() {
    throw msg("enableScrollRestoration");
  },
  navigate() {
    throw msg("navigate");
  },
  fetch() {
    throw msg("fetch");
  },
  revalidate() {
    throw msg("revalidate");
  },
  createHref,
  encodeLocation,
  getFetcher() {
    return _chunkZ47B263Njs.IDLE_FETCHER;
  },
  deleteFetcher() {
    throw msg("deleteFetcher");
  },
  resetFetcher() {
    throw msg("resetFetcher");
  },
  dispose() {
    throw msg("dispose");
  },
  getBlocker() {
    return _chunkZ47B263Njs.IDLE_BLOCKER;
  },
  deleteBlocker() {
    throw msg("deleteBlocker");
  },
  patchRoutes() {
    throw msg("patchRoutes");
  },
  _internalFetchControllers: /* @__PURE__ */ new Map(),
  _internalSetRoutes() {
    throw msg("_internalSetRoutes");
  },
  _internalSetStateDoNotUseOrYouWillBreakYourApp() {
    throw msg("_internalSetStateDoNotUseOrYouWillBreakYourApp");
  }
};
1293}
1294function createHref(to) {
return typeof to === "string" ? to : _chunkZ47B263Njs.createPath.call(void 0, to);
1296}
1297function encodeLocation(to) {
let href = typeof to === "string" ? to : _chunkZ47B263Njs.createPath.call(void 0, to);
href = href.replace(/ $/, "%20");
let encoded = ABSOLUTE_URL_REGEX2.test(href) ? new URL(href) : new URL(href, "http://localhost");
return {
  pathname: encoded.pathname,
  search: encoded.search,
  hash: encoded.hash
};
1306}
1307var ABSOLUTE_URL_REGEX2 = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
1332
1333
1334exports.createSearchParams = createSearchParams; exports.createBrowserRouter = createBrowserRouter; exports.createHashRouter = createHashRouter; exports.BrowserRouter = BrowserRouter; exports.HashRouter = HashRouter; exports.HistoryRouter = HistoryRouter; exports.Link = Link; exports.NavLink = NavLink; exports.Form = Form; exports.ScrollRestoration = ScrollRestoration; exports.useLinkClickHandler = useLinkClickHandler; exports.useSearchParams = useSearchParams; exports.useSubmit = useSubmit; exports.useFormAction = useFormAction; exports.useFetcher = useFetcher; exports.useFetchers = useFetchers; exports.useScrollRestoration = useScrollRestoration; exports.useBeforeUnload = useBeforeUnload; exports.usePrompt = usePrompt; exports.useViewTransitionState = useViewTransitionState; exports.StaticRouter = StaticRouter; exports.StaticRouterProvider = StaticRouterProvider; exports.createStaticHandler = createStaticHandler2; exports.createStaticRouter = createStaticRouter;
1	"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' \|\| op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' \|\| op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' \|\| op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }/**
2	`* react-router v7.12.0`
3	`*`
4	`* Copyright (c) Remix Software Inc.`
5	`*`
6	`* This source code is licensed under the MIT license found in the`
7	`* LICENSE.md file in the root directory of this source tree.`
8	`*`
9	`* @license MIT`
10	`*/`
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40