@nivaro/react 0.3.33 → 0.3.35

package/dist/shared/components/item-edit/RecordLiveSync.js

@@ -1,28 +1,29 @@
-import { jsx as i, jsxs as u } from "react/jsx-runtime";
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
 import { useQueryClient as ue } from "@tanstack/react-query";
-import { EyeOff as me, ArrowLeft as le, Trash2 as be, Copy as fe, FileUp as pe, Bot as he, UploadCloud as ge } from "lucide-react";
-import { useState as w, useRef as h, useEffect as k } from "react";
+import { EyeOff as me, ArrowLeft as le, Trash2 as fe, Copy as pe, FileUp as be, Bot as he, UploadCloud as ge } from "lucide-react";
+import { useState as w, useRef as g, useEffect as k } from "react";
 import { toast as O } from "sonner";
 import { useNivaroClient as ve, useRecordSurface as ye, useItemEditAuth as xe } from "../../context.js";
 import { get as U, post as we } from "../../lib/commands.js";
-import { useLiveRecord as ke, useLiveEvent as ee, useLiveRecordEvent as re, LIVE_ASPECTS as g, batchTouches as Se } from "../../lib/live.js";
+import { useLiveRecord as ke, useLiveEvent as ee, useLiveRecordEvent as re, LIVE_ASPECTS as v, batchTouches as Se } from "../../lib/live.js";
 import { useOptionalRealtime as Ne } from "../../lib/realtime.js";
 import { useRecordTabsSignal as Re, useRecordTabs as Te } from "../../lib/record-tabs.js";
 import { userErrorMessage as _e } from "../../lib/safe-error.js";
 import { formatRelative as $e } from "../../lib/utils.js";
