@inertiajs/react 2.0.14 → 2.0.15

package/dist/index.esm.js

@@ -1,2 +1,911 @@
-import{router as St}from"@inertiajs/core";import{router as Ke,setupProgress as Be}from"@inertiajs/core";import{createElement as Ve}from"react";import{createHeadManager as Oe,router as fe}from"@inertiajs/core";import{createElement as O,useEffect as Me,useMemo as Le,useState as He}from"react";import{createContext as ke}from"react";var le=ke(void 0);le.displayName="InertiaHeadContext";var B=le;import{createContext as we}from"react";var de=we(void 0);de.displayName="InertiaPageContext";var V=de;var ne=!0,me=!1,ge=async()=>{ne=!1};function q({children:r,initialPage:e,initialComponent:i,resolveComponent:s,titleCallback:a,onHeadUpdate:f}){let[d,P]=He({component:i||null,page:e,key:null}),c=Le(()=>Oe(typeof window>"u",a||(l=>l),f||(()=>{})),[]);if(me||(fe.init({initialPage:e,resolveComponent:s,swapComponent:async l=>ge(l)}),me=!0),Me(()=>{ge=async({component:l,page:u,preserveState:o})=>{if(ne){ne=!1;return}P(t=>({component:l,page:u,key:o?t.key:Date.now()}))},fe.on("navigate",()=>c.forceUpdate())},[]),!d.component)return O(B.Provider,{value:c},O(V.Provider,{value:d.page},null));let m=r||(({Component:l,props:u,key:o})=>{let t=O(l,{key:o,...u});return typeof l.layout=="function"?l.layout(t):Array.isArray(l.layout)?l.layout.concat(t).reverse().reduce((g,F)=>O(F,{children:g,...u})):t});return O(B.Provider,{value:c},O(V.Provider,{value:d.page},m({Component:d.component,key:d.key,props:d.page.props})))}q.displayName="Inertia";async function ye({id:r="app",resolve:e,setup:i,title:s,progress:a={},page:f,render:d}){let P=typeof window>"u",c=P?null:document.getElementById(r),m=f||JSON.parse(c.dataset.page),l=t=>Promise.resolve(e(t)).then(g=>g.default||g),u=[],o=await Promise.all([l(m.component),Ke.decryptHistory().catch(()=>{})]).then(([t])=>i({el:c,App:q,props:{initialPage:m,initialComponent:t,resolveComponent:l,titleCallback:s,onHeadUpdate:P?g=>u=g:null}}));if(!P&&a&&Be(a),P){let t=await d(Ve("div",{id:r,"data-page":JSON.stringify(m)},o));return{head:u,body:t}}}import{useEffect as Pe,useMemo as Ne,useState as je}from"react";import{useContext as Ue}from"react";function J(){let r=Ue(V);if(!r)throw new Error("usePage must be used within the Inertia component");return r}var he=r=>(r=new URL(r.href),r.hash="",r),$e=(r,e)=>he(r).href===he(e).href,Fe=({children:r,data:e,fallback:i})=>{if(!e)throw new Error("`<Deferred>` requires a `data` prop to be a string or array of strings");let[s,a]=je(!1),f=J().props,d=Ne(()=>Array.isArray(e)?e:[e],[e]);return Pe(()=>{let P=Se.on("start",c=>{let m=c.detail.visit.only.length>0||c.detail.visit.except.length>0,l=c.detail.visit.only.find(u=>d.includes(u));$e(c.detail.visit.url,window.location)&&(!m||l)&&a(!1)});return()=>{P()}},[]),Pe(()=>{a(d.every(P=>f[P]!==void 0))},[f,d]),s?r:i};Fe.displayName="InertiaDeferred";var We=Fe;import Te,{useContext as _e,useEffect as qe,useMemo as Je}from"react";var ze=function({children:r,title:e}){let i=_e(B),s=Je(()=>i.createProvider(),[i]),a=typeof window>"u";qe(()=>(s.reconnect(),s.update(u(r)),()=>{s.disconnect()}),[s,r,e]);function f(o){return["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"].indexOf(o.type)>-1}function d(o){let t=Object.keys(o.props).reduce((g,F)=>{if(["head-key","children","dangerouslySetInnerHTML"].includes(F))return g;let b=o.props[F];return b===""?g+` ${F}`:g+` ${F}="${b}"`},"");return`<${o.type}${t}>`}function P(o){return typeof o.props.children=="string"?o.props.children:o.props.children.reduce((t,g)=>t+c(g),"")}function c(o){let t=d(o);return o.props.children&&(t+=P(o)),o.props.dangerouslySetInnerHTML&&(t+=o.props.dangerouslySetInnerHTML.__html),f(o)||(t+=`</${o.type}>`),t}function m(o){return Te.cloneElement(o,{inertia:o.props["head-key"]!==void 0?o.props["head-key"]:""})}function l(o){return c(m(o))}function u(o){let t=Te.Children.toArray(o).filter(g=>g).map(g=>l(g));return e&&!t.find(g=>g.startsWith("<title"))&&t.push(`<title inertia>${e}</title>`),t}return a&&s.update(u(r)),null},Qe=ze;import{mergeDataIntoQueryString as Ye,router as se,shouldIntercept as ae}from"@inertiajs/core";import{createElement as Ge,forwardRef as Xe,useEffect as ve,useMemo as be,useRef as Ze,useState as et}from"react";var x=()=>{},Ce=Xe(({children:r,as:e="a",data:i={},href:s,method:a="get",preserveScroll:f=!1,preserveState:d=null,replace:P=!1,only:c=[],except:m=[],headers:l={},queryStringArrayFormat:u="brackets",async:o=!1,onClick:t=x,onCancelToken:g=x,onBefore:F=x,onStart:b=x,onProgress:E=x,onFinish:Y=x,onCancel:j=x,onSuccess:G=x,onError:M=x,prefetch:T=!1,cacheFor:k=0,...R},X)=>{let[$,L]=et(0),H=Ze(null);e=e.toLowerCase(),a=typeof s=="object"?s.method:a.toLowerCase();let[Z,ee]=Ye(a,typeof s=="object"?s.url:s||"",i,u),w=Z;i=ee;let A={data:i,method:a,preserveScroll:f,preserveState:d??a!=="get",replace:P,only:c,except:m,headers:l,async:o},W={...A,onCancelToken:g,onBefore:F,onStart(p){L(y=>y+1),b(p)},onProgress:E,onFinish(p){L(y=>y-1),Y(p)},onCancel:j,onSuccess:G,onError:M},K=()=>{se.prefetch(w,A,{cacheFor:te})},D=be(()=>T===!0?["hover"]:T===!1?[]:Array.isArray(T)?T:[T],Array.isArray(T)?T:[T]),te=be(()=>k!==0?k:D.length===1&&D[0]==="click"?0:3e4,[k,D]);ve(()=>()=>{clearTimeout(H.current)},[]),ve(()=>{D.includes("mount")&&setTimeout(()=>K())},D);let _={onClick:p=>{t(p),ae(p)&&(p.preventDefault(),se.visit(w,W))}},re={onMouseEnter:()=>{H.current=window.setTimeout(()=>{K()},75)},onMouseLeave:()=>{clearTimeout(H.current)},onClick:_.onClick},oe={onMouseDown:p=>{ae(p)&&(p.preventDefault(),K())},onMouseUp:p=>{p.preventDefault(),se.visit(w,W)},onClick:p=>{t(p),ae(p)&&p.preventDefault()}};return a!=="get"&&(e="button"),Ge(e,{...R,...{a:{href:w},button:{type:"button"}}[e]||{},ref:X,...D.includes("hover")?re:D.includes("click")?oe:_,"data-loading":$>0?"":void 0},r)});Ce.displayName="InertiaLink";var tt=Ce;import{router as De}from"@inertiajs/core";import{cloneDeep as z,isEqual as nt}from"es-toolkit";import{get as st,has as at,set as ie}from"es-toolkit/compat";import{useCallback as v,useEffect as it,useLayoutEffect as pt,useMemo as ut,useRef as Q,useState as I}from"react";import{router as Re}from"@inertiajs/core";import{useEffect as rt,useState as ot}from"react";function U(r,e){let[i,s]=ot(()=>{let a=Re.restore(e);return a!==void 0?a:r});return rt(()=>{Re.remember(i,e)},[i,e]),[i,s]}function xe(r,e){let i=Q(null),s=typeof r=="string"?r:null,[a,f]=I((typeof r=="string"?e:r)||{}),d=Q(null),P=Q(null),[c,m]=s?U(a,`${s}:data`):I(a),[l,u]=s?U({},`${s}:errors`):I({}),[o,t]=I(!1),[g,F]=I(!1),[b,E]=I(null),[Y,j]=I(!1),[G,M]=I(!1),T=Q(n=>n),k=ut(()=>!nt(c,a),[c,a]);it(()=>(i.current=!0,()=>{i.current=!1}),[]);let R=v((...n)=>{let p=typeof n[0]=="object",y=p?n[0].method:n[0],C=p?n[0].url:n[1],h=(p?n[1]:n[2])??{},ce={...h,onCancelToken:S=>{if(d.current=S,h.onCancelToken)return h.onCancelToken(S)},onBefore:S=>{if(j(!1),M(!1),clearTimeout(P.current),h.onBefore)return h.onBefore(S)},onStart:S=>{if(F(!0),h.onStart)return h.onStart(S)},onProgress:S=>{if(E(S),h.onProgress)return h.onProgress(S)},onSuccess:S=>{if(i.current&&(F(!1),E(null),u({}),t(!1),j(!0),M(!0),f(z(c)),P.current=setTimeout(()=>{i.current&&M(!1)},2e3)),h.onSuccess)return h.onSuccess(S)},onError:S=>{if(i.current&&(F(!1),E(null),u(S),t(!0)),h.onError)return h.onError(S)},onCancel:()=>{if(i.current&&(F(!1),E(null)),h.onCancel)return h.onCancel()},onFinish:S=>{if(i.current&&(F(!1),E(null)),d.current=null,h.onFinish)return h.onFinish(S)}};y==="delete"?De.delete(C,{...ce,data:T.current(c)}):De[y](C,T.current(c),ce)},[c,u,T]),X=v((n,p)=>{m(typeof n=="string"?y=>ie(z(y),n,p):typeof n=="function"?y=>n(y):n)},[m]),[$,L]=I(!1),H=v((n,p)=>{typeof n>"u"?(f(c),L(!0)):f(y=>typeof n=="string"?ie(z(y),n,p):Object.assign(z(y),n))},[c,f]);pt(()=>{$&&(k&&f(c),L(!1))},[$]);let Z=v((...n)=>{n.length===0?m(a):m(p=>n.filter(y=>at(a,y)).reduce((y,C)=>ie(y,C,st(a,C)),{...p}))},[m,a]),ee=v((n,p)=>{u(y=>{let C={...y,...typeof n=="string"?{[n]:p}:n};return t(Object.keys(C).length>0),C})},[u,t]),w=v((...n)=>{u(p=>{let y=Object.keys(p).reduce((C,h)=>({...C,...n.length>0&&!n.includes(h)?{[h]:p[h]}:{}}),{});return t(Object.keys(y).length>0),y})},[u,t]),A=n=>(p,y)=>{R(n,p,y)},W=v(A("get"),[R]),K=v(A("post"),[R]),D=v(A("put"),[R]),te=v(A("patch"),[R]),_=v(A("delete"),[R]),re=v(()=>{d.current&&d.current.cancel()},[]),oe=v(n=>{T.current=n},[]);return{data:c,setData:X,isDirty:k,errors:l,hasErrors:o,processing:g,progress:b,wasSuccessful:Y,recentlySuccessful:G,transform:oe,setDefaults:H,reset:Z,setError:ee,clearErrors:w,submit:R,get:W,post:K,put:D,patch:te,delete:_,cancel:re}}import{router as ct}from"@inertiajs/core";import{useEffect as lt,useRef as dt}from"react";function Ie(r,e={},i={keepAlive:!1,autoStart:!0}){let s=dt(ct.poll(r,e,{...i,autoStart:!1}));return lt(()=>((i.autoStart??!0)&&s.current.start(),()=>s.current.stop()),[]),{stop:s.current.stop,start:s.current.start}}import{router as N}from"@inertiajs/core";import{useEffect as ft,useState as pe}from"react";function Ae(r={}){let e=typeof window>"u"?null:N.getCached(window.location.pathname,r),i=typeof window>"u"?null:N.getPrefetching(window.location.pathname,r),[s,a]=pe(e?.staleTimestamp||null),[f,d]=pe(i!==null),[P,c]=pe(e!==null);return ft(()=>{let m=N.on("prefetching",u=>{u.detail.visit.url.pathname===window.location.pathname&&d(!0)}),l=N.on("prefetched",u=>{u.detail.visit.url.pathname===window.location.pathname&&(d(!1),c(!0),a(u.detail.fetchedAt))});return()=>{l(),m()}},[]),{lastUpdatedAt:s,isPrefetching:f,isPrefetched:P,flush:()=>N.flush(window.location.pathname,r)}}import{router as mt}from"@inertiajs/core";import{createElement as gt,useCallback as yt,useEffect as Pt,useRef as ue,useState as ht}from"react";var Ee=({children:r,data:e,params:i,buffer:s,as:a,always:f,fallback:d})=>{f=f??!1,a=a??"div",d=d??null;let[P,c]=ht(!1),m=ue(!1),l=ue(!1),u=ue(null),o=yt(()=>{if(e)return{only:Array.isArray(e)?e:[e]};if(!i)throw new Error("You must provide either a `data` or `params` prop.");return i},[i,e]);return Pt(()=>{if(!u.current)return;let t=new IntersectionObserver(g=>{if(!g[0].isIntersecting||(!f&&m.current&&t.disconnect(),l.current))return;m.current=!0,l.current=!0;let F=o();mt.reload({...F,onStart:b=>{l.current=!0,F.onStart?.(b)},onFinish:b=>{c(!0),l.current=!1,F.onFinish?.(b),f||t.disconnect()}})},{rootMargin:`${s||0}px`});return t.observe(u.current),()=>{t.disconnect()}},[u,o,s]),f||!P?gt(a,{props:null,ref:u},P?r:d):P?r:null};Ee.displayName="InertiaWhenVisible";var Ft=Ee;var Se=St;export{We as Deferred,Qe as Head,tt as Link,Ft as WhenVisible,ye as createInertiaApp,Se as router,xe as useForm,J as usePage,Ie as usePoll,Ae as usePrefetch,U as useRemember};
+// src/index.ts
+import { router as Router } from "@inertiajs/core";
+
+// src/createInertiaApp.ts
+import { router as router2, setupProgress } from "@inertiajs/core";
+import { createElement as createElement2 } from "react";
+
+// src/App.ts
+import { createHeadManager, router } from "@inertiajs/core";
+import { createElement, useEffect, useMemo, useState } from "react";
+
+// src/HeadContext.ts
+import { createContext } from "react";
+var headContext = createContext(void 0);
+headContext.displayName = "InertiaHeadContext";
+var HeadContext_default = headContext;
+
+// src/PageContext.ts
+import { createContext as createContext2 } from "react";
+var pageContext = createContext2(void 0);
+pageContext.displayName = "InertiaPageContext";
+var PageContext_default = pageContext;
+
+// src/App.ts
+var currentIsInitialPage = true;
+var routerIsInitialized = false;
+var swapComponent = async () => {
+  currentIsInitialPage = false;
+};
+function App({
+  children,
+  initialPage,
+  initialComponent,
+  resolveComponent,
+  titleCallback,
+  onHeadUpdate
+}) {
+  const [current, setCurrent] = useState({
+    component: initialComponent || null,
+    page: initialPage,
+    key: null
+  });
+  const headManager = useMemo(() => {
+    return createHeadManager(
+      typeof window === "undefined",
+      titleCallback || ((title) => title),
+      onHeadUpdate || (() => {
+      })
+    );
+  }, []);
+  if (!routerIsInitialized) {
+    router.init({
+      initialPage,
+      resolveComponent,
+      swapComponent: async (args) => swapComponent(args)
+    });
+    routerIsInitialized = true;
+  }
+  useEffect(() => {
+    swapComponent = async ({ component, page, preserveState }) => {
+      if (currentIsInitialPage) {
+        currentIsInitialPage = false;
+        return;
+      }
+      setCurrent((current2) => ({
+        component,
+        page,
+        key: preserveState ? current2.key : Date.now()
+      }));
+    };
+    router.on("navigate", () => headManager.forceUpdate());
+  }, []);
+  if (!current.component) {
+    return createElement(
+      HeadContext_default.Provider,
+      { value: headManager },
+      createElement(PageContext_default.Provider, { value: current.page }, null)
+    );
+  }
+  const renderChildren = children || (({ Component, props, key }) => {
+    const child = createElement(Component, { key, ...props });
+    if (typeof Component.layout === "function") {
+      return Component.layout(child);
+    }
+    if (Array.isArray(Component.layout)) {
+      return Component.layout.concat(child).reverse().reduce((children2, Layout) => createElement(Layout, { children: children2, ...props }));
+    }
+    return child;
+  });
+  return createElement(
+    HeadContext_default.Provider,
+    { value: headManager },
+    createElement(
+      PageContext_default.Provider,
+      { value: current.page },
+      renderChildren({
+        Component: current.component,
+        key: current.key,
+        props: current.page.props
+      })
+    )
+  );
+}
+App.displayName = "Inertia";
+
+// src/createInertiaApp.ts
+async function createInertiaApp({
+  id = "app",
+  resolve,
+  setup,
+  title,
+  progress = {},
+  page,
+  render
+}) {
+  const isServer = typeof window === "undefined";
+  const el = isServer ? null : document.getElementById(id);
+  const initialPage = page || JSON.parse(el.dataset.page);
+  const resolveComponent = (name) => Promise.resolve(resolve(name)).then((module) => module.default || module);
+  let head = [];
+  const reactApp = await Promise.all([
+    resolveComponent(initialPage.component),
+    router2.decryptHistory().catch(() => {
+    })
+  ]).then(([initialComponent]) => {
+    return setup({
+      // @ts-expect-error
+      el,
+      App,
+      props: {
+        initialPage,
+        initialComponent,
+        resolveComponent,
+        titleCallback: title,
+        onHeadUpdate: isServer ? (elements) => head = elements : null
+      }
+    });
+  });
+  if (!isServer && progress) {
+    setupProgress(progress);
+  }
+  if (isServer) {
+    const body = await render(
+      createElement2(
+        "div",
+        {
+          id,
+          "data-page": JSON.stringify(initialPage)
+        },
+        // @ts-expect-error
+        reactApp
+      )
+    );
+    return { head, body };
+  }
+}
+
+// src/Deferred.ts
+import { useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+
+// src/usePage.ts
+import { useContext } from "react";
+function usePage() {
+  const page = useContext(PageContext_default);
+  if (!page) {
+    throw new Error("usePage must be used within the Inertia component");
+  }
+  return page;
+}
+
+// src/Deferred.ts
+var urlWithoutHash = (url) => {
+  url = new URL(url.href);
+  url.hash = "";
+  return url;
+};
+var isSameUrlWithoutHash = (url1, url2) => {
+  return urlWithoutHash(url1).href === urlWithoutHash(url2).href;
+};
+var Deferred = ({ children, data, fallback }) => {
+  if (!data) {
+    throw new Error("`<Deferred>` requires a `data` prop to be a string or array of strings");
+  }
+  const [loaded, setLoaded] = useState2(false);
+  const pageProps = usePage().props;
+  const keys = useMemo2(() => Array.isArray(data) ? data : [data], [data]);
+  useEffect2(() => {
+    const removeListener = router3.on("start", (e) => {
+      const isPartialVisit = e.detail.visit.only.length > 0 || e.detail.visit.except.length > 0;
+      const isReloadingKey = e.detail.visit.only.find((key) => keys.includes(key));
+      if (isSameUrlWithoutHash(e.detail.visit.url, window.location) && (!isPartialVisit || isReloadingKey)) {
+        setLoaded(false);
+      }
+    });
+    return () => {
+      removeListener();
+    };
+  }, []);
+  useEffect2(() => {
+    setLoaded(keys.every((key) => pageProps[key] !== void 0));
+  }, [pageProps, keys]);
+  return loaded ? children : fallback;
+};
+Deferred.displayName = "InertiaDeferred";
+var Deferred_default = Deferred;
+
+// src/Head.ts
+import { escape } from "es-toolkit";
+import React, { useContext as useContext2, useEffect as useEffect3, useMemo as useMemo3 } from "react";
+var Head = function({ children, title }) {
+  const headManager = useContext2(HeadContext_default);
+  const provider = useMemo3(() => headManager.createProvider(), [headManager]);
+  const isServer = typeof window === "undefined";
+  useEffect3(() => {
+    provider.reconnect();
+    provider.update(renderNodes(children));
+    return () => {
+      provider.disconnect();
+    };
+  }, [provider, children, title]);
+  function isUnaryTag(node) {
+    return [
+      "area",
+      "base",
+      "br",
+      "col",
+      "embed",
+      "hr",
+      "img",
+      "input",
+      "keygen",
+      "link",
+      "meta",
+      "param",
+      "source",
+      "track",
+      "wbr"
+    ].indexOf(node.type) > -1;
+  }
+  function renderTagStart(node) {
+    const attrs = Object.keys(node.props).reduce((carry, name) => {
+      if (["head-key", "children", "dangerouslySetInnerHTML"].includes(name)) {
+        return carry;
+      }
+      const value = node.props[name];
+      if (value === "") {
+        return carry + ` ${name}`;
+      } else {
+        return carry + ` ${name}="${escape(value)}"`;
+      }
+    }, "");
+    return `<${node.type}${attrs}>`;
+  }
+  function renderTagChildren(node) {
+    return typeof node.props.children === "string" ? node.props.children : node.props.children.reduce((html, child) => html + renderTag(child), "");
+  }
+  function renderTag(node) {
+    let html = renderTagStart(node);
+    if (node.props.children) {
+      html += renderTagChildren(node);
+    }
+    if (node.props.dangerouslySetInnerHTML) {
+      html += node.props.dangerouslySetInnerHTML.__html;
+    }
+    if (!isUnaryTag(node)) {
+      html += `</${node.type}>`;
+    }
+    return html;
+  }
+  function ensureNodeHasInertiaProp(node) {
+    return React.cloneElement(node, {
+      inertia: node.props["head-key"] !== void 0 ? node.props["head-key"] : ""
+    });
+  }
+  function renderNode(node) {
+    return renderTag(ensureNodeHasInertiaProp(node));
+  }
+  function renderNodes(nodes) {
+    const computed = React.Children.toArray(nodes).filter((node) => node).map((node) => renderNode(node));
+    if (title && !computed.find((tag) => tag.startsWith("<title"))) {
+      computed.push(`<title inertia>${title}</title>`);
+    }
+    return computed;
+  }
+  if (isServer) {
+    provider.update(renderNodes(children));
+  }
+  return null;
+};
+var Head_default = Head;
+
+// src/Link.ts
+import {
+  mergeDataIntoQueryString,
+  router as router4,
+  shouldIntercept
+} from "@inertiajs/core";
+import { createElement as createElement3, forwardRef, useEffect as useEffect4, useMemo as useMemo4, useRef, useState as useState3 } from "react";
+var noop = () => void 0;
+var Link = forwardRef(
+  ({
+    children,
+    as = "a",
+    data = {},
+    href,
+    method = "get",
+    preserveScroll = false,
+    preserveState = null,
+    replace = false,
+    only = [],
+    except = [],
+    headers = {},
+    queryStringArrayFormat = "brackets",
+    async = false,
+    onClick = noop,
+    onCancelToken = noop,
+    onBefore = noop,
+    onStart = noop,
+    onProgress = noop,
+    onFinish = noop,
+    onCancel = noop,
+    onSuccess = noop,
+    onError = noop,
+    prefetch = false,
+    cacheFor = 0,
+    ...props
+  }, ref) => {
+    const [inFlightCount, setInFlightCount] = useState3(0);
+    const hoverTimeout = useRef(null);
+    const _method = useMemo4(() => {
+      return typeof href === "object" ? href.method : method.toLowerCase();
+    }, [href, method]);
+    const _as = useMemo4(() => {
+      as = as.toLowerCase();
+      return _method !== "get" ? "button" : as;
+    }, [as, _method]);
+    const mergeDataArray = useMemo4(
+      () => mergeDataIntoQueryString(
+        _method,
+        typeof href === "object" ? href.url : href || "",
+        data,
+        queryStringArrayFormat
+      ),
+      [href, _method, data, queryStringArrayFormat]
+    );
+    const url = useMemo4(() => mergeDataArray[0], [mergeDataArray]);
+    const _data = useMemo4(() => mergeDataArray[1], [mergeDataArray]);
+    const baseParams = useMemo4(
+      () => ({
+        data: _data,
+        method: _method,
+        preserveScroll,
+        preserveState: preserveState ?? _method !== "get",
+        replace,
+        only,
+        except,
+        headers,
+        async
+      }),
+      [_data, _method, preserveScroll, preserveState, replace, only, except, headers, async]
+    );
+    const visitParams = useMemo4(
+      () => ({
+        ...baseParams,
+        onCancelToken,
+        onBefore,
+        onStart(event) {
+          setInFlightCount((count) => count + 1);
+          onStart(event);
+        },
+        onProgress,
+        onFinish(event) {
+          setInFlightCount((count) => count - 1);
+          onFinish(event);
+        },
+        onCancel,
+        onSuccess,
+        onError
+      }),
+      [baseParams, onCancelToken, onBefore, onStart, onProgress, onFinish, onCancel, onSuccess, onError]
+    );
+    const doPrefetch = () => {
+      router4.prefetch(url, baseParams, { cacheFor: cacheForValue });
+    };
+    const prefetchModes = useMemo4(
+      () => {
+        if (prefetch === true) {
+          return ["hover"];
+        }
+        if (prefetch === false) {
+          return [];
+        }
+        if (Array.isArray(prefetch)) {
+          return prefetch;
+        }
+        return [prefetch];
+      },
+      Array.isArray(prefetch) ? prefetch : [prefetch]
+    );
+    const cacheForValue = useMemo4(() => {
+      if (cacheFor !== 0) {
+        return cacheFor;
+      }
+      if (prefetchModes.length === 1 && prefetchModes[0] === "click") {
+        return 0;
+      }
+      return 3e4;
+    }, [cacheFor, prefetchModes]);
+    useEffect4(() => {
+      return () => {
+        clearTimeout(hoverTimeout.current);
+      };
+    }, []);
+    useEffect4(() => {
+      if (prefetchModes.includes("mount")) {
+        setTimeout(() => doPrefetch());
+      }
+    }, prefetchModes);
+    const regularEvents = {
+      onClick: (event) => {
+        onClick(event);
+        if (shouldIntercept(event)) {
+          event.preventDefault();
+          router4.visit(url, visitParams);
+        }
+      }
+    };
+    const prefetchHoverEvents = {
+      onMouseEnter: () => {
+        hoverTimeout.current = window.setTimeout(() => {
+          doPrefetch();
+        }, 75);
+      },
+      onMouseLeave: () => {
+        clearTimeout(hoverTimeout.current);
+      },
+      onClick: regularEvents.onClick
+    };
+    const prefetchClickEvents = {
+      onMouseDown: (event) => {
+        if (shouldIntercept(event)) {
+          event.preventDefault();
+          doPrefetch();
+        }
+      },
+      onMouseUp: (event) => {
+        event.preventDefault();
+        router4.visit(url, visitParams);
+      },
+      onClick: (event) => {
+        onClick(event);
+        if (shouldIntercept(event)) {
+          event.preventDefault();
+        }
+      }
+    };
+    const elProps = useMemo4(
+      () => ({
+        a: { href: url },
+        button: { type: "button" }
+      }),
+      [url]
+    );
+    return createElement3(
+      _as,
+      {
+        ...props,
+        ...elProps[_as] || {},
+        ref,
+        ...(() => {
+          if (prefetchModes.includes("hover")) {
+            return prefetchHoverEvents;
+          }
+          if (prefetchModes.includes("click")) {
+            return prefetchClickEvents;
+          }
+          return regularEvents;
+        })(),
+        "data-loading": inFlightCount > 0 ? "" : void 0
+      },
+      children
+    );
+  }
+);
+Link.displayName = "InertiaLink";
+var Link_default = Link;
+
+// src/useForm.ts
+import {
+  router as router6
+} from "@inertiajs/core";
+import { cloneDeep, isEqual } from "es-toolkit";
+import { get, has, set } from "es-toolkit/compat";
+import { useCallback, useEffect as useEffect6, useLayoutEffect, useMemo as useMemo5, useRef as useRef2, useState as useState5 } from "react";
+
+// src/useRemember.ts
+import { router as router5 } from "@inertiajs/core";
+import { useEffect as useEffect5, useState as useState4 } from "react";
+function useRemember(initialState, key) {
+  const [state, setState] = useState4(() => {
+    const restored = router5.restore(key);
+    return restored !== void 0 ? restored : initialState;
+  });
+  useEffect5(() => {
+    router5.remember(state, key);
+  }, [state, key]);
+  return [state, setState];
+}
+
+// src/useForm.ts
+function useForm(rememberKeyOrInitialValues, maybeInitialValues) {
+  const isMounted = useRef2(null);
+  const rememberKey = typeof rememberKeyOrInitialValues === "string" ? rememberKeyOrInitialValues : null;
+  const [defaults, setDefaults] = useState5(
+    (typeof rememberKeyOrInitialValues === "string" ? maybeInitialValues : rememberKeyOrInitialValues) || {}
+  );
+  const cancelToken = useRef2(null);
+  const recentlySuccessfulTimeoutId = useRef2(null);
+  const [data, setData] = rememberKey ? useRemember(defaults, `${rememberKey}:data`) : useState5(defaults);
+  const [errors, setErrors] = rememberKey ? useRemember({}, `${rememberKey}:errors`) : useState5({});
+  const [hasErrors, setHasErrors] = useState5(false);
+  const [processing, setProcessing] = useState5(false);
+  const [progress, setProgress] = useState5(null);
+  const [wasSuccessful, setWasSuccessful] = useState5(false);
+  const [recentlySuccessful, setRecentlySuccessful] = useState5(false);
+  const transform = useRef2((data2) => data2);
+  const isDirty = useMemo5(() => !isEqual(data, defaults), [data, defaults]);
+  useEffect6(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  const submit = useCallback(
+    (...args) => {
+      const objectPassed = typeof args[0] === "object";
+      const method = objectPassed ? args[0].method : args[0];
+      const url = objectPassed ? args[0].url : args[1];
+      const options = (objectPassed ? args[1] : args[2]) ?? {};
+      const _options = {
+        ...options,
+        onCancelToken: (token) => {
+          cancelToken.current = token;
+          if (options.onCancelToken) {
+            return options.onCancelToken(token);
+          }
+        },
+        onBefore: (visit) => {
+          setWasSuccessful(false);
+          setRecentlySuccessful(false);
+          clearTimeout(recentlySuccessfulTimeoutId.current);
+          if (options.onBefore) {
+            return options.onBefore(visit);
+          }
+        },
+        onStart: (visit) => {
+          setProcessing(true);
+          if (options.onStart) {
+            return options.onStart(visit);
+          }
+        },
+        onProgress: (event) => {
+          setProgress(event);
+          if (options.onProgress) {
+            return options.onProgress(event);
+          }
+        },
+        onSuccess: (page) => {
+          if (isMounted.current) {
+            setProcessing(false);
+            setProgress(null);
+            setErrors({});
+            setHasErrors(false);
+            setWasSuccessful(true);
+            setRecentlySuccessful(true);
+            setDefaults(cloneDeep(data));
+            recentlySuccessfulTimeoutId.current = setTimeout(() => {
+              if (isMounted.current) {
+                setRecentlySuccessful(false);
+              }
+            }, 2e3);
+          }
+          if (options.onSuccess) {
+            return options.onSuccess(page);
+          }
+        },
+        onError: (errors2) => {
+          if (isMounted.current) {
+            setProcessing(false);
+            setProgress(null);
+            setErrors(errors2);
+            setHasErrors(true);
+          }
+          if (options.onError) {
+            return options.onError(errors2);
+          }
+        },
+        onCancel: () => {
+          if (isMounted.current) {
+            setProcessing(false);
+            setProgress(null);
+          }
+          if (options.onCancel) {
+            return options.onCancel();
+          }
+        },
+        onFinish: (visit) => {
+          if (isMounted.current) {
+            setProcessing(false);
+            setProgress(null);
+          }
+          cancelToken.current = null;
+          if (options.onFinish) {
+            return options.onFinish(visit);
+          }
+        }
+      };
+      if (method === "delete") {
+        router6.delete(url, { ..._options, data: transform.current(data) });
+      } else {
+        router6[method](url, transform.current(data), _options);
+      }
+    },
+    [data, setErrors, transform]
+  );
+  const setDataFunction = useCallback(
+    (keyOrData, maybeValue) => {
+      if (typeof keyOrData === "string") {
+        setData((data2) => set(cloneDeep(data2), keyOrData, maybeValue));
+      } else if (typeof keyOrData === "function") {
+        setData((data2) => keyOrData(data2));
+      } else {
+        setData(keyOrData);
+      }
+    },
+    [setData]
+  );
+  const [dataAsDefaults, setDataAsDefaults] = useState5(false);
+  const setDefaultsFunction = useCallback(
+    (fieldOrFields, maybeValue) => {
+      if (typeof fieldOrFields === "undefined") {
+        setDefaults(data);
+        setDataAsDefaults(true);
+      } else {
+        setDefaults((defaults2) => {
+          return typeof fieldOrFields === "string" ? set(cloneDeep(defaults2), fieldOrFields, maybeValue) : Object.assign(cloneDeep(defaults2), fieldOrFields);
+        });
+      }
+    },
+    [data, setDefaults]
+  );
+  useLayoutEffect(() => {
+    if (!dataAsDefaults) {
+      return;
+    }
+    if (isDirty) {
+      setDefaults(data);
+    }
+    setDataAsDefaults(false);
+  }, [dataAsDefaults]);
+  const reset = useCallback(
+    (...fields) => {
+      if (fields.length === 0) {
+        setData(defaults);
+      } else {
+        setData(
+          (data2) => fields.filter((key) => has(defaults, key)).reduce(
+            (carry, key) => {
+              return set(carry, key, get(defaults, key));
+            },
+            { ...data2 }
+          )
+        );
+      }
+    },
+    [setData, defaults]
+  );
+  const setError = useCallback(
+    (fieldOrFields, maybeValue) => {
+      setErrors((errors2) => {
+        const newErrors = {
+          ...errors2,
+          ...typeof fieldOrFields === "string" ? { [fieldOrFields]: maybeValue } : fieldOrFields
+        };
+        setHasErrors(Object.keys(newErrors).length > 0);
+        return newErrors;
+      });
+    },
+    [setErrors, setHasErrors]
+  );
+  const clearErrors = useCallback(
+    (...fields) => {
+      setErrors((errors2) => {
+        const newErrors = Object.keys(errors2).reduce(
+          (carry, field) => ({
+            ...carry,
+            ...fields.length > 0 && !fields.includes(field) ? { [field]: errors2[field] } : {}
+          }),
+          {}
+        );
+        setHasErrors(Object.keys(newErrors).length > 0);
+        return newErrors;
+      });
+    },
+    [setErrors, setHasErrors]
+  );
+  const resetAndClearErrors = useCallback(
+    (...fields) => {
+      reset(...fields);
+      clearErrors(...fields);
+    },
+    [reset, clearErrors]
+  );
+  const createSubmitMethod = (method) => (url, options) => {
+    submit(method, url, options);
+  };
+  const getMethod = useCallback(createSubmitMethod("get"), [submit]);
+  const post = useCallback(createSubmitMethod("post"), [submit]);
+  const put = useCallback(createSubmitMethod("put"), [submit]);
+  const patch = useCallback(createSubmitMethod("patch"), [submit]);
+  const deleteMethod = useCallback(createSubmitMethod("delete"), [submit]);
+  const cancel = useCallback(() => {
+    if (cancelToken.current) {
+      cancelToken.current.cancel();
+    }
+  }, []);
+  const transformFunction = useCallback((callback) => {
+    transform.current = callback;
+  }, []);
+  return {
+    data,
+    setData: setDataFunction,
+    isDirty,
+    errors,
+    hasErrors,
+    processing,
+    progress,
+    wasSuccessful,
+    recentlySuccessful,
+    transform: transformFunction,
+    setDefaults: setDefaultsFunction,
+    reset,
+    setError,
+    clearErrors,
+    resetAndClearErrors,
+    submit,
+    get: getMethod,
+    post,
+    put,
+    patch,
+    delete: deleteMethod,
+    cancel
+  };
+}
+
+// src/usePoll.ts
+import { router as router7 } from "@inertiajs/core";
+import { useEffect as useEffect7, useRef as useRef3 } from "react";
+function usePoll(interval, requestOptions = {}, options = {
+  keepAlive: false,
+  autoStart: true
+}) {
+  const pollRef = useRef3(
+    router7.poll(interval, requestOptions, {
+      ...options,
+      autoStart: false
+    })
+  );
+  useEffect7(() => {
+    if (options.autoStart ?? true) {
+      pollRef.current.start();
+    }
+    return () => pollRef.current.stop();
+  }, []);
+  return {
+    stop: pollRef.current.stop,
+    start: pollRef.current.start
+  };
+}
+
+// src/usePrefetch.ts
+import { router as router8 } from "@inertiajs/core";
+import { useEffect as useEffect8, useState as useState6 } from "react";
+function usePrefetch(options = {}) {
+  const cached = typeof window === "undefined" ? null : router8.getCached(window.location.pathname, options);
+  const inFlight = typeof window === "undefined" ? null : router8.getPrefetching(window.location.pathname, options);
+  const [lastUpdatedAt, setLastUpdatedAt] = useState6(cached?.staleTimestamp || null);
+  const [isPrefetching, setIsPrefetching] = useState6(inFlight !== null);
+  const [isPrefetched, setIsPrefetched] = useState6(cached !== null);
+  useEffect8(() => {
+    const onPrefetchingListener = router8.on("prefetching", (e) => {
+      if (e.detail.visit.url.pathname === window.location.pathname) {
+        setIsPrefetching(true);
+      }
+    });
+    const onPrefetchedListener = router8.on("prefetched", (e) => {
+      if (e.detail.visit.url.pathname === window.location.pathname) {
+        setIsPrefetching(false);
+        setIsPrefetched(true);
+        setLastUpdatedAt(e.detail.fetchedAt);
+      }
+    });
+    return () => {
+      onPrefetchedListener();
+      onPrefetchingListener();
+    };
+  }, []);
+  return {
+    lastUpdatedAt,
+    isPrefetching,
+    isPrefetched,
+    flush: () => router8.flush(window.location.pathname, options)
+  };
+}
+
+// src/WhenVisible.ts
+import { router as router9 } from "@inertiajs/core";
+import { createElement as createElement4, useCallback as useCallback2, useEffect as useEffect9, useRef as useRef4, useState as useState7 } from "react";
+var WhenVisible = ({ children, data, params, buffer, as, always, fallback }) => {
+  always = always ?? false;
+  as = as ?? "div";
+  fallback = fallback ?? null;
+  const [loaded, setLoaded] = useState7(false);
+  const hasFetched = useRef4(false);
+  const fetching = useRef4(false);
+  const ref = useRef4(null);
+  const getReloadParams = useCallback2(() => {
+    if (data) {
+      return {
+        only: Array.isArray(data) ? data : [data]
+      };
+    }
+    if (!params) {
+      throw new Error("You must provide either a `data` or `params` prop.");
+    }
+    return params;
+  }, [params, data]);
+  useEffect9(() => {
+    if (!ref.current) {
+      return;
+    }
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (!entries[0].isIntersecting) {
+          return;
+        }
+        if (!always && hasFetched.current) {
+          observer.disconnect();
+        }
+        if (fetching.current) {
+          return;
+        }
+        hasFetched.current = true;
+        fetching.current = true;
+        const reloadParams = getReloadParams();
+        router9.reload({
+          ...reloadParams,
+          onStart: (e) => {
+            fetching.current = true;
+            reloadParams.onStart?.(e);
+          },
+          onFinish: (e) => {
+            setLoaded(true);
+            fetching.current = false;
+            reloadParams.onFinish?.(e);
+            if (!always) {
+              observer.disconnect();
+            }
+          }
+        });
+      },
+      {
+        rootMargin: `${buffer || 0}px`
+      }
+    );
+    observer.observe(ref.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, [ref, getReloadParams, buffer]);
+  if (always || !loaded) {
+    return createElement4(
+      as,
+      {
+        props: null,
+        ref
+      },
+      loaded ? children : fallback
+    );
+  }
+  return loaded ? children : null;
+};
+WhenVisible.displayName = "InertiaWhenVisible";
+var WhenVisible_default = WhenVisible;
+
+// src/index.ts
+var router3 = Router;
+export {
+  Deferred_default as Deferred,
+  Head_default as Head,
+  Link_default as Link,
+  WhenVisible_default as WhenVisible,
+  createInertiaApp,
+  router3 as router,
+  useForm,
+  usePage,
+  usePoll,
+  usePrefetch,
+  useRemember
+};
 //# sourceMappingURL=index.esm.js.map