@nivaro/react 0.3.31 → 0.3.33

package/dist/hooks/useSessionRecorder.js

@@ -9,7 +9,7 @@ import { noteReplayEvent as _e, createReplayCheckoutState as De } from "../share
 import { emitReplayTap as Te, setReplayRecorderMode as N, registerReplayCapture as qe, clipEndOffset as Le, withClipKind as Pe } from "../shared/lib/replay-capture.js";
 import { instrumentConsole as Ne, instrumentRequests as Fe, redactSecrets as Me } from "../shared/lib/replay-context.js";
 import { instrumentSocket as Oe } from "../shared/lib/replay-socket.js";
-const Ue = "nivaro-react@0.3.31", j = 1e4, We = 150, He = 3e3, Ke = 600, $e = (n) => `nvr_replay_resume${n ? `:${n}` : ""}`, G = () => typeof navigator > "u" || navigator.onLine !== !1;
+const Ue = "nivaro-react@0.3.33", j = 1e4, We = 150, He = 3e3, Ke = 600, $e = (n) => `nvr_replay_resume${n ? `:${n}` : ""}`, G = () => typeof navigator > "u" || navigator.onLine !== !1;
 function Be(n) {
   return typeof n.url != "string" || typeof fetch != "function" ? null : (f, a) => {
     const u = typeof n.getToken == "function" ? n.getToken() : void 0, d = { "Content-Type": "application/json" };

package/dist/index.d.ts

@@ -5003,6 +5003,8 @@ export declare function isCodeError(err: unknown): boolean;
  */
 export declare function isListTimeout(err: unknown): boolean;
 
+export declare function isReloadingForUpdate(): boolean;
+
 /** True once a 401 said this tab is signed out, until a sign-in is heard. */
 export declare function isSignedOut(): boolean;
 
@@ -8490,7 +8492,7 @@ export declare function registerReplayCapture(fn: Capture, snap?: Snapshot): ()
 export declare function registerRoomOpener(fn: RoomOpener): () => void;
 
 /** Report a source of unsaved work; the returned function removes it. */
-export declare function registerUnsavedWork(label: string, dirty: () => boolean): () => void;
+export declare function registerUnsavedWork(label: string, dirty: () => boolean, opts?: UnsavedWorkOptions): () => void;
 
 /** Register the host's opener. Returns an unregister function. */
 export declare function registerViewAsOpener(fn: ViewAsOpener): () => void;
@@ -10182,6 +10184,10 @@ declare interface UnsavedSummary {
 /** What would be lost, by label (empty = nothing). */
 export declare function unsavedWorkLabels(): string[];
 
+declare interface UnsavedWorkOptions {
+    saveForReload?: () => boolean | Promise<boolean>;
+}
+
 /** The ids an update covers: one, a coalesced list, or null = "too many — refresh it all". */
 export declare function updateItemIds(ev: CollectionUpdateEvent): Array<string | number> | null;
 
@@ -11079,8 +11085,9 @@ export declare function useTypingIndicator(room: string | null): {
 
 export declare function useUnreadChirp(totalUnread: number, rooms?: RoomInfo[]): void;
 
-/** A form reports its dirty state while mounted. */
-export declare function useUnsavedWork(dirty: boolean, label?: string): void;
+/** A form reports its dirty state while mounted (and, optionally, how to keep it through a
+ *  pushed reload — the latest function is always the one called). */
+export declare function useUnsavedWork(dirty: boolean, label?: string, saveForReload?: () => boolean | Promise<boolean>): void;
 
 /** Directory of users to add to a private channel. */
 export declare function useUserSearch(search: string, enabled: boolean): {

package/dist/index.js

@@ -228,35 +228,35 @@ import { formatReplayTail as ru, getReplayTail as tu, installReplayTail as iu }
 import { getApiUpdate as su, startApiVersionWatch as nu, useApiUpdate as pu } from "./shared/lib/api-version.js";
 import { getFieldInterface as mu, listFieldInterfaces as fu, onFieldInterfacesChange as uu, registerFieldInterface as xu } from "./shared/lib/field-interfaces.js";
 import { guardIdentityCall as cu, isSignedOut as Cu, isSignedOutError as Ru, noteCredentialChanged as Su, noteSignedIn as gu, noteUnauthorized as hu, onSignedIn as Pu } from "./shared/lib/signed-out.js";
-import { hasUnsavedWork as Tu, registerUnsavedWork as wu, subscribeUnsavedWork as Au, unsavedWorkLabels as Iu, useUnsavedWork as Eu } from "./shared/lib/unsaved-work.js";
-import { helpVideoApi as ku, helpVideoKeys as Fu, useHelpVideo as Ou, useHelpVideoWalk as Vu, useHelpVideosFor as vu, useRequiredVideos as bu } from "./shared/components/help-videos/api.js";
-import { holdNotification as Nu, huddleHolds as Bu, releaseHeld as Hu } from "./shared/components/chat/huddle/huddle-hold.js";
-import { installStaleChunkRecovery as _u, isStaleChunkError as Wu } from "./shared/lib/stale-chunk.js";
-import { isListTimeout as Uu, listLoadErrorText as Qu, loadErrorText as Ku } from "./shared/lib/load-error.js";
-import { measureClockOffset as qu, serverNow as Yu, setServerClockOffset as Ju } from "./shared/lib/server-clock.js";
-import { normalizeFieldType as Xu } from "./hooks/schemaBuilder.js";
-import { obligationQueryParams as $u, toneForOutcome as ex } from "./shared/lib/obligation-filters.js";
-import { pageAtPayload as rx, usePageAt as tx } from "./shared/lib/use-page-at.js";
-import { playNotificationSound as ax } from "./shared/lib/notification-sound.js";
-import { rankTeamForFilters as nx, useScopeDimensions as px } from "./shared/components/pipeline/teamScopes.js";
-import { resolveNotificationTarget as mx, resolveNotificationTargetFor as fx, runNotificationTarget as ux } from "./shared/lib/notification-target.js";
-import { restoreMetadata as dx, startMetadataPersistence as cx, wipeMetadataCache as Cx } from "./shared/lib/metadata-persist.js";
-import { rowPresenceKey as Sx, useFieldFocus as gx, usePresence as hx, useRowPresence as Px, useTyping as yx } from "./shared/lib/presence-hooks.js";
-import { rumRouteChange as wx, rumWidget as Ax, startRum as Ix } from "./shared/lib/rum.js";
-import { seedQuickPickerSteps as Dx } from "./shared/components/item-edit/helpers.js";
-import { signalSentence as Fx, useRecordSignalPeers as Ox, useRecordSignalWhile as Vx, useTopicPresence as vx } from "./shared/lib/presence-signals.js";
-import { stuckText as Lx } from "./shared/lib/presence-state.js";
-import { tapReplaySocket as Bx } from "./shared/lib/replay-socket.js";
-import { useAfterIdle as Mx } from "./shared/lib/defer.js";
-import { useBackgroundRun as Wx } from "./shared/lib/background-runs.js";
-import { useClientChaos as Ux, useClientChaosGate as Qx } from "./shared/components/client-chaos-gate.js";
-import { useDebounced as zx } from "./shared/hooks/useDebounced.js";
-import { useElapsedLoading as Yx } from "./shared/hooks/useElapsedLoading.js";
-import { useEventPath as jx, usePartner as Xx, usePartners as Zx, useRecordIntegrationActivity as $x, useRefreshSignals as ed, useSignalAction as od, useSignals as rd, useSnooze as td } from "./shared/components/integrations/console/api.js";
-import { useFeatureFlag as ad, useFeatureFlags as sd } from "./shared/lib/feature-flags.js";
-import { useFileHealth as pd } from "./shared/hooks/useFileHealth.js";
-import { useOnlineUsers as md } from "./shared/lib/use-online-users.js";
-import { usePersonProfile as ud } from "./shared/components/profile/types.js";
+import { hasUnsavedWork as Tu, isReloadingForUpdate as wu, registerUnsavedWork as Au, subscribeUnsavedWork as Iu, unsavedWorkLabels as Eu, useUnsavedWork as Du } from "./shared/lib/unsaved-work.js";
+import { helpVideoApi as Fu, helpVideoKeys as Ou, useHelpVideo as Vu, useHelpVideoWalk as vu, useHelpVideosFor as bu, useRequiredVideos as Lu } from "./shared/components/help-videos/api.js";
+import { holdNotification as Bu, huddleHolds as Hu, releaseHeld as Mu } from "./shared/components/chat/huddle/huddle-hold.js";
+import { installStaleChunkRecovery as Wu, isStaleChunkError as Gu } from "./shared/lib/stale-chunk.js";
+import { isListTimeout as Qu, listLoadErrorText as Ku, loadErrorText as zu } from "./shared/lib/load-error.js";
+import { measureClockOffset as Yu, serverNow as Ju, setServerClockOffset as ju } from "./shared/lib/server-clock.js";
+import { normalizeFieldType as Zu } from "./hooks/schemaBuilder.js";
+import { obligationQueryParams as ex, toneForOutcome as ox } from "./shared/lib/obligation-filters.js";
+import { pageAtPayload as tx, usePageAt as ix } from "./shared/lib/use-page-at.js";
+import { playNotificationSound as sx } from "./shared/lib/notification-sound.js";
+import { rankTeamForFilters as px, useScopeDimensions as lx } from "./shared/components/pipeline/teamScopes.js";
+import { resolveNotificationTarget as fx, resolveNotificationTargetFor as ux, runNotificationTarget as xx } from "./shared/lib/notification-target.js";
+import { restoreMetadata as cx, startMetadataPersistence as Cx, wipeMetadataCache as Rx } from "./shared/lib/metadata-persist.js";
+import { rowPresenceKey as gx, useFieldFocus as hx, usePresence as Px, useRowPresence as yx, useTyping as Tx } from "./shared/lib/presence-hooks.js";
+import { rumRouteChange as Ax, rumWidget as Ix, startRum as Ex } from "./shared/lib/rum.js";
+import { seedQuickPickerSteps as kx } from "./shared/components/item-edit/helpers.js";
+import { signalSentence as Ox, useRecordSignalPeers as Vx, useRecordSignalWhile as vx, useTopicPresence as bx } from "./shared/lib/presence-signals.js";
+import { stuckText as Nx } from "./shared/lib/presence-state.js";
+import { tapReplaySocket as Hx } from "./shared/lib/replay-socket.js";
+import { useAfterIdle as _x } from "./shared/lib/defer.js";
+import { useBackgroundRun as Gx } from "./shared/lib/background-runs.js";
+import { useClientChaos as Qx, useClientChaosGate as Kx } from "./shared/components/client-chaos-gate.js";
+import { useDebounced as qx } from "./shared/hooks/useDebounced.js";
+import { useElapsedLoading as Jx } from "./shared/hooks/useElapsedLoading.js";
+import { useEventPath as Xx, usePartner as Zx, usePartners as $x, useRecordIntegrationActivity as ed, useRefreshSignals as od, useSignalAction as rd, useSignals as td, useSnooze as id } from "./shared/components/integrations/console/api.js";
+import { useFeatureFlag as sd, useFeatureFlags as nd } from "./shared/lib/feature-flags.js";
+import { useFileHealth as ld } from "./shared/hooks/useFileHealth.js";
+import { useOnlineUsers as fd } from "./shared/lib/use-online-users.js";
+import { usePersonProfile as xd } from "./shared/components/profile/types.js";
 export {
   X as ACTIVE_GAMEDAYS_KEY,
   oe as ACTIVE_USER_OPTION_FILTER,
@@ -587,41 +587,42 @@ export {
   tu as getReplayTail,
   cu as guardIdentityCall,
   Tu as hasUnsavedWork,
-  ku as helpVideoApi,
-  Fu as helpVideoKeys,
-  Nu as holdNotification,
+  Fu as helpVideoApi,
+  Ou as helpVideoKeys,
+  Bu as holdNotification,
   Vi as huddleCallLayerMounted,
-  Bu as huddleHolds,
+  Hu as huddleHolds,
   Li as idleState,
   No as installClientChaosFetch,
   Ps as installIntentPrefetch,
   iu as installReplayTail,
-  _u as installStaleChunkRecovery,
+  Wu as installStaleChunkRecovery,
   ur as isChatPanelPinned,
   Io as isCleanRecording,
   fl as isCodeError,
-  Uu as isListTimeout,
+  Qu as isListTimeout,
+  wu as isReloadingForUpdate,
   Cu as isSignedOut,
   Ru as isSignedOutError,
-  Wu as isStaleChunkError,
+  Gu as isStaleChunkError,
   Zs as layoutPretendDownOptions,
   fu as listFieldInterfaces,
-  Qu as listLoadErrorText,
+  Ku as listLoadErrorText,
   M as liveListKey,
   Da as liveQueryMeta,
   _ as liveRecordKey,
   ka as liveRefetchInterval,
-  Ku as loadErrorText,
+  zu as loadErrorText,
   Nm as maskInputsIn,
   yf as matchScopeDimension,
-  qu as measureClockOffset,
+  Yu as measureClockOffset,
   Nf as networkdaysBetween,
-  Xu as normalizeFieldType,
+  Zu as normalizeFieldType,
   Su as noteCredentialChanged,
   gu as noteSignedIn,
   hu as noteUnauthorized,
   $f as numericIntlOptions,
-  $u as obligationQueryParams,
+  ex as obligationQueryParams,
   uu as onFieldInterfacesChange,
   Ni as onIdleChange,
   Pu as onSignedIn,
@@ -630,14 +631,14 @@ export {
   Hn as openChatRoom,
   Ko as openClientChaosToolbar,
   Mn as openDmWith,
-  rx as pageAtPayload,
+  tx as pageAtPayload,
   Bf as parseExpression,
-  ax as playNotificationSound,
+  sx as playNotificationSound,
   eu as precisionOf,
   ys as prefetchRecord,
   _m as prepareReplayClip,
   ii as rankSignals,
-  nx as rankTeamForFilters,
+  px as rankTeamForFilters,
   Ts as recordQueryKeys,
   km as registerCatalogItemOpener,
   _n as registerDmOpener,
@@ -646,57 +647,57 @@ export {
   Uf as registerLayoutSlot,
   Wm as registerReplayCapture,
   Wn as registerRoomOpener,
-  wu as registerUnsavedWork,
+  Au as registerUnsavedWork,
   Vm as registerViewAsOpener,
   ef as releaseGatedReads,
   of as releaseGatedReadsOnSharedFetch,
-  Hu as releaseHeld,
+  Mu as releaseHeld,
   Gm as replayHref,
   ym as reportClientCrash,
   ul as reportCodeError,
   le as resolveCollectionIcon,
-  mx as resolveNotificationTarget,
-  fx as resolveNotificationTargetFor,
-  dx as restoreMetadata,
+  fx as resolveNotificationTarget,
+  ux as resolveNotificationTargetFor,
+  cx as restoreMetadata,
   Cp as rowHighlightClass,
   Rp as rowHighlightTextClass,
-  Sx as rowPresenceKey,
-  wx as rumRouteChange,
-  Ax as rumWidget,
-  ux as runNotificationTarget,
-  Dx as seedQuickPickerSteps,
-  Yu as serverNow,
+  gx as rowPresenceKey,
+  Ax as rumRouteChange,
+  Ix as rumWidget,
+  xx as runNotificationTarget,
+  kx as seedQuickPickerSteps,
+  Ju as serverNow,
   me as setDisplayTimezone,
   Jf as setFiscalStartMonth,
   Hf as setFormulaConstants,
   fe as setNumberFormat,
   Eo as setRecordingSelf,
-  Ju as setServerClockOffset,
+  ju as setServerClockOffset,
   ue as setTimeDisplay,
   mf as sharedWorkerSupported,
   ff as shouldUseWorkerSocket,
-  Fx as signalSentence,
+  Ox as signalSentence,
   Gn as splitMessageTokens,
   nu as startApiVersionWatch,
   Cf as startAutofillRun,
   Bo as startClientChaos,
   Df as startHelpVideoWalk,
-  cx as startMetadataPersistence,
-  Ix as startRum,
+  Cx as startMetadataPersistence,
+  Ex as startRum,
   Ho as stopClientChaos,
-  Lx as stuckText,
+  Nx as stuckText,
   Mo as subscribeClientChaos,
-  Au as subscribeUnsavedWork,
-  Bx as tapReplaySocket,
+  Iu as subscribeUnsavedWork,
+  Hx as tapReplaySocket,
   xe as titleCase,
-  ex as toneForOutcome,
+  ox as toneForOutcome,
   Bi as trackActivity,
   Tf as translateScopeValues,
-  Iu as unsavedWorkLabels,
+  Eu as unsavedWorkLabels,
   hp as updateItemIds,
   Pp as updateTouches,
   $ as useActiveGamedays,
-  Mx as useAfterIdle,
+  _x as useAfterIdle,
   Dt as useApiFetchConfig,
   pu as useApiUpdate,
   xt as useArmedFaults,
@@ -704,7 +705,7 @@ export {
   w as useAutoRecord,
   Rf as useAutofillRuns,
   So as useAvailableBulkActions,
-  Wx as useBackgroundRun,
+  Gx as useBackgroundRun,
   Un as useChannelAdmin,
   Qn as useChannelDirectory,
   Kn as useChannelMembers,
@@ -714,12 +715,12 @@ export {
   Jn as useChatRooms,
   jn as useChatSearch,
   Do as useCleanRecording,
-  Ux as useClientChaos,
-  Qx as useClientChaosGate,
+  Qx as useClientChaos,
+  Kx as useClientChaosGate,
   Xn as useCreateChannel,
   Zn as useCreateGroupDm,
   kf as useCurrentHelpVideoPage,
-  zx as useDebounced,
+  qx as useDebounced,
   $n as useDeleteMessage,
   cm as useDisplayPreferences,
   pt as useDndActive,
@@ -727,23 +728,23 @@ export {
   kt as useDrilldown,
   Ft as useDrilldownViews,
   ep as useEditMessage,
-  Yx as useElapsedLoading,
+  Jx as useElapsedLoading,
   op as useEntityRoomLink,
-  jx as useEventPath,
-  ad as useFeatureFlag,
-  sd as useFeatureFlags,
+  Xx as useEventPath,
+  sd as useFeatureFlag,
+  nd as useFeatureFlags,
   F as useFieldArray,
-  gx as useFieldFocus,
+  hx as useFieldFocus,
   O as useFieldState,
-  pd as useFileHealth,
+  ld as useFileHealth,
   V as useFormDirty,
   D as useFormSchema,
   v as useFormStatus,
   Ot as useGridFlush,
-  Ou as useHelpVideo,
+  Vu as useHelpVideo,
   Ti as useHelpVideoRecording,
-  Vu as useHelpVideoWalk,
-  vu as useHelpVideosFor,
+  vu as useHelpVideoWalk,
+  bu as useHelpVideosFor,
   ws as useIdleNextPage,
   qi as useImportHealth,
   As as useIntentPrefetch,
@@ -763,49 +764,49 @@ export {
   Lt as useNivaroClient,
   Q as useNivaroForm,
   tp as useNotificationSoundPreference,
-  md as useOnlineUsers,
+  fd as useOnlineUsers,
   ip as useOpenRoomRegistration,
   Nt as useOptionalNivaroClient,
   yp as useOptionalRealtime,
   b as useOrderedLayout,
   Bt as useOverlayState,
-  tx as usePageAt,
-  Xx as usePartner,
-  Zx as usePartners,
+  ix as usePageAt,
+  Zx as usePartner,
+  $x as usePartners,
   ap as usePeerReadAt,
-  ud as usePersonProfile,
+  xd as usePersonProfile,
   Ks as usePlanGridHost,
-  hx as usePresence,
+  Px as usePresence,
   $s as usePretendDownScope,
   Ze as usePublishAskContext,
   En as useQuickPickerSteps,
   Tp as useRealtimeStatus,
-  $x as useRecordIntegrationActivity,
-  Ox as useRecordSignalPeers,
-  Vx as useRecordSignalWhile,
-  ed as useRefreshSignals,
+  ed as useRecordIntegrationActivity,
+  Vx as useRecordSignalPeers,
+  vx as useRecordSignalWhile,
+  od as useRefreshSignals,
   z as useRelationOptions,
-  bu as useRequiredVideos,
+  Lu as useRequiredVideos,
   sp as useRoomMembership,
   np as useRoomPins,
-  Px as useRowPresence,
-  px as useScopeDimensions,
+  yx as useRowPresence,
+  lx as useScopeDimensions,
   L as useSectionState,
   pp as useSendChatMessage,
   J as useSessionRecorder,
   Yi as useSetImportCadence,
-  od as useSignalAction,
-  rd as useSignals,
-  td as useSnooze,
+  rd as useSignalAction,
+  td as useSignals,
+  id as useSnooze,
   kl as useSubscriptionMutations,
   N as useTabState,
   lp as useTogglePin,
   mp as useToggleReaction,
-  vx as useTopicPresence,
-  yx as useTyping,
+  bx as useTopicPresence,
+  Tx as useTyping,
   fp as useTypingIndicator,
   up as useUnreadChirp,
-  Eu as useUnsavedWork,
+  Du as useUnsavedWork,
   xp as useUserSearch,
   jm as useUserSync,
   B as useWatchFields,
@@ -813,7 +814,7 @@ export {
   de as userOptionFilter,
   Mf as validateExpression,
   vm as viewAs,
-  Cx as wipeMetadataCache,
+  Rx as wipeMetadataCache,
   _o as withClientChaos,
   Um as withClipKind,
   rf as withGetCoalescing,

package/dist/shared/components/ForceReloadBanner.js

@@ -1,41 +1,51 @@
-import { jsxs as c, jsx as s, Fragment as x } from "react/jsx-runtime";
-import { PauseCircle as N, RotateCw as F } from "lucide-react";
-import { useState as h, useRef as w, useEffect as k } from "react";
-import { markReloadFor as E } from "../lib/client-version.js";
-import { shouldObeyForceReload as j, thisTabForReload as T } from "../lib/force-reload.js";
-import { subscribeUnsavedWork as C, unsavedWorkLabels as D } from "../lib/unsaved-work.js";
-const L = "nvr:force-refresh";
-function W() {
-  const [e, R] = h(null), [y, b] = h(() => Date.now()), [g, l] = h([]), o = w(!1), m = w(!1), p = w(/* @__PURE__ */ new Set());
-  k(() => {
-    const i = (r) => {
-      const t = r.detail ?? {}, n = typeof t.id == "string" && t.id ? t.id : null;
-      if (n && p.current.has(n) || !j(t, T())) return;
-      n && p.current.add(n), m.current = !1, l([]);
-      const d = Math.max(5, Number(t.seconds) || 30), a = Date.now();
-      R({ deadline: a + d * 1e3, message: String(t.message ?? ""), id: n }), b(a);
+import { jsxs as c, jsx as d, Fragment as k } from "react/jsx-runtime";
+import { PauseCircle as T, RotateCw as C } from "lucide-react";
+import { useState as p, useRef as b, useEffect as E } from "react";
+import { markReloadFor as R } from "../lib/client-version.js";
+import { shouldObeyForceReload as D, thisTabForReload as M } from "../lib/force-reload.js";
+import { subscribeUnsavedWork as O, prepareForReload as y, beginReloadForUpdate as L, unsavedWorkLabels as S } from "../lib/unsaved-work.js";
+const F = "nvr:force-refresh";
+function B() {
+  const [r, N] = p(null), [j, g] = p(() => Date.now()), [w, l] = p([]), n = b(!1), m = b(!1), v = b(/* @__PURE__ */ new Set());
+  E(() => {
+    const o = (s) => {
+      const e = s.detail ?? {}, t = typeof e.id == "string" && e.id ? e.id : null;
+      if (t && v.current.has(t) || !D(e, M())) return;
+      t && v.current.add(t), m.current = !1, l([]);
+      const h = Math.max(5, Number(e.seconds) || 30), i = Date.now();
+      N({ deadline: i + h * 1e3, message: String(e.message ?? ""), id: t }), g(i);
     };
-    return window.addEventListener(L, i), () => window.removeEventListener(L, i);
-  }, []), k(() => {
-    if (!e) return;
-    const i = () => {
-      o.current || (o.current = !0, e.id && E(e.id), window.location.reload(), setTimeout(() => {
-        o.current = !1, m.current = !0, l(["unsaved changes on this page"]);
+    return window.addEventListener(F, o), () => window.removeEventListener(F, o);
+  }, []), E(() => {
+    if (!r) return;
+    const o = () => {
+      n.current || (n.current = !0, r.id && R(r.id), window.location.reload(), setTimeout(() => {
+        n.current = !1, m.current = !0, l(["unsaved changes on this page"]);
       }, 1500));
-    }, r = () => {
-      const d = Date.now();
-      if (b(d), d < e.deadline || o.current || m.current) return;
-      const a = D();
-      l((v) => v.join("|") === a.join("|") ? v : a), a.length === 0 && i();
-    }, t = setInterval(r, 1e3);
-    document.addEventListener("visibilitychange", r), window.addEventListener("focus", r), window.addEventListener("pageshow", r);
-    const n = C(() => setTimeout(r, 0));
+    };
+    let s = !1;
+    const e = () => {
+      const i = Date.now();
+      if (g(i), !(i < r.deadline || n.current || m.current || s)) {
+        if (S().length === 0) {
+          l((a) => a.length ? [] : a), o();
+          return;
+        }
+        s = !0, y().then((a) => {
+          l((x) => x.join("|") === a.join("|") ? x : a), a.length === 0 && (L(), o());
+        }).finally(() => {
+          s = !1;
+        });
+      }
+    }, t = setInterval(e, 1e3);
+    document.addEventListener("visibilitychange", e), window.addEventListener("focus", e), window.addEventListener("pageshow", e);
+    const h = O(() => setTimeout(e, 0));
     return () => {
-      clearInterval(t), document.removeEventListener("visibilitychange", r), window.removeEventListener("focus", r), window.removeEventListener("pageshow", r), n();
+      clearInterval(t), document.removeEventListener("visibilitychange", e), window.removeEventListener("focus", e), window.removeEventListener("pageshow", e), h();
     };
-  }, [e]);
-  const u = e ? Math.max(0, Math.ceil((e.deadline - y) / 1e3)) : 0, f = u === 0 && g.length > 0;
-  return e ? /* @__PURE__ */ c(
+  }, [r]);
+  const u = r ? Math.max(0, Math.ceil((r.deadline - j) / 1e3)) : 0, f = u === 0 && w.length > 0;
+  return r ? /* @__PURE__ */ c(
     "div",
     {
       role: "alert",
@@ -44,27 +54,27 @@ function W() {
       "data-nvr-recording-hide": !0,
       className: "fixed inset-x-0 top-0 z-[150] flex items-center justify-center gap-3 border-b border-amber-300 bg-amber-50 px-4 py-2.5 text-[13px] text-amber-900 dark:border-amber-500/40 dark:bg-[#3a2e10] dark:text-amber-200",
       children: [
-        f ? /* @__PURE__ */ s(N, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ s(F, { className: "h-4 w-4 shrink-0 animate-spin" }),
-        /* @__PURE__ */ s("span", { children: f ? /* @__PURE__ */ c(x, { children: [
-          /* @__PURE__ */ s("span", { className: "font-semibold", children: "A reload is waiting" }),
+        f ? /* @__PURE__ */ d(T, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ d(C, { className: "h-4 w-4 shrink-0 animate-spin" }),
+        /* @__PURE__ */ d("span", { children: f ? /* @__PURE__ */ c(k, { children: [
+          /* @__PURE__ */ d("span", { className: "font-semibold", children: "A reload is waiting" }),
           " — save or discard your changes (",
-          g.join(", ").toLowerCase(),
+          w.join(", ").toLowerCase(),
           ") and the page reloads."
-        ] }) : /* @__PURE__ */ c(x, { children: [
+        ] }) : /* @__PURE__ */ c(k, { children: [
           /* @__PURE__ */ c("span", { className: "font-semibold", children: [
             "This page will reload in ",
             u,
             "s"
           ] }),
-          e.message ? ` — ${e.message}` : " — an administrator pushed an update."
+          r.message ? ` — ${r.message}` : " — an administrator pushed an update."
         ] }) }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ d(
           "button",
           {
             type: "button",
-            onClick: () => {
-              o.current = !0, e.id && E(e.id), window.location.reload(), setTimeout(() => {
-                o.current = !1;
+            onClick: async () => {
+              n.current = !0, r.id && R(r.id), (await y()).length === 0 && L(), window.location.reload(), setTimeout(() => {
+                n.current = !1;
               }, 1500);
             },
             className: "shrink-0 rounded-md border border-amber-400 bg-white px-2.5 py-1 text-[12px] font-medium text-amber-800 hover:bg-amber-100 dark:bg-transparent dark:text-amber-200",
@@ -76,6 +86,6 @@ function W() {
   ) : null;
 }
 export {
-  L as FORCE_RELOAD_EVENT,
-  W as ForceReloadBanner
+  F as FORCE_RELOAD_EVENT,
+  B as ForceReloadBanner
 };