-function Ee(e, r, d) {
-  var b;
-  if (d.active)
+import { markLiveRecordWrite as Ee } from "./live-record-marks.js";
+function De(e, r, c) {
+  var f;
+  if (c.active)
     return { text: e ? `${e} moved this to ${r}` : `This record moved to ${r}` };
-  const f = ((b = d.label) == null ? void 0 : b.trim()) || "A record in your tabs";
+  const p = ((f = c.label) == null ? void 0 : f.trim()) || "A record in your tabs";
   return {
-    text: e ? `${e} moved ${f} to ${r}` : `${f} moved to ${r}`,
-    open: d.open
+    text: e ? `${e} moved ${p} to ${r}` : `${p} moved to ${r}`,
+    open: c.open
   };
 }
-function De(e, r) {
-  const d = e == null ? void 0 : e.user_id;
-  return typeof d == "string" && !!r && d.toUpperCase() === String(r).toUpperCase();
+function Le(e, r) {
+  const c = e == null ? void 0 : e.user_id;
+  return typeof c == "string" && !!r && c.toUpperCase() === String(r).toUpperCase();
 }
 const Ae = 8e3, te = [
   "item",
@@ -44,21 +45,21 @@ const Ae = 8e3, te = [
   "record-integrations",
   "record-integrity"
 ];
-function Ce(e, r, d) {
-  const f = new Set(te), b = String(d);
+function Ce(e, r, c) {
+  const p = new Set(te), f = String(c);
   e.removeQueries({
-    predicate: (c) => f.has(c.queryKey[0]) && c.queryKey[1] === r && String(c.queryKey[2]) === b
+    predicate: (u) => p.has(u.queryKey[0]) && u.queryKey[1] === r && String(u.queryKey[2]) === f
   });
 }
-function ze(e, r, d) {
-  if (!r || d.length === 0) return;
-  const f = new Set(te), b = new Set(d.map(String));
+function Ge(e, r, c) {
+  if (!r || c.length === 0) return;
+  const p = new Set(te), f = new Set(c.map(String));
   e.invalidateQueries({
-    predicate: (c) => f.has(c.queryKey[0]) && c.queryKey[1] === r && b.has(String(c.queryKey[2]))
+    predicate: (u) => p.has(u.queryKey[0]) && u.queryKey[1] === r && f.has(String(u.queryKey[2]))
   });
 }
-function Le({ onBack: e }) {
-  return /* @__PURE__ */ i("div", { className: "p-6", children: /* @__PURE__ */ u(
+function Qe({ onBack: e }) {
+  return /* @__PURE__ */ i("div", { className: "p-6", children: /* @__PURE__ */ m(
     "div",
     {
       "data-record-gone": "access",
@@ -66,11 +67,11 @@ function Le({ onBack: e }) {
       className: "flex items-center gap-3 rounded-lg border border-amber-300 bg-amber-50 px-3.5 py-2.5 dark:border-amber-500/40 dark:bg-amber-500/10",
       children: [
         /* @__PURE__ */ i(me, { className: "h-4 w-4 shrink-0 text-amber-500" }),
-        /* @__PURE__ */ u("p", { className: "min-w-0 flex-1 text-[12px] text-amber-800 dark:text-amber-300", children: [
+        /* @__PURE__ */ m("p", { className: "min-w-0 flex-1 text-[12px] text-amber-800 dark:text-amber-300", children: [
           /* @__PURE__ */ i("span", { className: "font-semibold", children: "You no longer have access to this record." }),
           " A role, scope or filter change hid it while you had it open."
         ] }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ m(
           "button",
           {
             type: "button",
@@ -87,30 +88,30 @@ function Le({ onBack: e }) {
     }
   ) });
 }
-const Qe = (e) => {
+const qe = (e) => {
   var r;
   return (e == null ? void 0 : e.status) ?? ((r = e == null ? void 0 : e.response) == null ? void 0 : r.status);
 };
-function Ge({
+function Je({
   collection: e,
   itemId: r,
-  dirty: d = !1,
-  loadDenied: f = !1,
-  onGoneChange: b
+  dirty: c = !1,
+  loadDenied: p = !1,
+  onGoneChange: f
 }) {
-  const c = Ne(), T = ve(), y = ue(), [A, j] = w(!1), [C, se] = w([]), [o, ne] = w(null), [ae, L] = w({}), [B, F] = w(!1), [P, Y] = w(!1), S = h(null), N = h(null), _ = h(Date.now()), Q = h(null), $ = h(b);
-  $.current = b;
-  const v = h(null), H = ye(), V = h(H);
-  V.current = H;
+  const u = Ne(), T = ve(), x = ue(), [L, j] = w(!1), [A, se] = w([]), [o, ne] = w(null), [ae, C] = w({}), [B, F] = w(!1), [P, Y] = w(!1), S = g(null), N = g(null), _ = g(Date.now()), Q = g(null), $ = g(f);
+  $.current = f;
+  const y = g(null), W = ye(), H = g(W);
+  H.current = W;
   const R = (s) => {
     var t;
-    v.current = s, ne(s), (t = $.current) == null || t.call($, s), (s == null ? void 0 : s.kind) === "access" && setTimeout(() => Ce(y, e, r), 0);
+    y.current = s, ne(s), (t = $.current) == null || t.call($, s), (s == null ? void 0 : s.kind) === "access" && setTimeout(() => Ce(x, e, r), 0);
   };
   k(() => {
-    _.current = Date.now(), Q.current = null, L({}), v.current && R(null);
+    _.current = Date.now(), Q.current = null, C({}), y.current && R(null);
   }, [e, r]);
-  const m = (s) => {
-    for (const t of s) y.invalidateQueries({ queryKey: t });
+  const l = (s) => {
+    for (const t of s) x.invalidateQueries({ queryKey: t });
   }, q = async (s) => {
     let t = null;
     try {
@@ -135,7 +136,7 @@ function Ge({
         U(`/pipelines/instance/${e}/${r}`)
       )).data, a = (s = t == null ? void 0 : t.history) == null ? void 0 : s[0];
       if (!a || a.id === Q.current || a.timestamp && new Date(a.timestamp).getTime() < _.current - 5e3 || (Q.current = a.id, typeof document < "u" && document.visibilityState === "hidden")) return;
-      const l = [a.first_name, a.last_name].filter(Boolean).join(" ") || a.user_email || null, x = a.to_state_label ?? "a new state", n = Ee(l, x, V.current);
+      const b = [a.first_name, a.last_name].filter(Boolean).join(" ") || a.user_email || null, d = a.to_state_label ?? "a new state", n = De(b, d, H.current);
       O.info(
         n.text,
         n.open ? { action: { label: "Open", onClick: n.open } } : {}
@@ -143,38 +144,42 @@ function Ge({
     } catch {
     }
   }, ie = (s) => {
-    var a;
+    var a, b;
     if (s.deleted) {
       q("deleted");
       return;
     }
-    if (v.current) return;
-    s.events.some((l) => l.source === "import" && !l.own) && (Y(!0), S.current && clearTimeout(S.current), S.current = setTimeout(() => Y(!1), Ae));
-    const t = (l) => Se(s, l);
-    if (t(g.state) && (m([
+    if (y.current) return;
+    s.events.some((d) => d.source === "import" && !d.own) && (Y(!0), S.current && clearTimeout(S.current), S.current = setTimeout(() => Y(!1), Ae));
+    const t = (d) => Se(s, d);
+    if (t(v.state) && (l([
       ["pipeline-instance", e, r],
       ["pipeline-all-owners", e, r],
       ["pipeline-instance-owners", e, r],
       ["pipeline-owners-resolved", e, r],
       ["approval-brief", e, r]
-    ]), (a = s.changedFields) != null && a.includes(g.state) && oe()), t(g.addendums) && m([["addendums", e, r]]), t(g.comments) ? m([
+    ]), (a = s.changedFields) != null && a.includes(v.state) && oe()), t(v.addendums) && l([["addendums", e, r]]), t(v.comments) ? l([
       ["comments", e, r],
       ["comments-related", e, r]
-    ]) : (t(g.state) || t(g.integrations) || t(g.addendums) || !s.aspectsOnly) && m([["comments-related", e, r]]), t(g.tasks) && m([["tasks", e, r]]), t(g.integrations) && m([
+    ]) : (t(v.state) || t(v.integrations) || t(v.addendums) || !s.aspectsOnly) && l([["comments-related", e, r]]), t(v.tasks) && l([["tasks", e, r]]), t(v.integrations) && l([
       ["erp-submissions", e, r],
       ["record-integrations", e, r]
     ]), !s.aspectsOnly) {
-      if (s.ids.length > 0 && s.ids.every((l) => l === "*")) {
-        m([
+      if (s.ids.length > 0 && s.ids.every((d) => d === "*")) {
+        l([
           ["item", e, r],
           ["pipeline-instance", e, r]
         ]);
         return;
       }
-      z(!0);
+      Ee(
+        e,
+        r,
+        ((b = s.changedFields) == null ? void 0 : b.filter((d) => !d.startsWith("$"))) ?? null
+      ), V(!0);
     }
-  }, z = async (s) => {
-    m([
+  }, V = async (s) => {
+    l([
       ["item", e, r],
       // Summary mode reads its own copy (#1869) — it diffs + highlights.
       ["rrv-record", e, r],
@@ -182,13 +187,13 @@ function Ge({
       ["revisions", e, r]
     ]);
     const t = ["last-touch", e, String(r)];
-    await y.invalidateQueries({ queryKey: t }).catch(() => {
-    }), !(!s || De(y.getQueryData(t), G.current)) && (j(!0), N.current && clearTimeout(N.current), N.current = setTimeout(() => j(!1), 4e3));
+    await x.invalidateQueries({ queryKey: t }).catch(() => {
+    }), !(!s || Le(x.getQueryData(t), z.current)) && (j(!0), N.current && clearTimeout(N.current), N.current = setTimeout(() => j(!1), 4e3));
   };
   ke(e, r, ie);
-  const { userId: E } = xe(), G = h(E);
-  G.current = E, Re(E, "saved", e, r, () => {
-    v.current || (z(!1), m([
+  const { userId: E } = xe(), z = g(E);
+  z.current = E, Re(E, "saved", e, r, () => {
+    y.current || (V(!1), l([
       ["pipeline-instance", e, r],
       ["comments", e, r],
       ["tasks", e, r],
@@ -204,7 +209,7 @@ function Ge({
   ), ee(
     "owners:changed",
     () => {
-      v.current || m([
+      y.current || l([
         ["pipeline-instance-owners", e, r],
         ["pipeline-owners-resolved", e, r],
         ["pipeline-all-owners", e, r],
@@ -216,25 +221,25 @@ function Ge({
     "record:integrity",
     e,
     r,
-    () => m([["record-integrity", e, r]])
+    () => l([["record-integrity", e, r]])
   );
-  const J = h(/* @__PURE__ */ new Map());
+  const G = g(/* @__PURE__ */ new Map());
   re("record:automation", e, r, (s) => {
     const t = String((s == null ? void 0 : s.flow_id) ?? "");
     if (!t) return;
-    const a = J.current, l = a.get(t);
-    l && clearTimeout(l), a.delete(t);
-    const x = () => L((n) => {
-      const { [t]: p, ...M } = n;
+    const a = G.current, b = a.get(t);
+    b && clearTimeout(b), a.delete(t);
+    const d = () => C((n) => {
+      const { [t]: h, ...M } = n;
       return M;
     });
     if ((s == null ? void 0 : s.state) === "end") {
-      x();
+      d();
       return;
     }
-    L((n) => ({ ...n, [t]: String((s == null ? void 0 : s.flow_name) || "An automation") })), a.set(t, setTimeout(x, 5 * 6e4));
+    C((n) => ({ ...n, [t]: String((s == null ? void 0 : s.flow_name) || "An automation") })), a.set(t, setTimeout(d, 5 * 6e4));
   }), k(() => {
-    const s = J.current;
+    const s = G.current;
     return () => {
       for (const t of s.values()) clearTimeout(t);
       s.clear();
@@ -245,11 +250,11 @@ function Ge({
       setTimeout(
         () => {
           var s;
-          ((s = v.current) == null ? void 0 : s.kind) !== "deleted" && T.request(U(`/items/${e}/${r}`, { fields: "id" })).then(() => {
+          ((s = y.current) == null ? void 0 : s.kind) !== "deleted" && T.request(U(`/items/${e}/${r}`, { fields: "id" })).then(() => {
             var t;
-            ((t = v.current) == null ? void 0 : t.kind) === "access" && (R(null), m([["item", e, r]]));
+            ((t = y.current) == null ? void 0 : t.kind) === "access" && (R(null), l([["item", e, r]]));
           }).catch((t) => {
-            const a = Qe(t);
+            const a = qe(t);
             (a === 403 || a === 404) && q("access");
           });
         },
@@ -258,59 +263,59 @@ function Ge({
     },
     { debounceMs: 300 }
   ), k(() => {
-    f && !v.current && q("access");
-  }, [f]);
-  const D = Te(e, r, d, E), [de, W] = w(!1);
+    p && !y.current && q("access");
+  }, [p]);
+  const D = Te(e, r, c, E), [de, J] = w(!1);
   k(() => {
-    D.otherDirty || W(!1);
+    D.otherDirty || J(!1);
   }, [D.otherDirty]), k(() => {
-    if (!c) return;
+    if (!u) return;
     const s = (n) => {
-      const p = n.detail;
-      p != null && p.name && c.emit("record:uploading", {
+      const h = n.detail;
+      h != null && h.name && u.emit("record:uploading", {
         collection: e,
         item: String(r),
-        name: p.name,
-        state: p.state
+        name: h.name,
+        state: h.state
       });
     };
     window.addEventListener("nvr:upload-state", s);
     const t = (n) => {
       if ((n == null ? void 0 : n.collection) !== e || String(n == null ? void 0 : n.item) !== String(r)) return;
-      const p = String(n.user_name ?? n.user ?? "Someone");
+      const h = String(n.user_name ?? n.user ?? "Someone");
       se((M) => {
-        const Z = M.filter((I) => !(I.user === p && I.name === n.name));
-        return n.state === "start" ? [...Z, { user: p, name: String(n.name) }] : Z;
+        const Z = M.filter((I) => !(I.user === h && I.name === n.name));
+        return n.state === "start" ? [...Z, { user: h, name: String(n.name) }] : Z;
       });
-    }, a = c.on("record:uploading", t), l = c.on("record:comment", (n) => {
-      (n == null ? void 0 : n.collection) !== e || String(n == null ? void 0 : n.item) !== String(r) || (y.invalidateQueries({ queryKey: ["comments", e, r] }), y.invalidateQueries({ queryKey: ["comments-related", e, r] }));
-    }), x = (n) => t(n.detail);
-    return window.addEventListener("nvr:record-uploading", x), () => {
-      window.removeEventListener("nvr:upload-state", s), window.removeEventListener("nvr:record-uploading", x), a(), l();
+    }, a = u.on("record:uploading", t), b = u.on("record:comment", (n) => {
+      (n == null ? void 0 : n.collection) !== e || String(n == null ? void 0 : n.item) !== String(r) || (x.invalidateQueries({ queryKey: ["comments", e, r] }), x.invalidateQueries({ queryKey: ["comments-related", e, r] }));
+    }), d = (n) => t(n.detail);
+    return window.addEventListener("nvr:record-uploading", d), () => {
+      window.removeEventListener("nvr:upload-state", s), window.removeEventListener("nvr:record-uploading", d), a(), b();
     };
-  }, [c, e, r, y]);
+  }, [u, e, r, x]);
   const ce = async () => {
     if (o != null && o.trashId) {
       F(!0);
       try {
-        await T.request(we(`/trash/${o.trashId}/restore`, {})), R(null), _.current = Date.now(), m([["item", e, r]]), O.success("Record restored");
+        await T.request(we(`/trash/${o.trashId}/restore`, {})), R(null), _.current = Date.now(), l([["item", e, r]]), O.success("Record restored");
       } catch (s) {
         O.error(_e(s, "Restore failed"));
       } finally {
         F(!1);
       }
     }
-  }, K = Object.values(ae), X = D.otherDirty && !de && !d && !o;
-  return !o && K.length === 0 && !X && !P && (!c || !A && C.length === 0) ? null : /* @__PURE__ */ u("div", { className: "space-y-2", children: [
-    (o == null ? void 0 : o.kind) === "deleted" && /* @__PURE__ */ u(
+  }, K = Object.values(ae), X = D.otherDirty && !de && !c && !o;
+  return !o && K.length === 0 && !X && !P && (!u || !L && A.length === 0) ? null : /* @__PURE__ */ m("div", { className: "space-y-2", children: [
+    (o == null ? void 0 : o.kind) === "deleted" && /* @__PURE__ */ m(
       "div",
       {
         "data-record-gone": "deleted",
         role: "alert",
         className: "flex items-center gap-3 rounded-lg border border-rose-300 bg-rose-50 px-3.5 py-2.5 dark:border-rose-500/40 dark:bg-rose-500/10",
         children: [
-          /* @__PURE__ */ i(be, { className: "h-4 w-4 shrink-0 text-rose-500" }),
-          /* @__PURE__ */ u("p", { className: "min-w-0 flex-1 text-[12px] text-rose-800 dark:text-rose-300", children: [
+          /* @__PURE__ */ i(fe, { className: "h-4 w-4 shrink-0 text-rose-500" }),
+          /* @__PURE__ */ m("p", { className: "min-w-0 flex-1 text-[12px] text-rose-800 dark:text-rose-300", children: [
             /* @__PURE__ */ i("span", { className: "font-semibold", children: "This record was deleted" }),
             o.by ? ` by ${o.by}` : "",
             o.at ? ` ${$e(o.at)}` : "",
@@ -330,14 +335,14 @@ function Ge({
         ]
       }
     ),
-    (o == null ? void 0 : o.kind) === "access" && !b && /* @__PURE__ */ i(Le, { onBack: () => window.history.back() }),
-    X && /* @__PURE__ */ u(
+    (o == null ? void 0 : o.kind) === "access" && !f && /* @__PURE__ */ i(Qe, { onBack: () => window.history.back() }),
+    X && /* @__PURE__ */ m(
       "div",
       {
         "data-record-other-tab": !0,
         className: "flex items-center gap-3 rounded-lg border border-amber-300 bg-amber-50 px-3.5 py-2.5 dark:border-amber-500/40 dark:bg-amber-500/10",
         children: [
-          /* @__PURE__ */ i(fe, { className: "h-4 w-4 shrink-0 text-amber-500" }),
+          /* @__PURE__ */ i(pe, { className: "h-4 w-4 shrink-0 text-amber-500" }),
           /* @__PURE__ */ i("p", { className: "min-w-0 flex-1 text-[12px] text-amber-800 dark:text-amber-300", children: "This record is open with unsaved changes in another tab — editing it here too may overwrite them." }),
           /* @__PURE__ */ i(
             "button",
@@ -352,7 +357,7 @@ function Ge({
             "button",
             {
               type: "button",
-              onClick: () => W(!0),
+              onClick: () => J(!0),
               className: "h-7 shrink-0 rounded-md px-2 text-[11.5px] text-amber-700 hover:bg-amber-100 dark:text-amber-300 dark:hover:bg-amber-500/10",
               children: "Dismiss"
             }
@@ -360,23 +365,23 @@ function Ge({
         ]
       }
     ),
-    P && !o && /* @__PURE__ */ u(
+    P && !o && /* @__PURE__ */ m(
       "div",
       {
         "data-record-importing": !0,
         role: "status",
         className: "flex items-center gap-3 rounded-lg border border-amber-300 bg-amber-50 px-3.5 py-2.5 dark:border-amber-500/40 dark:bg-amber-500/10",
         children: [
-          /* @__PURE__ */ i(pe, { className: "h-4 w-4 shrink-0 animate-pulse text-amber-500" }),
-          /* @__PURE__ */ u("p", { className: "min-w-0 flex-1 text-[12px] text-amber-800 dark:text-amber-300", children: [
+          /* @__PURE__ */ i(be, { className: "h-4 w-4 shrink-0 animate-pulse text-amber-500" }),
+          /* @__PURE__ */ m("p", { className: "min-w-0 flex-1 text-[12px] text-amber-800 dark:text-amber-300", children: [
             /* @__PURE__ */ i("span", { className: "font-semibold", children: "An import is updating this record" }),
             " — the changed fields refresh here as it goes.",
-            d ? " Your unsaved edits may be out of date; check them before saving." : ""
+            c ? " Your unsaved edits may be out of date; check them before saving." : ""
           ] })
         ]
       }
     ),
-    K.length > 0 && !o && /* @__PURE__ */ u(
+    K.length > 0 && !o && /* @__PURE__ */ m(
       "div",
       {
         "data-record-automation": !0,
@@ -384,7 +389,7 @@ function Ge({
         className: "flex items-center gap-3 rounded-lg border border-nvr-cyan/40 bg-nvr-cyan/10 px-3.5 py-2.5",
         children: [
           /* @__PURE__ */ i(he, { className: "h-4 w-4 shrink-0 animate-pulse text-nvr-cyan" }),
-          /* @__PURE__ */ u("p", { className: "min-w-0 flex-1 text-[12px] text-[#0e7490] dark:text-[#67e8f9]", children: [
+          /* @__PURE__ */ m("p", { className: "min-w-0 flex-1 text-[12px] text-[#0e7490] dark:text-[#67e8f9]", children: [
             /* @__PURE__ */ i("span", { className: "font-semibold", children: "Automation is updating this record" }),
             " —",
             " ",
@@ -394,12 +399,12 @@ function Ge({
         ]
       }
     ),
-    c && (A || C.length > 0) && /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-2", children: [
-      A && /* @__PURE__ */ u("span", { className: "inline-flex items-center gap-1.5 rounded-full border border-nvr-cyan/40 bg-nvr-cyan/10 px-2.5 py-0.5 text-[11px] font-medium text-[#0e7490] dark:text-[#67e8f9]", children: [
+    u && (L || A.length > 0) && /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center gap-2", children: [
+      L && /* @__PURE__ */ m("span", { className: "inline-flex items-center gap-1.5 rounded-full border border-nvr-cyan/40 bg-nvr-cyan/10 px-2.5 py-0.5 text-[11px] font-medium text-[#0e7490] dark:text-[#67e8f9]", children: [
         /* @__PURE__ */ i("span", { className: "h-1.5 w-1.5 animate-pulse rounded-full bg-nvr-cyan" }),
         "Updated just now by someone else"
       ] }),
-      C.map((s) => /* @__PURE__ */ u(
+      A.map((s) => /* @__PURE__ */ m(
         "span",
         {
           className: "inline-flex items-center gap-1.5 rounded-full border border-slate-200 bg-white px-2.5 py-0.5 text-[11px] text-slate-600 dark:border-border dark:bg-card dark:text-slate-300",
@@ -418,10 +423,10 @@ function Ge({
 }
 export {
   te as RECORD_QUERY_HEADS,
-  Le as RecordAccessLostPanel,
-  Ge as RecordLiveSync,
-  ze as invalidateRecordQueries,
-  Ee as moveNotice,
+  Qe as RecordAccessLostPanel,
+  Je as RecordLiveSync,
+  Ge as invalidateRecordQueries,
+  De as moveNotice,
   Ce as purgeRecordQueries,
-  De as writtenBySelf
+  Le as writtenBySelf
 };