@instructure/platform-notebook 0.2.0

package/dist/index.js

@@ -0,0 +1,761 @@
+import { z as i } from "zod";
+import le from "diff-match-patch";
+import { useQueryClient as j, useMutation as P, useQuery as ce } from "@tanstack/react-query";
+import { jsx as _ } from "react/jsx-runtime";
+import { createContext as G, useContext as Y, useReducer as ue, useMemo as de } from "react";
+const fe = i.object({
+  startContainer: i.string(),
+  endContainer: i.string(),
+  startOffset: i.number(),
+  endOffset: i.number()
+}), ge = i.object({
+  start: i.number(),
+  end: i.number()
+}), q = i.object({
+  selectedText: i.string(),
+  hasNoHighlightAnymore: i.boolean().optional(),
+  textPosition: ge.nullable(),
+  range: fe.nullable(),
+  pageLastModifiedAt: i.string()
+});
+var I = /* @__PURE__ */ ((n) => (n.IMPORTANT = "Important", n.CONFUSING = "Confusing", n))(I || {});
+const M = i.enum([
+  "Important",
+  "Confusing"
+  /* CONFUSING */
+]), z = i.object({
+  startCursor: i.string().nullish(),
+  endCursor: i.string().nullish(),
+  hasNextPage: i.boolean().nullish(),
+  hasPreviousPage: i.boolean().nullish()
+}), L = i.object({
+  id: i.string(),
+  rootAccountUuid: i.string(),
+  userId: i.string(),
+  courseId: i.string(),
+  objectId: i.string(),
+  objectType: i.string(),
+  userText: i.string().optional(),
+  reaction: i.array(M),
+  highlightData: q,
+  createdAt: i.string(),
+  updatedAt: i.string()
+}), he = i.object({
+  cursor: i.string(),
+  node: L
+});
+i.object({
+  notes: i.object({
+    edges: i.array(he),
+    nodes: i.array(L),
+    pageInfo: z
+  })
+});
+const me = i.object({
+  type: i.string(),
+  id: i.string()
+}), Ne = i.object({
+  courseId: i.string().optional(),
+  learningObject: me.optional(),
+  reactions: i.array(i.string()).optional()
+}).optional();
+i.object({
+  courseId: i.string().optional(),
+  filter: Ne,
+  pageParams: z.optional(),
+  direction: i.enum(["next", "prev"]).optional(),
+  pageSize: i.number().optional()
+});
+i.object({
+  courseId: i.string(),
+  objectId: i.string(),
+  objectType: i.string(),
+  userText: i.string().optional(),
+  reaction: i.array(M),
+  highlightData: q
+});
+i.object({
+  createNote: L
+});
+i.object({
+  id: i.string(),
+  userText: i.string().optional(),
+  reaction: i.array(M),
+  highlightData: q
+});
+i.object({
+  updateNote: L
+});
+i.object({
+  deleteNote: i.string()
+});
+var Z = /* @__PURE__ */ ((n) => (n[n.FORWARDS = 1] = "FORWARDS", n[n.BACKWARDS = 2] = "BACKWARDS", n))(Z || {});
+class S {
+  constructor(e, t) {
+    this.start = e, this.end = t;
+  }
+  toRange() {
+    let e, t;
+    if (this.start.element === this.end.element && this.start.offset <= this.end.offset ? [e, t] = ee(this.start.element, this.start.offset, this.end.offset) : (e = this.start.resolve({
+      direction: 1
+      /* FORWARDS */
+    }), t = this.end.resolve({
+      direction: 2
+      /* BACKWARDS */
+    })), !e || !t)
+      return null;
+    const o = new Range();
+    return o.setStart(e.node, e.offset), o.setEnd(t.node, t.offset), o;
+  }
+  static fromRange(e) {
+    const t = E.fromPoint(e.startContainer, e.startOffset), o = E.fromPoint(e.endContainer, e.endOffset);
+    return !t || !o ? null : new S(t, o);
+  }
+  static fromOffsets(e, t, o) {
+    return new S(new E(e, t), new E(e, o));
+  }
+  relativeTo(e) {
+    return new S(this.start.relativeTo(e), this.end.relativeTo(e));
+  }
+}
+class E {
+  constructor(e, t) {
+    t < 0 && console.error("Offset is invalid"), this.element = e, this.offset = t;
+  }
+  resolve(e = {}) {
+    try {
+      return ee(this.element, this.offset)[0];
+    } catch (t) {
+      if (this.offset === 0 && e.direction !== void 0) {
+        const o = document.createTreeWalker(this.element.getRootNode(), NodeFilter.SHOW_TEXT);
+        o.currentNode = this.element;
+        const r = e.direction === Z.FORWARDS, s = r ? o.nextNode() : o.previousNode();
+        if (!s)
+          throw t;
+        return { node: s, offset: r ? 0 : s.data.length };
+      }
+      throw t;
+    }
+  }
+  static fromCharOffset(e, t) {
+    switch (e.nodeType) {
+      case Node.TEXT_NODE:
+        return E.fromPoint(e, t);
+      case Node.ELEMENT_NODE:
+        return new E(e, t);
+      default:
+        return console.error("Node is not an element or text node"), null;
+    }
+  }
+  static fromPoint(e, t) {
+    switch (e.nodeType) {
+      case Node.TEXT_NODE: {
+        if (t < 0 || t > e.data.length)
+          return console.error("Text node offset is out of range"), null;
+        if (!e.parentElement)
+          return console.error("Text node has no parent"), null;
+        const o = V(e) + t;
+        return new E(e.parentElement, o);
+      }
+      case Node.ELEMENT_NODE: {
+        if (t < 0 || t > e.childNodes.length)
+          return console.error("Child node offset is out of range"), null;
+        let o = 0;
+        for (let r = 0; r < t; r++)
+          o += J(e.childNodes[r]);
+        return new E(e, o);
+      }
+      default:
+        return console.error("Point is not in an element or text node"), null;
+    }
+  }
+  relativeTo(e) {
+    if (!e.contains(this.element))
+      throw new Error("Parent is not an ancestor of current element");
+    let t = this.element, o = this.offset;
+    for (; t !== e; )
+      o += V(t), t.parentElement && (t = t.parentElement);
+    return new E(t, o);
+  }
+}
+const pe = (n) => {
+  const e = n.nodeName.toLowerCase();
+  return e === "#text" ? "text()" : e;
+};
+function ye(n) {
+  let e = 0, t = n;
+  for (; t; )
+    t.nodeName === n.nodeName && (e += 1), t = t.previousSibling;
+  return e;
+}
+const Ee = (n) => {
+  const e = pe(n), t = ye(n);
+  return `${e}[${t}]`;
+}, K = (n, e) => {
+  let t = "", o = n;
+  for (; o !== e; ) {
+    if (!o) {
+      console.error("Node is not a descendant of root");
+      return;
+    }
+    t = `${Ee(o)}/${t}`, o = o.parentNode;
+  }
+  return t = `/${t}`, t = t.replace(/\/$/, ""), t;
+}, Se = (n, e, t) => {
+  const o = e.toUpperCase();
+  let r = -1;
+  for (let s = 0; s < n.children.length; s++) {
+    const a = n.children[s];
+    if (a.nodeName.toUpperCase() === o && (++r, r === t))
+      return a;
+  }
+  return null;
+}, be = (n, e) => {
+  if (!(n.match(/^(\/[A-Za-z0-9-]+(\[[0-9]+])?)+$/) !== null))
+    return console.error("Expression is not a simple XPath"), null;
+  const o = n.split("/");
+  let r = e;
+  o.shift();
+  for (const s of o) {
+    let a, c;
+    const u = s.indexOf("[");
+    if (u !== -1) {
+      a = s.slice(0, u);
+      const h = s.slice(u + 1, s.indexOf("]"));
+      if (c = Number.parseInt(h, 10) - 1, c < 0)
+        return null;
+    } else
+      a = s, c = 0;
+    const d = Se(r, a, c);
+    if (!d)
+      return null;
+    r = d;
+  }
+  return r;
+}, Q = (n, e = document.body) => {
+  try {
+    return be(n, e);
+  } catch {
+    return document.evaluate(`.${n}`, e, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+  }
+};
+class A {
+  constructor(e, t) {
+    this.root = e, this.range = t;
+  }
+  static fromRange(e, t) {
+    return new A(e, t);
+  }
+  static fromSelector(e, t) {
+    if (!(t != null && t.startContainer) || !(t != null && t.endContainer))
+      return console.error("No start or end container in selector"), null;
+    const o = Q(t.startContainer, e);
+    if (!o)
+      return console.error("Failed to resolve startContainer XPath"), null;
+    const r = Q(t.endContainer, e);
+    if (!r)
+      return console.error("Failed to resolve endContainer XPath"), null;
+    const s = E.fromCharOffset(o, t.startOffset), a = E.fromCharOffset(r, t.endOffset);
+    if (!s || !a)
+      return null;
+    const c = new S(s, a).toRange();
+    return c ? new A(e, c) : null;
+  }
+  toRange() {
+    return this.range;
+  }
+  toSelector() {
+    var s;
+    const e = (s = S.fromRange(this.range)) == null ? void 0 : s.toRange(), t = e && S.fromRange(e), o = t && K(t.start.element, this.root), r = t && K(t.end.element, this.root);
+    return !o || !r ? null : {
+      startContainer: o,
+      startOffset: t.start.offset,
+      endContainer: r,
+      endOffset: t.end.offset
+    };
+  }
+}
+class v {
+  constructor(e, t, o) {
+    this.root = e, this.start = t, this.end = o;
+  }
+  static fromRange(e, t) {
+    var r;
+    const o = (r = S.fromRange(t)) == null ? void 0 : r.relativeTo(e);
+    return o ? new v(e, o.start.offset, o.end.offset) : null;
+  }
+  static fromSelector(e, t) {
+    return new v(e, t.start, t.end);
+  }
+  toSelector() {
+    return {
+      start: this.start,
+      end: this.end
+    };
+  }
+  toRange() {
+    return S.fromOffsets(this.root, this.start, this.end).toRange();
+  }
+}
+const J = (n) => {
+  var e;
+  switch (n.nodeType) {
+    case Node.ELEMENT_NODE:
+    case Node.TEXT_NODE:
+      return ((e = n.textContent) == null ? void 0 : e.length) ?? 0;
+    default:
+      return 0;
+  }
+}, V = (n) => {
+  let e = n.previousSibling, t = 0;
+  for (; e; )
+    t += J(e), e = e.previousSibling;
+  return t;
+}, ee = (n, ...e) => {
+  let t = e.shift();
+  const o = n.ownerDocument.createNodeIterator(n, NodeFilter.SHOW_TEXT), r = [];
+  let s = o.nextNode(), a = null, c = 0;
+  for (; t !== void 0 && s; )
+    a = s, c + a.data.length > t ? (r.push({ node: a, offset: t - c }), t = e.shift()) : (s = o.nextNode(), c += a.data.length);
+  for (; t !== void 0 && a && c === t; )
+    r.push({ node: a, offset: a.data.length }), t = e.shift();
+  return t !== void 0 && console.error("Offset exceeds text length"), r;
+}, Te = (n, e, t, o) => {
+  const r = t - e;
+  return Math.abs(r - o) <= 5 ? v.fromSelector(n, {
+    start: e,
+    end: t
+  }) : null;
+}, Ce = (n, e, t, o) => {
+  const r = new le();
+  r.Match_Distance = 5e3;
+  const s = n.textContent;
+  if (!s)
+    return null;
+  if (e.length > 32) {
+    const a = e.slice(0, 32), c = e.slice(-32), u = o - t;
+    let d = r.match_main(s, a, t);
+    const h = r.match_main(s, c, o), f = h + c.length;
+    if (d === -1 || h === -1)
+      return null;
+    const l = f - d, m = Math.abs(l - u);
+    if ((d > f || m > 5) && (r.Match_Distance = e.length + 100, d = r.match_main(s, a, f), d !== -1 && d < f))
+      return Te(n, d, f, u);
+    if (d < f && m <= 5)
+      return v.fromSelector(n, {
+        start: d,
+        end: f
+      });
+  } else {
+    const a = r.match_main(s, e, t);
+    if (a !== -1)
+      return v.fromSelector(n, {
+        start: a,
+        end: a + e.length
+      });
+  }
+  return null;
+}, ve = (n, e) => {
+  if (!e) return null;
+  const { highlightData: t } = n, { textPosition: o, selectedText: r } = t;
+  return Ce(
+    e,
+    r,
+    (o == null ? void 0 : o.start) ?? 0,
+    (o == null ? void 0 : o.end) ?? 0
+  );
+}, ht = (n, e, t) => {
+  const o = [], r = [];
+  for (const s of e) {
+    const a = ve(s, n);
+    if (a) {
+      const c = a.toRange(), u = c && A.fromRange(n, c);
+      o.push({
+        id: s.id,
+        reaction: s.reaction,
+        userText: s.userText,
+        highlightData: {
+          ...s.highlightData,
+          hasNoHighlightAnymore: !1,
+          range: (u == null ? void 0 : u.toSelector()) ?? null,
+          textPosition: a.toSelector(),
+          pageLastModifiedAt: t
+        }
+      });
+    } else
+      s.userText ? o.push({
+        id: s.id,
+        reaction: s.reaction,
+        userText: s.userText,
+        highlightData: {
+          ...s.highlightData,
+          pageLastModifiedAt: t,
+          hasNoHighlightAnymore: !0
+        }
+      }) : r.push(s.id);
+  }
+  return { notesForUpdate: o, noteIdsForDelete: r };
+}, mt = (n) => {
+  const e = document.getElementById($(n));
+  if (e) {
+    const t = e.getBoundingClientRect();
+    t.top >= 0 && t.left >= 0 && t.bottom <= (window.innerHeight || document.documentElement.clientHeight) && t.right <= (window.innerWidth || document.documentElement.clientWidth) || e.scrollIntoView({ behavior: "smooth", block: "start" });
+  }
+}, R = 90, k = 172, Nt = (n) => {
+  const e = n.getClientRects();
+  if (!e.length)
+    return null;
+  const t = e[0], o = e[e.length - 1], r = 4, s = 16, a = window.innerWidth || document.documentElement.clientWidth, c = window.innerHeight || document.documentElement.clientHeight, u = (N) => {
+    const b = N + k;
+    return N >= s && b <= a - s;
+  }, d = (N) => {
+    const b = N + R;
+    return N >= s && b <= c - s;
+  };
+  let h;
+  const f = t.right - k;
+  if (u(f))
+    h = f;
+  else {
+    const N = t.left;
+    if (u(N))
+      h = N;
+    else {
+      const T = (t.left + t.right) / 2 - k / 2;
+      u(T) ? h = T : f < s ? h = s : h = a - k - s;
+    }
+  }
+  let l;
+  const m = o.bottom + r;
+  if (d(m))
+    l = m;
+  else {
+    const N = t.top - R - r;
+    d(N) ? l = N : m + R > c - s ? l = c - R - s : l = s;
+  }
+  return { top: l, left: h };
+}, pt = (n, e) => {
+  for (const t of e)
+    if (n.start < t.end && n.end > t.start)
+      return !0;
+  return !1;
+}, W = (n) => `highlight-wrapper-${n}`, $ = (n) => `${W(n)}-start`, te = (n) => `${W(n)}-end`, D = (n) => `[data-highlight-id="${CSS.escape(n)}"]`, ne = (n, e) => {
+  const t = Number.parseInt(n.slice(1, 3), 16), o = Number.parseInt(n.slice(3, 5), 16), r = Number.parseInt(n.slice(5, 7), 16);
+  return `rgba(${t}, ${o}, ${r}, ${e})`;
+}, Oe = (n, e) => {
+  var t;
+  try {
+    const o = ((t = e.nodeValue) == null ? void 0 : t.length) ?? e.childNodes.length;
+    return n.comparePoint(e, 0) <= 0 && n.comparePoint(e, o) >= 0;
+  } catch {
+    return !1;
+  }
+}, we = (n) => {
+  var s;
+  if (n.collapsed)
+    return [];
+  let e = n.commonAncestorContainer;
+  if (e && e.nodeType !== Node.ELEMENT_NODE && (e = e.parentElement), !e)
+    return [];
+  const t = [], o = (s = e == null ? void 0 : e.ownerDocument) == null ? void 0 : s.createNodeIterator(e, NodeFilter.SHOW_TEXT);
+  let r = (o == null ? void 0 : o.nextNode()) || null;
+  for (; r; ) {
+    if (!Oe(n, r)) {
+      r = (o == null ? void 0 : o.nextNode()) || null;
+      continue;
+    }
+    const a = r;
+    if (a === n.startContainer && n.startOffset > 0) {
+      a.splitText(n.startOffset), r = (o == null ? void 0 : o.nextNode()) || null;
+      continue;
+    }
+    a === n.endContainer && n.endOffset < a.data.length && a.splitText(n.endOffset), t.push(a), r = (o == null ? void 0 : o.nextNode()) || null;
+  }
+  return t;
+}, yt = (n, e, t) => {
+  if (n.collapsed) return;
+  const o = e.id ?? "", r = W(o);
+  if (document.getElementById($(o))) {
+    Ie(e, t);
+    return;
+  }
+  const a = e.type === I.IMPORTANT ? t.colors.importantBackground : t.colors.confusingBackground, u = e.id === e.selectedNoteId ? a : ne(a, 0.5), d = e.type === I.IMPORTANT ? t.colors.importantUnderline : t.colors.confusingUnderline, h = e.type === I.IMPORTANT ? "solid" : "dashed", f = n.toString(), l = document.createElement("span");
+  l.id = `${r}-start`, l.className = "highlight-marker-start", l.dataset.highlightId = o || "", l.setAttribute("role", "button"), l.setAttribute("tabindex", "0"), l.setAttribute("aria-label", f), l.style.position = "relative", l.style.fontSize = "0", l.style.lineHeight = "0", l.style.width = "0", l.style.height = "0", l.style.margin = "0", l.style.padding = "0", l.style.border = "0";
+  const m = document.createElement("span");
+  m.id = te(o), m.className = "highlight-marker-end", m.dataset.highlightId = o || "";
+  const N = n.cloneRange();
+  N.collapse(!1), N.insertNode(m);
+  const b = n.cloneRange();
+  b.collapse(!0), b.insertNode(l);
+  const T = document.createRange();
+  T.setStartAfter(l), T.setEndBefore(m);
+  const H = we(T).filter((g) => g.textContent && g.textContent.length > 0);
+  H.forEach((g, y) => {
+    var U;
+    const O = g.parentElement;
+    if ((O == null ? void 0 : O.dataset.highlightId) === o) return;
+    const F = y === 0, x = y === H.length - 1, ie = H.length === 1;
+    let w;
+    ie ? w = "single" : F ? w = "first" : x ? w = "last" : w = "middle";
+    const p = document.createElement("span");
+    p.className = "highlight-content", p.dataset.highlightId = o || "", p.dataset.position = w, p.style.backgroundColor = u, p.style.textDecorationLine = "underline", p.style.textDecorationColor = d, p.style.textDecorationStyle = h, p.style.textDecorationThickness = t.borderWidthSmall, p.style.textUnderlineOffset = t.underlineOffset, p.style.cursor = "pointer", p.addEventListener("click", (ae) => {
+      var X;
+      ae.target.tagName !== "A" && ((X = e.onClick) == null || X.call(e));
+    }), (U = g.parentNode) == null || U.insertBefore(p, g), p.appendChild(g);
+  }), l.addEventListener("click", (g) => {
+    var y;
+    g.target.tagName !== "A" && ((y = e.onClick) == null || y.call(e));
+  }), l.addEventListener("keydown", (g) => {
+    var y;
+    if (g.key === "Enter" || g.key === " ")
+      g.preventDefault(), (y = e.onClick) == null || y.call(e);
+    else if (g.key === "Tab" && !g.shiftKey) {
+      const O = document.querySelectorAll(D(o));
+      for (const F of O) {
+        const x = F.querySelector("a");
+        if (x) {
+          g.preventDefault(), x.focus();
+          break;
+        }
+      }
+    }
+  }), l.addEventListener("focus", () => {
+    document.querySelectorAll(
+      D(o)
+    ).forEach((y) => {
+      y.classList.add("highlight-focused");
+    });
+  }), l.addEventListener("blur", () => {
+    document.querySelectorAll(
+      D(o)
+    ).forEach((y) => {
+      y.classList.remove("highlight-focused");
+    });
+  });
+};
+function Ie(n, e) {
+  const t = n.type === I.IMPORTANT ? e.colors.importantBackground : e.colors.confusingBackground, r = n.id === n.selectedNoteId ? t : ne(t, 0.5);
+  document.querySelectorAll(
+    D(n.id ?? "")
+  ).forEach((a) => {
+    a.style.backgroundColor = r;
+  });
+}
+const Et = (n) => {
+  const e = n.id ?? "", t = document.getElementById($(e)), o = document.getElementById(te(e));
+  document.querySelectorAll(
+    D(e)
+  ).forEach((s) => {
+    var a;
+    for (; s.firstChild; )
+      (a = s.parentNode) == null || a.insertBefore(s.firstChild, s);
+    s.remove();
+  }), t == null || t.remove(), o == null || o.remove();
+}, C = {
+  all: ["notebook"],
+  notes: (n) => ["notebook", "notes", n]
+};
+function St(n) {
+  const e = j();
+  return P({
+    mutationFn: (t) => n.createNote(t),
+    onSuccess: () => {
+      e.invalidateQueries({ queryKey: C.all });
+    }
+  });
+}
+function bt(n) {
+  const e = j();
+  return P({
+    mutationFn: (t) => n.deleteNote(t),
+    onSuccess: () => {
+      e.invalidateQueries({ queryKey: C.all });
+    }
+  });
+}
+function Tt({
+  api: n,
+  enabled: e = !0,
+  ...t
+}) {
+  return ce({
+    queryKey: C.notes(t),
+    queryFn: () => n.getNotes(t),
+    enabled: e
+  });
+}
+function Ct(n) {
+  const e = j();
+  return P({
+    mutationFn: ({ id: t, input: o }) => n.updateNote(t, o),
+    onMutate: async ({ id: t, input: o }) => {
+      await e.cancelQueries({ queryKey: C.all });
+      const s = e.getQueryCache().findAll({ queryKey: C.all }), a = /* @__PURE__ */ new Map();
+      for (const c of s) {
+        const u = c.state.data;
+        u && (a.set(c.queryKey, u), e.setQueryData(c.queryKey, {
+          ...u,
+          notes: u.notes.map(
+            (d) => d.id === t ? { ...d, ...o, updatedAt: (/* @__PURE__ */ new Date()).toISOString() } : d
+          )
+        }));
+      }
+      return { previousData: a };
+    },
+    onError: (t, o, r) => {
+      if (r != null && r.previousData)
+        for (const [s, a] of r.previousData)
+          e.setQueryData(s, a);
+    },
+    onSettled: () => {
+      e.invalidateQueries({ queryKey: C.all });
+    }
+  });
+}
+const De = "Notebook", xe = "Notes", Re = "Important", ke = "Unclear", Ae = "Edit note", Le = "Save", He = "Cancel", Fe = "Delete note", _e = "Remove from Notebook", je = "Add a note (optional).", Pe = "Mark important", qe = "Mark unclear", Me = "Saved to Notebook.", We = "Note updated", $e = "Note deleted", Be = "Error saving to Notebook.", Ue = "Error updating note", Xe = "Note deletion failed", Ke = "Loading notes", Qe = "Failed to load notes", Ve = "Start capturing your notes", Ge = "Your notes from learning materials will appear here. Highlight key ideas, reflections, or questions as you learn—they'll all be saved in your Notebook for easy review later.", Ye = "Nothing here yet", ze = "Adjust your filters or create a new note to get started.", Ze = "You have no notes for the selected filter", Je = "Previous page", et = "Next page", tt = "All courses", nt = "All notes", ot = "Close Notebook panel", rt = "To use the Notebook feature, highlight an excerpt from your learning material to flag it as 'confusing' or 'important' and leave an optional note.", B = {
+  notebook: De,
+  notes: xe,
+  important: Re,
+  unclear: ke,
+  editNote: Ae,
+  save: Le,
+  cancel: He,
+  deleteNote: Fe,
+  removeFromNotebook: _e,
+  addNoteOptional: je,
+  markImportant: Pe,
+  markUnclear: qe,
+  savedToNotebook: Me,
+  noteUpdated: We,
+  noteDeleted: $e,
+  errorSavingNote: Be,
+  errorUpdatingNote: Ue,
+  noteDeletionFailed: Xe,
+  loadingNotes: Ke,
+  failedToLoadNotes: Qe,
+  emptyStateHeading: Ve,
+  emptyStateDescription: Ge,
+  nothingHereYet: Ye,
+  adjustFiltersOrCreate: ze,
+  noNotesForFilter: Ze,
+  previousPage: Je,
+  nextPage: et,
+  allCourses: tt,
+  allNotes: nt,
+  closeNotebookPanel: ot,
+  featureDescription: rt
+}, oe = G(null);
+function re(n, e) {
+  const t = B[n] ?? n;
+  return e ? t.replace(/%\{([^}]+)}/g, (o, r) => String(e[r] ?? `%{${r}}`)) : t;
+}
+function st({
+  translations: n,
+  translate: e,
+  children: t
+}) {
+  const r = {
+    translations: { ...B, ...n },
+    translate: e ?? re
+  };
+  return /* @__PURE__ */ _(oe.Provider, { value: r, children: t });
+}
+function vt() {
+  const n = Y(oe);
+  return n || { translations: B, translate: re };
+}
+const it = {
+  selectedNoteId: null,
+  isNoteEditing: !1,
+  isTrayOpen: !1
+};
+function at(n, e) {
+  switch (e.type) {
+    case "SELECT_NOTE":
+      return {
+        ...n,
+        selectedNoteId: e.payload.id,
+        isNoteEditing: e.payload.isEditing
+      };
+    case "CLEAR_SELECTED_NOTE":
+      return { ...n, selectedNoteId: null, isNoteEditing: !1 };
+    case "SET_EDITING":
+      return { ...n, isNoteEditing: e.payload };
+    case "OPEN_TRAY":
+      return { ...n, isTrayOpen: !0 };
+    case "CLOSE_TRAY":
+      return { ...n, isTrayOpen: !1, selectedNoteId: null, isNoteEditing: !1 };
+    default:
+      return n;
+  }
+}
+const se = G(null);
+function Ot({
+  api: n,
+  currentUserId: e,
+  objectId: t,
+  objectType: o,
+  courseId: r,
+  pageLastModifiedAt: s,
+  onAnalyticsEvent: a,
+  translations: c,
+  translate: u,
+  children: d
+}) {
+  const [h, f] = ue(at, it), l = de(
+    () => ({
+      api: n,
+      currentUserId: e,
+      objectId: t,
+      objectType: o,
+      courseId: r,
+      pageLastModifiedAt: s,
+      onAnalyticsEvent: a,
+      ...h,
+      selectNote: (m, N = !1) => f({ type: "SELECT_NOTE", payload: { id: m, isEditing: N } }),
+      clearSelectedNote: () => f({ type: "CLEAR_SELECTED_NOTE" }),
+      setEditing: (m) => f({ type: "SET_EDITING", payload: m }),
+      openTray: () => f({ type: "OPEN_TRAY" }),
+      closeTray: () => f({ type: "CLOSE_TRAY" })
+    }),
+    [
+      n,
+      e,
+      t,
+      o,
+      r,
+      s,
+      a,
+      h
+    ]
+  );
+  return /* @__PURE__ */ _(se.Provider, { value: l, children: /* @__PURE__ */ _(st, { translations: c, translate: u, children: d }) });
+}
+function wt() {
+  const n = Y(se);
+  if (!n)
+    throw new Error("useNotebook must be used within a NotebookProvider");
+  return n;
+}
+export {
+  Ot as NotebookProvider,
+  I as REACTION_TYPE,
+  A as RangeAnchor,
+  E as TextPosition,
+  v as TextPositionAnchor,
+  S as TextRange,
+  yt as addHighlight,
+  Nt as getPlacement,
+  pt as isOverlapping,
+  Q as nodeFromXPath,
+  ht as recoverHighlights,
+  Et as removeHighlights,
+  mt as scrollToHighlight,
+  St as useCreateNote,
+  bt as useDeleteNote,
+  Tt as useGetNotes,
+  wt as useNotebook,
+  vt as useNotebookTranslations,
+  Ct as useUpdateNote,
+  K as xpathFromNode
+};