@lokalise/harmony 1.16.0 → 1.17.0

package/dist/harmony.mjs

@@ -1,287 +1,287 @@
-var Kt = Object.defineProperty;
-var Qt = (e, t, n) => t in e ? Kt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Je = (e, t, n) => Qt(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as a, jsxs as h, Fragment as Le } from "react/jsx-runtime";
-import * as H from "react";
-import { useRef as yt, useState as N, useCallback as ze, useEffect as J, useContext as Ct, createContext as wt, cloneElement as Yt, Fragment as St, forwardRef as Vt } from "react";
-import { Tooltip as q, Link as L, Menu as oe, MenuList as ae, CaretUpIcon as Zt, UserIcon as kt, MenuItem as z, MenuDivider as Et, ConfirmModal as Xt, Alert as en, Tag as Ne, Button as Re, Loading as tn, Popover as nn, JobIcon as rn } from "@lokalise/louis";
-import { format as It, parseISO as on } from "date-fns";
-import { toZonedTime as an } from "date-fns-tz";
-import { sendByPayloadRoute as G, sendByGetRoute as W } from "@lokalise/frontend-http-client";
+var Xt = Object.defineProperty;
+var Zt = (e, t, n) => t in e ? Xt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var ee = (e, t, n) => Zt(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as s, jsxs as h, Fragment as Ue } from "react/jsx-runtime";
+import * as F from "react";
+import { useRef as wt, useState as R, useCallback as We, useEffect as G, useContext as Et, createContext as Ct, cloneElement as en, Fragment as kt, forwardRef as tn } from "react";
+import { Tooltip as H, Link as L, Menu as ae, MenuList as se, CaretUpIcon as nn, UserIcon as Pt, MenuItem as K, MenuDivider as It, ConfirmModal as rn, Alert as on, Tag as Ne, Button as je, Loading as an, Popover as sn, JobIcon as cn } from "@lokalise/louis";
+import { format as At, parseISO as ln, isThisSecond as dn } from "date-fns";
+import { toZonedTime as un } from "date-fns-tz";
 import { z as o } from "zod";
-import { buildPayloadRoute as Oe } from "@lokalise/universal-ts-utils/api-contracts/apiContracts";
-import { useQuery as B, useMutation as Pt } from "@tanstack/react-query";
-import { buildGetRoute as K } from "@lokalise/universal-ts-utils/node";
-const je = {
+import { buildPayloadRoute as qe } from "@lokalise/universal-ts-utils/api-contracts/apiContracts";
+import { sendByPayloadRoute as W, sendByGetRoute as J } from "@lokalise/frontend-http-client";
+import { useQuery as B, useMutation as Rt } from "@tanstack/react-query";
+import { buildGetRoute as Q } from "@lokalise/universal-ts-utils/node";
+const xe = {
   Completed: "completed",
   InProgress: "in_progress",
   Created: "created",
   Queued: "queued"
-}, I = {
-  ...je,
+}, P = {
+  ...xe,
   NotStarted: "not_started"
-}, X = {
+}, te = {
   translation: "translation",
   review: "review",
   lqa_by_ai: "lqa_by_ai",
   automatic_translation: "automatic_translation"
 };
-var ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+var ne = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Nt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ue, Ge;
-function Me() {
-  if (Ge) return ue;
-  Ge = 1;
+var fe, Je;
+function He() {
+  if (Je) return fe;
+  Je = 1;
   function e(t) {
     var n = typeof t;
     return t != null && (n == "object" || n == "function");
   }
-  return ue = e, ue;
+  return fe = e, fe;
 }
-var me, We;
-function sn() {
-  if (We) return me;
-  We = 1;
-  var e = typeof ee == "object" && ee && ee.Object === Object && ee;
-  return me = e, me;
+var _e, Qe;
+function mn() {
+  if (Qe) return _e;
+  Qe = 1;
+  var e = typeof ne == "object" && ne && ne.Object === Object && ne;
+  return _e = e, _e;
 }
-var fe, Ke;
-function Rt() {
-  if (Ke) return fe;
-  Ke = 1;
-  var e = sn(), t = typeof self == "object" && self && self.Object === Object && self, n = e || t || Function("return this")();
-  return fe = n, fe;
+var ge, Ye;
+function jt() {
+  if (Ye) return ge;
+  Ye = 1;
+  var e = mn(), t = typeof self == "object" && self && self.Object === Object && self, n = e || t || Function("return this")();
+  return ge = n, ge;
 }
-var ge, Qe;
-function cn() {
-  if (Qe) return ge;
-  Qe = 1;
-  var e = Rt(), t = function() {
+var he, Ve;
+function fn() {
+  if (Ve) return he;
+  Ve = 1;
+  var e = jt(), t = function() {
     return e.Date.now();
   };
-  return ge = t, ge;
+  return he = t, he;
 }
-var _e, Ye;
-function ln() {
-  if (Ye) return _e;
-  Ye = 1;
+var pe, Xe;
+function _n() {
+  if (Xe) return pe;
+  Xe = 1;
   var e = /\s/;
   function t(n) {
     for (var r = n.length; r-- && e.test(n.charAt(r)); )
       ;
     return r;
   }
-  return _e = t, _e;
+  return pe = t, pe;
 }
-var he, Ve;
-function dn() {
-  if (Ve) return he;
-  Ve = 1;
-  var e = ln(), t = /^\s+/;
+var be, Ze;
+function gn() {
+  if (Ze) return be;
+  Ze = 1;
+  var e = _n(), t = /^\s+/;
   function n(r) {
     return r && r.slice(0, e(r) + 1).replace(t, "");
   }
-  return he = n, he;
+  return be = n, be;
 }
-var pe, Ze;
-function jt() {
-  if (Ze) return pe;
-  Ze = 1;
-  var e = Rt(), t = e.Symbol;
-  return pe = t, pe;
+var ve, et;
+function xt() {
+  if (et) return ve;
+  et = 1;
+  var e = jt(), t = e.Symbol;
+  return ve = t, ve;
 }
-var be, Xe;
-function un() {
-  if (Xe) return be;
-  Xe = 1;
-  var e = jt(), t = Object.prototype, n = t.hasOwnProperty, r = t.toString, s = e ? e.toStringTag : void 0;
+var Te, tt;
+function hn() {
+  if (tt) return Te;
+  tt = 1;
+  var e = xt(), t = Object.prototype, n = t.hasOwnProperty, r = t.toString, a = e ? e.toStringTag : void 0;
   function i(c) {
-    var l = n.call(c, s), u = c[s];
+    var d = n.call(c, a), u = c[a];
     try {
-      c[s] = void 0;
-      var d = !0;
+      c[a] = void 0;
+      var l = !0;
     } catch {
     }
     var m = r.call(c);
-    return d && (l ? c[s] = u : delete c[s]), m;
+    return l && (d ? c[a] = u : delete c[a]), m;
   }
-  return be = i, be;
+  return Te = i, Te;
 }
-var ve, et;
-function mn() {
-  if (et) return ve;
-  et = 1;
+var ye, nt;
+function pn() {
+  if (nt) return ye;
+  nt = 1;
   var e = Object.prototype, t = e.toString;
   function n(r) {
     return t.call(r);
   }
-  return ve = n, ve;
+  return ye = n, ye;
 }
-var Te, tt;
-function fn() {
-  if (tt) return Te;
-  tt = 1;
-  var e = jt(), t = un(), n = mn(), r = "[object Null]", s = "[object Undefined]", i = e ? e.toStringTag : void 0;
-  function c(l) {
-    return l == null ? l === void 0 ? s : r : i && i in Object(l) ? t(l) : n(l);
+var Se, rt;
+function bn() {
+  if (rt) return Se;
+  rt = 1;
+  var e = xt(), t = hn(), n = pn(), r = "[object Null]", a = "[object Undefined]", i = e ? e.toStringTag : void 0;
+  function c(d) {
+    return d == null ? d === void 0 ? a : r : i && i in Object(d) ? t(d) : n(d);
   }
-  return Te = c, Te;
+  return Se = c, Se;
 }
-var ye, nt;
-function gn() {
-  if (nt) return ye;
-  nt = 1;
+var we, ot;
+function vn() {
+  if (ot) return we;
+  ot = 1;
   function e(t) {
     return t != null && typeof t == "object";
   }
-  return ye = e, ye;
+  return we = e, we;
 }
-var Ce, rt;
-function _n() {
-  if (rt) return Ce;
-  rt = 1;
-  var e = fn(), t = gn(), n = "[object Symbol]";
-  function r(s) {
-    return typeof s == "symbol" || t(s) && e(s) == n;
+var Ee, at;
+function Tn() {
+  if (at) return Ee;
+  at = 1;
+  var e = bn(), t = vn(), n = "[object Symbol]";
+  function r(a) {
+    return typeof a == "symbol" || t(a) && e(a) == n;
   }
-  return Ce = r, Ce;
+  return Ee = r, Ee;
 }
-var we, ot;
-function hn() {
-  if (ot) return we;
-  ot = 1;
-  var e = dn(), t = Me(), n = _n(), r = NaN, s = /^[-+]0x[0-9a-f]+$/i, i = /^0b[01]+$/i, c = /^0o[0-7]+$/i, l = parseInt;
-  function u(d) {
-    if (typeof d == "number")
-      return d;
-    if (n(d))
+var Ce, st;
+function yn() {
+  if (st) return Ce;
+  st = 1;
+  var e = gn(), t = He(), n = Tn(), r = NaN, a = /^[-+]0x[0-9a-f]+$/i, i = /^0b[01]+$/i, c = /^0o[0-7]+$/i, d = parseInt;
+  function u(l) {
+    if (typeof l == "number")
+      return l;
+    if (n(l))
       return r;
-    if (t(d)) {
-      var m = typeof d.valueOf == "function" ? d.valueOf() : d;
-      d = t(m) ? m + "" : m;
+    if (t(l)) {
+      var m = typeof l.valueOf == "function" ? l.valueOf() : l;
+      l = t(m) ? m + "" : m;
     }
-    if (typeof d != "string")
-      return d === 0 ? d : +d;
-    d = e(d);
-    var g = i.test(d);
-    return g || c.test(d) ? l(d.slice(2), g ? 2 : 8) : s.test(d) ? r : +d;
+    if (typeof l != "string")
+      return l === 0 ? l : +l;
+    l = e(l);
+    var _ = i.test(l);
+    return _ || c.test(l) ? d(l.slice(2), _ ? 2 : 8) : a.test(l) ? r : +l;
   }
-  return we = u, we;
+  return Ce = u, Ce;
 }
-var Se, at;
-function At() {
-  if (at) return Se;
-  at = 1;
-  var e = Me(), t = cn(), n = hn(), r = "Expected a function", s = Math.max, i = Math.min;
-  function c(l, u, d) {
-    var m, g, T, y, f, w, b = 0, _ = !1, p = !1, v = !0;
-    if (typeof l != "function")
+var ke, it;
+function Ot() {
+  if (it) return ke;
+  it = 1;
+  var e = He(), t = fn(), n = yn(), r = "Expected a function", a = Math.max, i = Math.min;
+  function c(d, u, l) {
+    var m, _, T, y, f, w, b = 0, g = !1, p = !1, v = !0;
+    if (typeof d != "function")
       throw new TypeError(r);
-    u = n(u) || 0, e(d) && (_ = !!d.leading, p = "maxWait" in d, T = p ? s(n(d.maxWait) || 0, u) : T, v = "trailing" in d ? !!d.trailing : v);
-    function k(C) {
-      var j = m, $ = g;
-      return m = g = void 0, b = C, y = l.apply($, j), y;
+    u = n(u) || 0, e(l) && (g = !!l.leading, p = "maxWait" in l, T = p ? a(n(l.maxWait) || 0, u) : T, v = "trailing" in l ? !!l.trailing : v);
+    function C(S) {
+      var j = m, D = _;
+      return m = _ = void 0, b = S, y = d.apply(D, j), y;
     }
-    function S(C) {
-      return b = C, f = setTimeout(Z, u), _ ? k(C) : y;
+    function E(S) {
+      return b = S, f = setTimeout(Z, u), g ? C(S) : y;
     }
-    function V(C) {
-      var j = C - w, $ = C - b, Fe = u - j;
-      return p ? i(Fe, T - $) : Fe;
+    function X(S) {
+      var j = S - w, D = S - b, Ke = u - j;
+      return p ? i(Ke, T - D) : Ke;
     }
-    function De(C) {
-      var j = C - w, $ = C - b;
-      return w === void 0 || j >= u || j < 0 || p && $ >= T;
+    function ze(S) {
+      var j = S - w, D = S - b;
+      return w === void 0 || j >= u || j < 0 || p && D >= T;
     }
     function Z() {
-      var C = t();
-      if (De(C))
-        return He(C);
-      f = setTimeout(Z, V(C));
+      var S = t();
+      if (ze(S))
+        return Ge(S);
+      f = setTimeout(Z, X(S));
     }
-    function He(C) {
-      return f = void 0, v && m ? k(C) : (m = g = void 0, y);
+    function Ge(S) {
+      return f = void 0, v && m ? C(S) : (m = _ = void 0, y);
     }
-    function Gt() {
-      f !== void 0 && clearTimeout(f), b = 0, m = w = g = f = void 0;
+    function Yt() {
+      f !== void 0 && clearTimeout(f), b = 0, m = w = _ = f = void 0;
     }
-    function Wt() {
-      return f === void 0 ? y : He(t());
+    function Vt() {
+      return f === void 0 ? y : Ge(t());
     }
-    function de() {
-      var C = t(), j = De(C);
-      if (m = arguments, g = this, w = C, j) {
+    function me() {
+      var S = t(), j = ze(S);
+      if (m = arguments, _ = this, w = S, j) {
         if (f === void 0)
-          return S(w);
+          return E(w);
         if (p)
-          return clearTimeout(f), f = setTimeout(Z, u), k(w);
+          return clearTimeout(f), f = setTimeout(Z, u), C(w);
       }
       return f === void 0 && (f = setTimeout(Z, u)), y;
     }
-    return de.cancel = Gt, de.flush = Wt, de;
+    return me.cancel = Yt, me.flush = Vt, me;
   }
-  return Se = c, Se;
+  return ke = c, ke;
 }
-var pn = At();
-const bn = /* @__PURE__ */ Nt(pn);
-var ke, st;
-function vn() {
-  if (st) return ke;
-  st = 1;
-  var e = At(), t = Me(), n = "Expected a function";
-  function r(s, i, c) {
-    var l = !0, u = !0;
-    if (typeof s != "function")
+var Sn = Ot();
+const wn = /* @__PURE__ */ Nt(Sn);
+var Pe, ct;
+function En() {
+  if (ct) return Pe;
+  ct = 1;
+  var e = Ot(), t = He(), n = "Expected a function";
+  function r(a, i, c) {
+    var d = !0, u = !0;
+    if (typeof a != "function")
       throw new TypeError(n);
-    return t(c) && (l = "leading" in c ? !!c.leading : l, u = "trailing" in c ? !!c.trailing : u), e(s, i, {
-      leading: l,
+    return t(c) && (d = "leading" in c ? !!c.leading : d, u = "trailing" in c ? !!c.trailing : u), e(a, i, {
+      leading: d,
       maxWait: i,
       trailing: u
     });
   }
-  return ke = r, ke;
+  return Pe = r, Pe;
 }
-var Tn = vn();
-const yn = /* @__PURE__ */ Nt(Tn), Cn = (e, t, n, r) => {
+var Cn = En();
+const kn = /* @__PURE__ */ Nt(Cn), Pn = (e, t, n, r) => {
   switch (t) {
     case "debounce":
-      return bn(e, n, r);
+      return wn(e, n, r);
     case "throttle":
-      return yn(e, n, r);
+      return kn(e, n, r);
     default:
       return e;
   }
-}, wn = (
+}, In = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const t = H.useRef(e);
-    return H.useEffect(() => {
+    const t = F.useRef(e);
+    return F.useEffect(() => {
       t.current = e;
-    }), H.useMemo(() => (...n) => {
+    }), F.useMemo(() => (...n) => {
       var r;
       return (r = t.current) === null || r === void 0 ? void 0 : r.call(t, ...n);
     }, []);
   }
-), Sn = (
+), An = (
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   (e) => {
-    const [t, n] = H.useState((e == null ? void 0 : e.current) || null);
+    const [t, n] = F.useState((e == null ? void 0 : e.current) || null);
     return e && setTimeout(() => {
       e.current !== t && n(e.current);
-    }, 0), { refProxy: H.useMemo(() => new Proxy((s) => {
-      s !== t && n(s);
+    }, 0), { refProxy: F.useMemo(() => new Proxy((a) => {
+      a !== t && n(a);
     }, {
-      get(s, i) {
-        return i === "current" ? t : s[i];
+      get(a, i) {
+        return i === "current" ? t : a[i];
       },
-      set(s, i, c) {
-        return i === "current" ? n(c) : s[i] = c, !0;
+      set(a, i, c) {
+        return i === "current" ? n(c) : a[i] = c, !0;
       }
     }), [t]), refElement: t, setRefElement: n };
   }
-), kn = (e, t) => t === "border-box" ? {
+), Rn = (e, t) => t === "border-box" ? {
   width: e.borderBoxSize[0].inlineSize,
   height: e.borderBoxSize[0].blockSize
 } : t === "content-box" ? {
@@ -291,322 +291,322 @@ const yn = /* @__PURE__ */ Nt(Tn), Cn = (e, t, n, r) => {
   width: e.contentRect.width,
   height: e.contentRect.height
 };
-function En({ skipOnMount: e = !1, refreshMode: t, refreshRate: n = 1e3, refreshOptions: r, handleWidth: s = !0, handleHeight: i = !0, targetRef: c, observerOptions: l, onResize: u } = {}) {
-  const d = yt(e), m = wn(u), [g, T] = N({
+function Nn({ skipOnMount: e = !1, refreshMode: t, refreshRate: n = 1e3, refreshOptions: r, handleWidth: a = !0, handleHeight: i = !0, targetRef: c, observerOptions: d, onResize: u } = {}) {
+  const l = wt(e), m = In(u), [_, T] = R({
     width: void 0,
     height: void 0
-  }), { refProxy: y, refElement: f } = Sn(c), { box: w } = l || {}, b = ze((p) => {
-    if (!s && !i)
+  }), { refProxy: y, refElement: f } = An(c), { box: w } = d || {}, b = We((p) => {
+    if (!a && !i)
       return;
-    if (d.current) {
-      d.current = !1;
+    if (l.current) {
+      l.current = !1;
       return;
     }
-    const v = (k, S) => s && k.width !== S.width || i && k.height !== S.height;
-    p.forEach((k) => {
-      const S = kn(k, w);
-      T((V) => v(V, S) ? (m == null || m({
-        width: S.width,
-        height: S.height,
-        entry: k
-      }), S) : V);
+    const v = (C, E) => a && C.width !== E.width || i && C.height !== E.height;
+    p.forEach((C) => {
+      const E = Rn(C, w);
+      T((X) => v(X, E) ? (m == null || m({
+        width: E.width,
+        height: E.height,
+        entry: C
+      }), E) : X);
     });
-  }, [s, i, d, w]), _ = ze(Cn(b, t, n, r), [
+  }, [a, i, l, w]), g = We(Pn(b, t, n, r), [
     b,
     t,
     n,
     r
   ]);
-  return J(() => {
+  return G(() => {
     let p;
-    return f ? (p = new window.ResizeObserver(_), p.observe(f, l)) : (g.width || g.height) && (m == null || m({
+    return f ? (p = new window.ResizeObserver(g), p.observe(f, d)) : (_.width || _.height) && (m == null || m({
       width: null,
       height: null,
       entry: null
     }), T({ width: void 0, height: void 0 })), () => {
-      var v, k, S;
-      (v = p == null ? void 0 : p.disconnect) === null || v === void 0 || v.call(p), (S = (k = _).cancel) === null || S === void 0 || S.call(k);
+      var v, C, E;
+      (v = p == null ? void 0 : p.disconnect) === null || v === void 0 || v.call(p), (E = (C = g).cancel) === null || E === void 0 || E.call(C);
     };
-  }, [_, f]), Object.assign({ ref: y }, g);
+  }, [g, f]), Object.assign({ ref: y }, _);
 }
-function xt(e) {
+function Lt(e) {
   var t, n, r = "";
   if (typeof e == "string" || typeof e == "number") r += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var s = e.length;
-    for (t = 0; t < s; t++) e[t] && (n = xt(e[t])) && (r && (r += " "), r += n);
+    var a = e.length;
+    for (t = 0; t < a; t++) e[t] && (n = Lt(e[t])) && (r && (r += " "), r += n);
   } else for (n in e) e[n] && (r && (r += " "), r += n);
   return r;
 }
-function R() {
-  for (var e, t, n = 0, r = "", s = arguments.length; n < s; n++) (e = arguments[n]) && (t = xt(e)) && (r && (r += " "), r += t);
+function N() {
+  for (var e, t, n = 0, r = "", a = arguments.length; n < a; n++) (e = arguments[n]) && (t = Lt(e)) && (r && (r += " "), r += t);
   return r;
 }
-const In = "_headerContainer_1cubo_1", Pn = "_navigationTabList_1cubo_8", Nn = "_navigationTab_1cubo_8", Rn = "_headerContent_1cubo_34", jn = "_staticEnabled_1cubo_50", U = {
-  headerContainer: In,
-  navigationTabList: Pn,
-  navigationTab: Nn,
-  headerContent: Rn,
-  staticEnabled: jn
-}, An = 77, ne = ({ sticky: e, children: t }) => {
-  const { ref: n, height: r } = En({
+const jn = "_headerContainer_1cubo_1", xn = "_navigationTabList_1cubo_8", On = "_navigationTab_1cubo_8", Ln = "_headerContent_1cubo_34", Mn = "_staticEnabled_1cubo_50", q = {
+  headerContainer: jn,
+  navigationTabList: xn,
+  navigationTab: On,
+  headerContent: Ln,
+  staticEnabled: Mn
+}, Un = 77, re = ({ sticky: e, children: t }) => {
+  const { ref: n, height: r } = Nn({
     refreshMode: "debounce",
     refreshRate: 0
-  }), [s, i] = N(!1), c = () => s ? !e : !0;
-  J(() => {
+  }), [a, i] = R(!1), c = () => a ? !e : !0;
+  G(() => {
     const u = () => {
       i(window.scrollY > 0);
     };
     return window.addEventListener("scroll", u), () => window.removeEventListener("scroll", u);
   }, []);
-  const l = `${r || An}px`;
-  return /* @__PURE__ */ a("div", { style: { minHeight: l }, children: /* @__PURE__ */ a("div", { children: /* @__PURE__ */ h(
+  const d = `${r || Un}px`;
+  return /* @__PURE__ */ s("div", { style: { minHeight: d }, children: /* @__PURE__ */ s("div", { children: /* @__PURE__ */ h(
     "div",
     {
       ref: n,
-      className: R(U.headerContent, {
-        [U.staticEnabled]: c()
+      className: N(q.headerContent, {
+        [q.staticEnabled]: c()
       }),
       children: [
-        /* @__PURE__ */ a(ne.Header, {}),
-        /* @__PURE__ */ a(ne.Tabs, {}),
+        /* @__PURE__ */ s(re.Header, {}),
+        /* @__PURE__ */ s(re.Tabs, {}),
         t
       ]
     }
   ) }) });
 };
-ne.Header = ({ children: e }) => /* @__PURE__ */ a("div", { className: U.headerContainer, children: e });
-ne.Tabs = ({ children: e }) => /* @__PURE__ */ a("div", { className: "flex justify-between gap-2 nowrap", children: e });
-const xn = "_sidebarContainer_bmdti_1", Ln = {
-  sidebarContainer: xn
-}, On = "_logoLink_1baxb_1", Mn = {
-  logoLink: On
-}, Un = ({ src: e, href: t = "/", ariaLabel: n = "Home", alt: r = "Lokalise" }) => /* @__PURE__ */ a("a", { className: Mn.logoLink, href: t, "aria-label": n, children: /* @__PURE__ */ a("img", { src: e, alt: r }) }), qn = "_link_18vhx_1", Bn = "_active_18vhx_18", it = {
-  link: qn,
-  active: Bn
-}, $n = ({ label: e, to: t, icon: n }) => /* @__PURE__ */ a(q, { placement: "right", tooltip: e, children: /* @__PURE__ */ a(
+re.Header = ({ children: e }) => /* @__PURE__ */ s("div", { className: q.headerContainer, children: e });
+re.Tabs = ({ children: e }) => /* @__PURE__ */ s("div", { className: "flex justify-between gap-2 nowrap", children: e });
+const qn = "_sidebarContainer_bmdti_1", Hn = {
+  sidebarContainer: qn
+}, Bn = "_logoLink_1baxb_1", Dn = {
+  logoLink: Bn
+}, $n = ({ src: e, href: t = "/", ariaLabel: n = "Home", alt: r = "Lokalise" }) => /* @__PURE__ */ s("a", { className: Dn.logoLink, href: t, "aria-label": n, children: /* @__PURE__ */ s("img", { src: e, alt: r }) }), Fn = "_link_18vhx_1", zn = "_active_18vhx_18", lt = {
+  link: Fn,
+  active: zn
+}, Gn = ({ label: e, to: t, icon: n }) => /* @__PURE__ */ s(H, { placement: "right", tooltip: e, children: /* @__PURE__ */ s(
   L,
   {
-    className: R(it.link, {
-      [it.active]: window.location.pathname.startsWith(t)
+    className: N(lt.link, {
+      [lt.active]: window.location.pathname.startsWith(t)
     }),
     href: t,
-    children: /* @__PURE__ */ a(n, { size: "25px" })
+    children: /* @__PURE__ */ s(n, { size: "25px" })
   }
-) }), Dn = "_dropdownButton_13l5r_1", Hn = "_dropdownButtonActive_13l5r_18", ct = {
-  dropdownButton: Dn,
-  dropdownButtonActive: Hn
-}, Fn = ({ children: e, icon: t }) => /* @__PURE__ */ a(
-  oe,
+) }), Kn = "_dropdownButton_13l5r_1", Wn = "_dropdownButtonActive_13l5r_18", dt = {
+  dropdownButton: Kn,
+  dropdownButtonActive: Wn
+}, Jn = ({ children: e, icon: t }) => /* @__PURE__ */ s(
+  ae,
   {
-    menuButton: ({ opened: n }) => /* @__PURE__ */ a(q, { placement: "right", tooltip: "Help", children: /* @__PURE__ */ a(
+    menuButton: ({ opened: n }) => /* @__PURE__ */ s(H, { placement: "right", tooltip: "Help", children: /* @__PURE__ */ s(
       "button",
       {
         type: "button",
-        className: R(ct.dropdownButton, {
-          [ct.dropdownButtonActive]: n
+        className: N(dt.dropdownButton, {
+          [dt.dropdownButtonActive]: n
         }),
-        children: /* @__PURE__ */ a(t, { size: "25px" })
+        children: /* @__PURE__ */ s(t, { size: "25px" })
       }
     ) }),
-    children: /* @__PURE__ */ a(ae, { placement: "right-start", children: e })
+    children: /* @__PURE__ */ s(se, { placement: "right-start", children: e })
   }
-), Jn = "_iconContainer_nz34m_1", zn = {
-  iconContainer: Jn
-}, Lt = ({ className: e = "" }) => /* @__PURE__ */ a(
+), Qn = "_iconContainer_nz34m_1", Yn = {
+  iconContainer: Qn
+}, Mt = ({ className: e = "" }) => /* @__PURE__ */ s(
   "div",
   {
     "aria-label": "Upgrade Icon",
-    className: R(
-      zn.iconContainer,
+    className: N(
+      Yn.iconContainer,
       "flex-row",
       "items-center",
       "justify-center",
       e
     ),
-    children: /* @__PURE__ */ a(Zt, {})
+    children: /* @__PURE__ */ s(nn, {})
   }
-), Gn = "_menuContainer_ywskt_5", Wn = "_profileButton_ywskt_15", Kn = "_profileImage_ywskt_28", Qn = "_profileImageHighlight_ywskt_36", Yn = "_profileImageUpgradeIcon_ywskt_40", Vn = "_userIconWrapper_ywskt_46", A = {
-  menuContainer: Gn,
-  profileButton: Wn,
-  profileImage: Kn,
-  profileImageHighlight: Qn,
-  profileImageUpgradeIcon: Yn,
-  userIconWrapper: Vn
-}, Ot = wt({}), Q = () => Ct(Ot), Zn = ({ children: e }) => {
+), Vn = "_menuContainer_ywskt_5", Xn = "_profileButton_ywskt_15", Zn = "_profileImage_ywskt_28", er = "_profileImageHighlight_ywskt_36", tr = "_profileImageUpgradeIcon_ywskt_40", nr = "_userIconWrapper_ywskt_46", x = {
+  menuContainer: Vn,
+  profileButton: Xn,
+  profileImage: Zn,
+  profileImageHighlight: er,
+  profileImageUpgradeIcon: tr,
+  userIconWrapper: nr
+}, Ut = Ct({}), Y = () => Et(Ut), rr = ({ children: e }) => {
   const {
     currentTeam: t,
     otherTeams: n,
     showUpgradeCta: r,
-    showBillingButton: s,
+    showBillingButton: a,
     allowTeamCreation: i,
     isProviderAlpha: c,
-    canAccessTeamSettings: l,
+    canAccessTeamSettings: d,
     isEndOfTrialActive: u,
-    isTeamSuspended: d,
+    isTeamSuspended: l,
     isFullyAuthenticated: m
-  } = Q();
-  return /* @__PURE__ */ a(
-    oe,
+  } = Y();
+  return /* @__PURE__ */ s(
+    ae,
     {
-      menuButton: () => /* @__PURE__ */ h("button", { className: A.profileButton, "aria-label": "Profile menu", type: "button", children: [
-        t != null && t.logoUrl ? /* @__PURE__ */ a(
+      menuButton: () => /* @__PURE__ */ h("button", { className: x.profileButton, "aria-label": "Profile menu", type: "button", children: [
+        t != null && t.logoUrl ? /* @__PURE__ */ s(
           "img",
           {
             src: t.logoUrl,
-            className: R(A.profileImage, {
-              [A.profileImageHighlight]: r
+            className: N(x.profileImage, {
+              [x.profileImageHighlight]: r
             }),
             alt: "Team Logo"
           }
-        ) : /* @__PURE__ */ a(
+        ) : /* @__PURE__ */ s(
           "div",
           {
-            className: R(A.userIconWrapper, "flex-row", "align-center", "items-center", {
-              [A.profileImageHighlight]: r
+            className: N(x.userIconWrapper, "flex-row", "align-center", "items-center", {
+              [x.profileImageHighlight]: r
             }),
-            children: /* @__PURE__ */ a(kt, { size: "25px" })
+            children: /* @__PURE__ */ s(Pt, { size: "25px" })
           }
         ),
-        r && /* @__PURE__ */ a(Lt, { className: A.profileImageUpgradeIcon })
+        r && /* @__PURE__ */ s(Mt, { className: x.profileImageUpgradeIcon })
       ] }),
-      children: /* @__PURE__ */ a(ae, { placement: "right-end", className: A.menuContainer, children: e({
+      children: /* @__PURE__ */ s(se, { placement: "right-end", className: x.menuContainer, children: e({
         allowTeamCreation: i,
         otherTeams: n,
-        canAccessTeamSettings: l,
+        canAccessTeamSettings: d,
         isEndOfTrialActive: u,
-        isTeamSuspended: d,
-        showBillingButton: s,
+        isTeamSuspended: l,
+        showBillingButton: a,
         isProviderAlpha: c,
         isFullyAuthenticated: m
       }) })
     }
   );
-}, Mt = 0, Xn = 9999, er = [150, 151, 250, 251], tr = [152, 153, 252, 253], nr = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358], rr = [156, 159, 160, 256, 259, 260], Ut = 9998, Ue = (e) => e === Mt, qt = (e) => e === Xn, Ta = (e) => er.includes(e), ya = (e) => tr.includes(e), Ca = (e) => nr.includes(e), wa = (e) => rr.includes(e), Sa = (e) => e > Mt && e < Ut, ka = (e) => e === Ut, or = /\n/, lt = (e, t, n) => e.split(t).flatMap((r, s) => s !== 0 ? [Yt(n, { key: Math.random().toString(32).slice(0, 10) }), r] : r), ar = (e, t, n) => typeof e == "string" ? lt(e, t, n) : e.flatMap((r) => typeof r == "string" ? lt(r, t, n) : r), sr = (e) => ar(e, or, /* @__PURE__ */ a("br", {})), ir = /(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi, cr = (e) => e.match(ir) ?? [], dt = (e, t, n) => {
+}, qt = 0, or = 9999, ar = [150, 151, 250, 251], sr = [152, 153, 252, 253], ir = [154, 155, 157, 158, 254, 255, 258, 354, 355, 358], cr = [156, 159, 160, 256, 259, 260], Ht = 9998, Be = (e) => e === qt, Bt = (e) => e === or, Aa = (e) => ar.includes(e), Ra = (e) => sr.includes(e), Na = (e) => ir.includes(e), ja = (e) => cr.includes(e), xa = (e) => e > qt && e < Ht, Oa = (e) => e === Ht, lr = /\n/, ut = (e, t, n) => e.split(t).flatMap((r, a) => a !== 0 ? [en(n, { key: Math.random().toString(32).slice(0, 10) }), r] : r), dr = (e, t, n) => typeof e == "string" ? ut(e, t, n) : e.flatMap((r) => typeof r == "string" ? ut(r, t, n) : r), ur = (e) => dr(e, lr, /* @__PURE__ */ s("br", {})), mr = /(\b(https?|):\/\/[-a-zA-Zа-яА-Я0-9+&@#/%?=~_|!:,.;]*[-a-zA-Zа-яА-Я0-9+&@#/%=~_|])/gi, fr = (e) => e.match(mr) ?? [], mt = (e, t, n) => {
   const r = e.split(t);
   if (r.length === 1)
     return e;
-  const s = [];
-  return r[0] !== "" && s.push(r[0]), r.shift(), r[r.length - 1] === "" && r.pop(), s.push(
-    /* @__PURE__ */ a("a", { href: t, target: "_blank", rel: "noreferrer noopener", children: t }, t + n)
-  ), s.push(r.join(t)), s.filter((i) => i !== "");
-}, ut = (e) => {
-  const t = cr(e);
-  return t != null && t.length ? t.reduce((n, r, s) => typeof n == "string" ? dt(n, r, s) : n.flatMap((i) => typeof i == "string" ? dt(i, r, s) : i), e) : e;
-}, lr = (e) => typeof e == "string" ? ut(e) : e.flatMap((t) => typeof t == "string" ? ut(t) : t, e), dr = (e, t = "PP") => It(e, t), Ea = (e, t, n = "PP") => It(an(e, t), n), qe = (e) => {
-  J(e, []);
-}, mt = {
+  const a = [];
+  return r[0] !== "" && a.push(r[0]), r.shift(), r[r.length - 1] === "" && r.pop(), a.push(
+    /* @__PURE__ */ s("a", { href: t, target: "_blank", rel: "noreferrer noopener", children: t }, t + n)
+  ), a.push(r.join(t)), a.filter((i) => i !== "");
+}, ft = (e) => {
+  const t = fr(e);
+  return t != null && t.length ? t.reduce((n, r, a) => typeof n == "string" ? mt(n, r, a) : n.flatMap((i) => typeof i == "string" ? mt(i, r, a) : i), e) : e;
+}, _r = (e) => typeof e == "string" ? ft(e) : e.flatMap((t) => typeof t == "string" ? ft(t) : t, e), gr = (e, t = "PP") => At(e, t), La = (e, t, n = "PP") => At(un(e, t), n), De = (e) => {
+  G(e, []);
+}, _t = {
   biller: "biller",
   owner: "owner"
-}, ft = [
-  mt.biller,
-  mt.owner
-], ur = ({ children: e, config: t }) => {
-  const { teams: n, currentTeamId: r, planId: s, isEndOfTrialActive: i, isFullyAuthenticated: c, userTeamRole: l } = t, u = n.find((_) => _.id === r), d = n.filter((_) => _.id !== r), m = ft.includes(l), g = ft.includes(l), T = Ue(s) || qt(s), b = {
+}, gt = [
+  _t.biller,
+  _t.owner
+], hr = ({ children: e, config: t }) => {
+  const { teams: n, currentTeamId: r, planId: a, isEndOfTrialActive: i, isFullyAuthenticated: c, userTeamRole: d } = t, u = n.find((g) => g.id === r), l = n.filter((g) => g.id !== r), m = gt.includes(d), _ = gt.includes(d), T = Be(a) || Bt(a), b = {
     ...t,
     currentTeam: u,
-    otherTeams: d,
+    otherTeams: l,
     canChangeBilling: m,
-    canAccessTeamSettings: g,
+    canAccessTeamSettings: _,
     isOnFreeOrTrialPlan: T,
     showUpgradeCta: c && T && m,
-    showBillingButton: c && g && m,
+    showBillingButton: c && _ && m,
     allowTeamCreation: c && !i
   };
-  return /* @__PURE__ */ a(Ot.Provider, { value: b, children: e });
-}, mr = ({ config: e, children: t }) => /* @__PURE__ */ a(ur, { config: e, children: /* @__PURE__ */ a(Zn, { children: t }) }), fr = "_container_q5pot_1", gr = "_profileEmail_q5pot_5", gt = {
-  container: fr,
-  profileEmail: gr
-}, _r = ({
+  return /* @__PURE__ */ s(Ut.Provider, { value: b, children: e });
+}, pr = ({ config: e, children: t }) => /* @__PURE__ */ s(hr, { config: e, children: /* @__PURE__ */ s(rr, { children: t }) }), br = "_container_q5pot_1", vr = "_profileEmail_q5pot_5", ht = {
+  container: br,
+  profileEmail: vr
+}, Tr = ({
   href: e,
   onClick: t,
   userEmail: n,
   hideBottomDivider: r
 }) => {
-  const { isEndOfTrialActive: s, isTeamSuspended: i } = Q();
-  return s || i ? null : /* @__PURE__ */ h(Le, { children: [
-    /* @__PURE__ */ a(
-      z,
+  const { isEndOfTrialActive: a, isTeamSuspended: i } = Y();
+  return a || i ? null : /* @__PURE__ */ h(Ue, { children: [
+    /* @__PURE__ */ s(
+      K,
       {
         href: e,
         onClick: () => {
           t == null || t();
         },
-        children: /* @__PURE__ */ h("div", { className: `flex-col ${gt.container}`, children: [
-          /* @__PURE__ */ a("span", { children: "Profile Settings" }),
-          /* @__PURE__ */ a("span", { className: gt.profileEmail, children: n })
+        children: /* @__PURE__ */ h("div", { className: `flex-col ${ht.container}`, children: [
+          /* @__PURE__ */ s("span", { children: "Profile Settings" }),
+          /* @__PURE__ */ s("span", { className: ht.profileEmail, children: n })
         ] })
       }
     ),
-    !r && /* @__PURE__ */ a(Et, {})
+    !r && /* @__PURE__ */ s(It, {})
   ] });
-}, hr = "_wrapper_15d85_1", pr = "_profileImage_15d85_14", br = "_teamName_15d85_22", vr = "_planLabel_15d85_29", Tr = "_membership_15d85_38", yr = "_defaultProfileImage_15d85_44", O = {
-  wrapper: hr,
-  profileImage: pr,
-  teamName: br,
-  planLabel: vr,
-  membership: Tr,
-  defaultProfileImage: yr
-}, Bt = ({ team: e, onClick: t, hidePlanLabel: n }) => {
-  const { currentTeam: r, planId: s } = Q(), i = e || r;
+}, yr = "_wrapper_15d85_1", Sr = "_profileImage_15d85_14", wr = "_teamName_15d85_22", Er = "_planLabel_15d85_29", Cr = "_membership_15d85_38", kr = "_defaultProfileImage_15d85_44", M = {
+  wrapper: yr,
+  profileImage: Sr,
+  teamName: wr,
+  planLabel: Er,
+  membership: Cr,
+  defaultProfileImage: kr
+}, Dt = ({ team: e, onClick: t, hidePlanLabel: n }) => {
+  const { currentTeam: r, planId: a } = Y(), i = e || r;
   if (!i)
     return null;
-  const c = Ue(s) ? "Free" : qt(s) ? "Trial" : void 0;
+  const c = Be(a) ? "Free" : Bt(a) ? "Trial" : void 0;
   return /* @__PURE__ */ h(
-    t ? z : "div",
+    t ? K : "div",
     {
-      className: `flex-row gap-2 flex-nowrap items-center ${O.wrapper}`,
+      className: `flex-row gap-2 flex-nowrap items-center ${M.wrapper}`,
       ...t && { onClick: () => t(i) },
       children: [
-        i.logoUrl ? /* @__PURE__ */ a("img", { className: O.profileImage, src: i.logoUrl, alt: "Team Logo" }) : /* @__PURE__ */ a("span", { className: `flex-row justify-center items-center ${O.defaultProfileImage}`, children: /* @__PURE__ */ a(kt, { size: "25px" }) }),
+        i.logoUrl ? /* @__PURE__ */ s("img", { className: M.profileImage, src: i.logoUrl, alt: "Team Logo" }) : /* @__PURE__ */ s("span", { className: `flex-row justify-center items-center ${M.defaultProfileImage}`, children: /* @__PURE__ */ s(Pt, { size: "25px" }) }),
         /* @__PURE__ */ h("div", { className: "flex-col items-start", children: [
           /* @__PURE__ */ h("div", { className: "flex-row items-center flex-nowrap gap-2", children: [
-            /* @__PURE__ */ a("span", { title: i.name, className: O.teamName, children: i.name }),
-            c && !n && /* @__PURE__ */ a("span", { className: `flex-row justify-center items-center ${O.planLabel}`, children: c })
+            /* @__PURE__ */ s("span", { title: i.name, className: M.teamName, children: i.name }),
+            c && !n && /* @__PURE__ */ s("span", { className: `flex-row justify-center items-center ${M.planLabel}`, children: c })
           ] }),
-          /* @__PURE__ */ a("span", { className: O.membership, children: i.role })
+          /* @__PURE__ */ s("span", { className: M.membership, children: i.role })
         ] })
       ]
     }
   );
-}, Cr = "_teamsContainer_1t68g_1", wr = {
-  teamsContainer: Cr
-}, Sr = ({ onSwitchTeam: e }) => {
-  const { otherTeams: t } = Q();
-  return t.length === 0 ? null : /* @__PURE__ */ a("div", { className: `flex-col items-stretch ${wr.teamsContainer}`, children: t.map((n) => /* @__PURE__ */ a(Bt, { team: n, onClick: e, hidePlanLabel: !0 }, n.id)) });
-}, kr = "_container_1u995_1", Er = "_planCta_1u995_15", Ir = "_upgradeIconWrapper_1u995_19", Ee = {
-  container: kr,
-  planCta: Er,
-  upgradeIconWrapper: Ir
-}, Pr = ({ upgradeOptionHref: e }) => {
-  const { planId: t, trialDaysLeft: n, showUpgradeCta: r } = Q();
+}, Pr = "_teamsContainer_1t68g_1", Ir = {
+  teamsContainer: Pr
+}, Ar = ({ onSwitchTeam: e }) => {
+  const { otherTeams: t } = Y();
+  return t.length === 0 ? null : /* @__PURE__ */ s("div", { className: `flex-col items-stretch ${Ir.teamsContainer}`, children: t.map((n) => /* @__PURE__ */ s(Dt, { team: n, onClick: e, hidePlanLabel: !0 }, n.id)) });
+}, Rr = "_container_1u995_1", Nr = "_planCta_1u995_15", jr = "_upgradeIconWrapper_1u995_19", Ie = {
+  container: Rr,
+  planCta: Nr,
+  upgradeIconWrapper: jr
+}, xr = ({ upgradeOptionHref: e }) => {
+  const { planId: t, trialDaysLeft: n, showUpgradeCta: r } = Y();
   if (!r)
     return null;
-  const c = Ue(t) ? "Your team is currently on the Free plan" : `Free trial ends in ${n} ${n === 1 ? "day" : "days"}`;
-  return /* @__PURE__ */ h(z, { href: e, className: `flex-col gap-1 items-start ${Ee.container}`, children: [
-    /* @__PURE__ */ a("span", { className: Ee.planCta, children: c }),
-    /* @__PURE__ */ h("div", { className: `flex-row items-center gap-1 ${Ee.upgradeIconWrapper}`, children: [
-      /* @__PURE__ */ a(Lt, {}),
-      /* @__PURE__ */ a("span", { children: "See upgrade options" })
+  const c = Be(t) ? "Your team is currently on the Free plan" : `Free trial ends in ${n} ${n === 1 ? "day" : "days"}`;
+  return /* @__PURE__ */ h(K, { href: e, className: `flex-col gap-1 items-start ${Ie.container}`, children: [
+    /* @__PURE__ */ s("span", { className: Ie.planCta, children: c }),
+    /* @__PURE__ */ h("div", { className: `flex-row items-center gap-1 ${Ie.upgradeIconWrapper}`, children: [
+      /* @__PURE__ */ s(Mt, {}),
+      /* @__PURE__ */ s("span", { children: "See upgrade options" })
     ] })
   ] });
-}, Nr = Math.min, Rr = Math.max;
-function _t(e, t, n) {
-  return Rr(e, Nr(t, n));
+}, Or = Math.min, Lr = Math.max;
+function pt(e, t, n) {
+  return Lr(e, Or(t, n));
 }
 function $t(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function Dt(e) {
+function Ft(e) {
   return e.split("-")[0];
 }
-function jr(e) {
+function Mr(e) {
   return e === "x" ? "y" : "x";
 }
-function Ar(e) {
-  return ["top", "bottom"].includes(Dt(e)) ? "y" : "x";
+function Ur(e) {
+  return ["top", "bottom"].includes(Ft(e)) ? "y" : "x";
 }
-function xr(e) {
+function qr(e) {
   return {
     top: 0,
     right: 0,
@@ -615,78 +615,78 @@ function xr(e) {
     ...e
   };
 }
-function Lr(e) {
-  return typeof e != "number" ? xr(e) : {
+function Hr(e) {
+  return typeof e != "number" ? qr(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function ht(e) {
+function bt(e) {
   const {
     x: t,
     y: n,
     width: r,
-    height: s
+    height: a
   } = e;
   return {
     width: r,
-    height: s,
+    height: a,
     top: n,
     left: t,
     right: t + r,
-    bottom: n + s,
+    bottom: n + a,
     x: t,
     y: n
   };
 }
-async function Or(e, t) {
+async function Br(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
     x: r,
-    y: s,
+    y: a,
     platform: i,
     rects: c,
-    elements: l,
+    elements: d,
     strategy: u
   } = e, {
-    boundary: d = "clippingAncestors",
+    boundary: l = "clippingAncestors",
     rootBoundary: m = "viewport",
-    elementContext: g = "floating",
+    elementContext: _ = "floating",
     altBoundary: T = !1,
     padding: y = 0
-  } = $t(t, e), f = Lr(y), b = l[T ? g === "floating" ? "reference" : "floating" : g], _ = ht(await i.getClippingRect({
-    element: (n = await (i.isElement == null ? void 0 : i.isElement(b))) == null || n ? b : b.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(l.floating)),
-    boundary: d,
+  } = $t(t, e), f = Hr(y), b = d[T ? _ === "floating" ? "reference" : "floating" : _], g = bt(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(b))) == null || n ? b : b.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(d.floating)),
+    boundary: l,
     rootBoundary: m,
     strategy: u
-  })), p = g === "floating" ? {
+  })), p = _ === "floating" ? {
     x: r,
-    y: s,
+    y: a,
     width: c.floating.width,
     height: c.floating.height
-  } : c.reference, v = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l.floating)), k = await (i.isElement == null ? void 0 : i.isElement(v)) ? await (i.getScale == null ? void 0 : i.getScale(v)) || {
+  } : c.reference, v = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(d.floating)), C = await (i.isElement == null ? void 0 : i.isElement(v)) ? await (i.getScale == null ? void 0 : i.getScale(v)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, S = ht(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: l,
+  }, E = bt(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: d,
     rect: p,
     offsetParent: v,
     strategy: u
   }) : p);
   return {
-    top: (_.top - S.top + f.top) / k.y,
-    bottom: (S.bottom - _.bottom + f.bottom) / k.y,
-    left: (_.left - S.left + f.left) / k.x,
-    right: (S.right - _.right + f.right) / k.x
+    top: (g.top - E.top + f.top) / C.y,
+    bottom: (E.bottom - g.bottom + f.bottom) / C.y,
+    left: (g.left - E.left + f.left) / C.x,
+    right: (E.right - g.right + f.right) / C.x
   };
 }
-const Mr = function(e) {
+const Dr = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -694,40 +694,40 @@ const Mr = function(e) {
       const {
         x: n,
         y: r,
-        placement: s
+        placement: a
       } = t, {
         mainAxis: i = !0,
         crossAxis: c = !1,
-        limiter: l = {
+        limiter: d = {
           fn: (b) => {
             let {
-              x: _,
+              x: g,
               y: p
             } = b;
             return {
-              x: _,
+              x: g,
               y: p
             };
           }
         },
         ...u
-      } = $t(e, t), d = {
+      } = $t(e, t), l = {
         x: n,
         y: r
-      }, m = await Or(t, u), g = Ar(Dt(s)), T = jr(g);
-      let y = d[T], f = d[g];
+      }, m = await Br(t, u), _ = Ur(Ft(a)), T = Mr(_);
+      let y = l[T], f = l[_];
       if (i) {
-        const b = T === "y" ? "top" : "left", _ = T === "y" ? "bottom" : "right", p = y + m[b], v = y - m[_];
-        y = _t(p, y, v);
+        const b = T === "y" ? "top" : "left", g = T === "y" ? "bottom" : "right", p = y + m[b], v = y - m[g];
+        y = pt(p, y, v);
       }
       if (c) {
-        const b = g === "y" ? "top" : "left", _ = g === "y" ? "bottom" : "right", p = f + m[b], v = f - m[_];
-        f = _t(p, f, v);
+        const b = _ === "y" ? "top" : "left", g = _ === "y" ? "bottom" : "right", p = f + m[b], v = f - m[g];
+        f = pt(p, f, v);
       }
-      const w = l.fn({
+      const w = d.fn({
         ...t,
         [T]: y,
-        [g]: f
+        [_]: f
       });
       return {
         ...w,
@@ -736,56 +736,56 @@ const Mr = function(e) {
           y: w.y - r,
           enabled: {
             [T]: i,
-            [g]: c
+            [_]: c
           }
         }
       };
     }
   };
-}, Ur = "_navItem_1dudv_1", qr = "_activeNavItem_1dudv_18", Br = "_badge_1dudv_23", Ie = {
-  navItem: Ur,
-  activeNavItem: qr,
-  badge: Br
-}, Ht = wt({}), Y = () => Ct(Ht), $r = (e) => {
+}, $r = "_navItem_1dudv_1", Fr = "_activeNavItem_1dudv_18", zr = "_badge_1dudv_23", Ae = {
+  navItem: $r,
+  activeNavItem: Fr,
+  badge: zr
+}, zt = Ct({}), V = () => Et(zt), Gr = (e) => {
   const t = e.lastIndexOf("."), n = e.slice(0, t), r = e.slice(t + 1);
   return { name: n, extension: r };
-}, Dr = (e, t) => {
+}, Kr = (e, t) => {
   switch (e) {
-    case I.Completed:
+    case P.Completed:
       return t < 100 ? "Closed" : "Completed";
-    case I.Created:
+    case P.Created:
       return t > 0 ? "In progress" : "Not started";
-    case I.InProgress:
+    case P.InProgress:
       return "In progress";
-    case I.Queued:
+    case P.Queued:
       return "Queued";
-    case I.NotStarted:
+    case P.NotStarted:
       return "Not started";
     default:
       return "-";
   }
-}, Hr = (e) => {
+}, Wr = (e) => {
   const t = e.progress ?? 0;
-  return e.status === I.Created && t > 0 ? I.InProgress : e.status;
-}, Fr = {
-  [X.translation]: "#0891B2",
-  [X.review]: "#16922D",
-  [X.lqa_by_ai]: "#8B5CF6",
-  [X.automatic_translation]: "#60A5FA"
-}, Jr = (e) => {
+  return e.status === P.Created && t > 0 ? P.InProgress : e.status;
+}, Jr = {
+  [te.translation]: "#0891B2",
+  [te.review]: "#16922D",
+  [te.lqa_by_ai]: "#8B5CF6",
+  [te.automatic_translation]: "#60A5FA"
+}, Qr = (e) => {
   const t = [
-    I.InProgress,
-    I.Created,
-    I.Completed
+    P.InProgress,
+    P.Created,
+    P.Completed
   ];
-  return e.filter((n) => n.status !== "queued").map((n) => ({ ...n, status: Hr(n) })).sort((n, r) => n.status === I.InProgress && n.progress === 100 ? -1 : r.status === I.InProgress && r.progress === 100 ? 1 : n.status === r.status ? n.name < r.name ? 1 : -1 : t.indexOf(n.status) - t.indexOf(r.status));
-}, pt = (e) => e in [je.InProgress, je.Created], zr = (e, t) => pt(e.status) && pt(t.status) && (t.progress ?? 0) >= 100, Gr = ({ task: e, language: t }) => {
-  const [n, r] = N(!1), [s, i] = N(!1), { onLanguageCompleteConfirm: c, fetchTasks: l } = Y(), u = () => {
+  return e.filter((n) => n.status !== "queued").map((n) => ({ ...n, status: Wr(n) })).sort((n, r) => n.status === P.InProgress && n.progress === 100 ? -1 : r.status === P.InProgress && r.progress === 100 ? 1 : n.status === r.status ? n.name < r.name ? 1 : -1 : t.indexOf(n.status) - t.indexOf(r.status));
+}, vt = (e) => e in [xe.InProgress, xe.Created], Yr = (e, t) => vt(e.status) && vt(t.status) && (t.progress ?? 0) >= 100, Vr = ({ task: e, language: t }) => {
+  const [n, r] = R(!1), [a, i] = R(!1), { onLanguageCompleteConfirm: c, fetchTasks: d } = V(), u = () => {
     i(!1);
   };
-  return /* @__PURE__ */ h(Le, { children: [
-    s && /* @__PURE__ */ a(
-      Xt,
+  return /* @__PURE__ */ h(Ue, { children: [
+    a && /* @__PURE__ */ s(
+      rn,
       {
         opened: !0,
         loading: n,
@@ -794,16 +794,16 @@ const Mr = function(e) {
         closeText: "Cancel",
         onClose: u,
         onConfirm: async () => {
-          r(!0), await c({ task: e, language: t, closePrompt: u }), l();
+          r(!0), await c({ task: e, language: t, closePrompt: u }), d();
         },
-        children: /* @__PURE__ */ h(en, { status: "info", children: [
+        children: /* @__PURE__ */ h(on, { status: "info", children: [
           "Make sure you are finished and ",
-          /* @__PURE__ */ a("strong", { children: "mark it as done" }),
+          /* @__PURE__ */ s("strong", { children: "mark it as done" }),
           " to notify your team admin. This action cannot be undone, and the language might no longer be available for you to edit."
         ] })
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ s(
       L,
       {
         disabled: n,
@@ -814,20 +814,20 @@ const Mr = function(e) {
       }
     )
   ] });
-}, Wr = "_langRowCompleted_vpgdi_1", Kr = "_langCellSecondary_vpgdi_15", Qr = "_langStatus_vpgdi_20", Pe = {
-  langRowCompleted: Wr,
-  langCellSecondary: Kr,
-  langStatus: Qr
-}, Yr = ({ language: e, task: t }) => {
-  const { getProjectUrl: n, langNameOnClick: r, langProgressOnClick: s } = Y(), i = e.progress ?? 0, c = e.status === I.Completed, l = zr(t, e);
+}, Xr = "_langRowCompleted_vpgdi_1", Zr = "_langCellSecondary_vpgdi_15", eo = "_langStatus_vpgdi_20", Re = {
+  langRowCompleted: Xr,
+  langCellSecondary: Zr,
+  langStatus: eo
+}, to = ({ language: e, task: t }) => {
+  const { getProjectUrl: n, langNameOnClick: r, langProgressOnClick: a } = V(), i = e.progress ?? 0, c = e.status === P.Completed, d = Yr(t, e);
   return /* @__PURE__ */ h(
     "tr",
     {
-      className: R({
-        [Pe.langRowCompleted]: l
+      className: N({
+        [Re.langRowCompleted]: d
       }),
       children: [
-        /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(q, { tooltip: "Open in bilingual view", children: /* @__PURE__ */ a(
+        /* @__PURE__ */ s("td", { children: /* @__PURE__ */ s(H, { tooltip: "Open in bilingual view", children: /* @__PURE__ */ s(
           L,
           {
             href: n({ task: t, language: e }),
@@ -837,12 +837,12 @@ const Mr = function(e) {
             children: e.name
           }
         ) }) }),
-        /* @__PURE__ */ a("td", { className: Pe.langCellSecondary, children: l || c ? "0" : /* @__PURE__ */ a(q, { tooltip: "Open uncompleted items", children: /* @__PURE__ */ a(
+        /* @__PURE__ */ s("td", { className: Re.langCellSecondary, children: d || c ? "0" : /* @__PURE__ */ s(H, { tooltip: "Open uncompleted items", children: /* @__PURE__ */ s(
           L,
           {
             href: n({ task: t, language: e, taskUncompleted: !0 }),
             onClick: () => {
-              s == null || s({ task: t, language: e });
+              a == null || a({ task: t, language: e });
             },
             children: e.base_words_total - e.base_words_done
           }
@@ -851,64 +851,64 @@ const Mr = function(e) {
           i,
           "%"
         ] }),
-        /* @__PURE__ */ a("td", { children: l ? /* @__PURE__ */ a(Gr, { task: t, language: e }) : /* @__PURE__ */ a(
+        /* @__PURE__ */ s("td", { children: d ? /* @__PURE__ */ s(Vr, { task: t, language: e }) : /* @__PURE__ */ s(
           "span",
           {
-            className: `${Pe.langStatus} flex-row items-center justify-start`,
+            className: `${Re.langStatus} flex-row items-center justify-start`,
             "data-status": e.status,
-            children: Dr(e.status, i)
+            children: Kr(e.status, i)
           }
         ) })
       ]
     }
   );
-}, Vr = "_taskContainer_mt2or_1", Zr = "_taskTitle_mt2or_21", Xr = "_taskDescription_mt2or_28", eo = "_languagesTable_mt2or_35", to = "_metadata_mt2or_87", M = {
-  taskContainer: Vr,
-  taskTitle: Zr,
-  taskDescription: Xr,
-  languagesTable: eo,
-  metadata: to
-}, no = ({ task: e }) => {
-  const { tasks: t, getProjectUrl: n, taskTitleOnClick: r } = Y(), s = Jr(e.langs), i = (c) => {
+}, no = "_taskContainer_mt2or_1", ro = "_taskTitle_mt2or_21", oo = "_taskDescription_mt2or_28", ao = "_languagesTable_mt2or_35", so = "_metadata_mt2or_87", U = {
+  taskContainer: no,
+  taskTitle: ro,
+  taskDescription: oo,
+  languagesTable: ao,
+  metadata: so
+}, io = ({ task: e }) => {
+  const { tasks: t, getProjectUrl: n, taskTitleOnClick: r } = V(), a = Qr(e.langs), i = (c) => {
     c !== void 0 && window.open(
       `/style-guide/${e.team_id}/download/${c.id}/link`,
       "_blank",
       "noopener,noreferrer"
     );
   };
-  return t ? /* @__PURE__ */ h("div", { className: M.taskContainer, children: [
+  return t ? /* @__PURE__ */ h("div", { className: U.taskContainer, children: [
     /* @__PURE__ */ h("div", { className: "flex-row gap-1 items-center", children: [
       /* @__PURE__ */ h("div", { className: "flex-row gap-1 items-start flex-wrap", children: [
-        /* @__PURE__ */ a(Ne, { color: Fr[e.task_type], variant: "solid", children: e.task_type.toLocaleUpperCase() }),
+        /* @__PURE__ */ s(Ne, { color: Jr[e.task_type], variant: "solid", children: e.task_type.toLocaleUpperCase() }),
         e.due_date && /* @__PURE__ */ h(Ne, { color: "#EAB308", children: [
           "DUE ",
-          dr(on(e.due_date), "yyyy-MM-dd")
+          gr(ln(e.due_date), "yyyy-MM-dd")
         ] })
       ] }),
-      e.style_guides.length > 0 && /* @__PURE__ */ a("div", { className: "flex-row", children: e.style_guides.length === 1 ? /* @__PURE__ */ a(
-        Re,
+      e.style_guides.length > 0 && /* @__PURE__ */ s("div", { className: "flex-row", children: e.style_guides.length === 1 ? /* @__PURE__ */ s(
+        je,
         {
           size: "sm",
           variant: "secondary",
           onClick: () => i(e.style_guides[0]),
           children: "Download style guide"
         }
-      ) : /* @__PURE__ */ a(
-        oe,
+      ) : /* @__PURE__ */ s(
+        ae,
         {
-          menuButton: /* @__PURE__ */ a(Re, { variant: "secondary", size: "sm", children: "Download style guide" }),
-          children: /* @__PURE__ */ a(ae, { children: e.style_guides.map((c) => /* @__PURE__ */ a(
-            z,
+          menuButton: /* @__PURE__ */ s(je, { variant: "secondary", size: "sm", children: "Download style guide" }),
+          children: /* @__PURE__ */ s(se, { children: e.style_guides.map((c) => /* @__PURE__ */ s(
+            K,
             {
               onClick: () => i(c),
-              children: $r(c.name).name
+              children: Gr(c.name).name
             },
             c.id
           )) })
         }
       ) })
     ] }),
-    /* @__PURE__ */ a("h4", { className: M.taskTitle, children: /* @__PURE__ */ a(
+    /* @__PURE__ */ s("h4", { className: U.taskTitle, children: /* @__PURE__ */ s(
       L,
       {
         href: n({ task: e, view: "multi" }),
@@ -918,105 +918,105 @@ const Mr = function(e) {
         children: e.title
       }
     ) }),
-    e.description && /* @__PURE__ */ a("div", { className: M.taskDescription, children: sr(lr(e.description)) }),
-    /* @__PURE__ */ h("table", { className: M.languagesTable, children: [
-      /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ h("tr", { children: [
-        /* @__PURE__ */ a("th", { children: "Languages" }),
-        /* @__PURE__ */ a("th", { children: "Words to do" }),
-        /* @__PURE__ */ a("th", { children: "Progress" }),
-        /* @__PURE__ */ a("th", { children: "Status" })
+    e.description && /* @__PURE__ */ s("div", { className: U.taskDescription, children: ur(_r(e.description)) }),
+    /* @__PURE__ */ h("table", { className: U.languagesTable, children: [
+      /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ h("tr", { children: [
+        /* @__PURE__ */ s("th", { children: "Languages" }),
+        /* @__PURE__ */ s("th", { children: "Words to do" }),
+        /* @__PURE__ */ s("th", { children: "Progress" }),
+        /* @__PURE__ */ s("th", { children: "Status" })
       ] }) }),
-      /* @__PURE__ */ a("tbody", { children: s.map((c) => /* @__PURE__ */ a(Yr, { language: c, task: e }, c.lang_id)) })
+      /* @__PURE__ */ s("tbody", { children: a.map((c) => /* @__PURE__ */ s(to, { language: c, task: e }, c.lang_id)) })
     ] }),
-    /* @__PURE__ */ h("div", { className: M.metadata, children: [
+    /* @__PURE__ */ h("div", { className: U.metadata, children: [
       /* @__PURE__ */ h("span", { children: [
         "Source: ",
         e.source_lang_name
       ] }),
-      /* @__PURE__ */ a("span", { children: e.created_by_fullname }),
+      /* @__PURE__ */ s("span", { children: e.created_by_fullname }),
       /* @__PURE__ */ h("span", { children: [
         "In ",
         e.project_name,
-        e.master_branching_enabled === "1" && /* @__PURE__ */ a("div", { className: M.tag, children: e.branch_name ? e.branch_name : "master" })
+        e.master_branching_enabled === "1" && /* @__PURE__ */ s("div", { className: U.tag, children: e.branch_name ? e.branch_name : "master" })
       ] })
     ] })
   ] }) : null;
-}, E = {
+}, k = {
   TaskCompleted: "task_completed",
   TaskClosed: "task_closed",
   Refresh: "refresh",
   ShowDialog: "show_dialog"
-}, ro = "_loadingContainer_19d6m_1", oo = "_noTasksContainer_19d6m_7", ao = "_noTasksHeading_19d6m_14", so = "_noTasksText_19d6m_18", io = "_tasksContainer_19d6m_23", D = {
-  loadingContainer: ro,
-  noTasksContainer: oo,
-  noTasksHeading: ao,
-  noTasksText: so,
-  tasksContainer: io
-}, co = () => {
-  const { tasks: e, onTasksWidgetOpen: t, loadingTasks: n, fetchTasks: r } = Y();
-  return qe(() => (r(), t == null || t({ tasks: e }), document.addEventListener(E.TaskCompleted, r), document.addEventListener(E.TaskClosed, r), document.addEventListener(E.Refresh, r), () => {
-    document.removeEventListener(E.TaskCompleted, r), document.removeEventListener(E.TaskClosed, r), document.removeEventListener(E.Refresh, r);
-  })), n ? /* @__PURE__ */ a("div", { "data-testid": "sidebar-tasks-loading-popover", className: D.loadingContainer, children: /* @__PURE__ */ a(tn, {}) }) : e.length === 0 ? /* @__PURE__ */ h("div", { "data-testid": "sidebar-no-tasks-popover", className: D.noTasksContainer, children: [
-    /* @__PURE__ */ a("h3", { className: D.noTasksHeading, children: "No tasks" }),
-    /* @__PURE__ */ h("div", { className: D.noTasksText, children: [
+}, co = "_loadingContainer_19d6m_1", lo = "_noTasksContainer_19d6m_7", uo = "_noTasksHeading_19d6m_14", mo = "_noTasksText_19d6m_18", fo = "_tasksContainer_19d6m_23", $ = {
+  loadingContainer: co,
+  noTasksContainer: lo,
+  noTasksHeading: uo,
+  noTasksText: mo,
+  tasksContainer: fo
+}, _o = () => {
+  const { tasks: e, onTasksWidgetOpen: t, loadingTasks: n, fetchTasks: r } = V();
+  return De(() => (r(), t == null || t({ tasks: e }), document.addEventListener(k.TaskCompleted, r), document.addEventListener(k.TaskClosed, r), document.addEventListener(k.Refresh, r), () => {
+    document.removeEventListener(k.TaskCompleted, r), document.removeEventListener(k.TaskClosed, r), document.removeEventListener(k.Refresh, r);
+  })), n ? /* @__PURE__ */ s("div", { "data-testid": "sidebar-tasks-loading-popover", className: $.loadingContainer, children: /* @__PURE__ */ s(an, {}) }) : e.length === 0 ? /* @__PURE__ */ h("div", { "data-testid": "sidebar-no-tasks-popover", className: $.noTasksContainer, children: [
+    /* @__PURE__ */ s("h3", { className: $.noTasksHeading, children: "No tasks" }),
+    /* @__PURE__ */ h("div", { className: $.noTasksText, children: [
       "Your incoming tasks will appear here.",
-      /* @__PURE__ */ a("br", {}),
-      /* @__PURE__ */ a(L, { href: "https://docs.lokalise.com/translation-workflow/tasks", target: "_new", children: "Learn more" })
+      /* @__PURE__ */ s("br", {}),
+      /* @__PURE__ */ s(L, { href: "https://docs.lokalise.com/translation-workflow/tasks", target: "_new", children: "Learn more" })
     ] })
-  ] }) : /* @__PURE__ */ a("div", { "data-testid": "sidebar-tasks-popover", className: D.tasksContainer, children: e.map((s) => /* @__PURE__ */ a(no, { task: s }, s.id)) });
-}, lo = ({ children: e, config: t }) => {
-  const [n, r] = N([]), [s, i] = N(!0), [c, l] = N(0), {
+  ] }) : /* @__PURE__ */ s("div", { "data-testid": "sidebar-tasks-popover", className: $.tasksContainer, children: e.map((a) => /* @__PURE__ */ s(io, { task: a }, a.id)) });
+}, go = ({ children: e, config: t }) => {
+  const [n, r] = R([]), [a, i] = R(!0), [c, d] = R(0), {
     getProjectUrl: u,
-    onLanguageCompleteConfirm: d,
+    onLanguageCompleteConfirm: l,
     onTasksWidgetOpen: m,
-    langNameOnClick: g,
+    langNameOnClick: _,
     langProgressOnClick: T,
     taskTitleOnClick: y
   } = t, { getTasks: f, getTasksCount: w } = t, b = async () => {
     i(!0);
     const v = await f();
     r(v), i(!1);
-  }, _ = async () => {
+  }, g = async () => {
     const v = await w();
-    l(v);
+    d(v);
   };
-  qe(() => (_(), document.addEventListener(E.TaskCompleted, _), document.addEventListener(E.TaskClosed, _), document.addEventListener(E.Refresh, _), () => {
-    document.removeEventListener(E.TaskCompleted, _), document.removeEventListener(E.TaskClosed, _), document.removeEventListener(E.Refresh, _);
+  De(() => (g(), document.addEventListener(k.TaskCompleted, g), document.addEventListener(k.TaskClosed, g), document.addEventListener(k.Refresh, g), () => {
+    document.removeEventListener(k.TaskCompleted, g), document.removeEventListener(k.TaskClosed, g), document.removeEventListener(k.Refresh, g);
   }));
   const p = {
     fetchTasks: b,
     tasks: n,
     tasksCount: c,
-    loadingTasks: s,
+    loadingTasks: a,
     getProjectUrl: u,
-    onLanguageCompleteConfirm: d,
+    onLanguageCompleteConfirm: l,
     onTasksWidgetOpen: m,
-    langNameOnClick: g,
+    langNameOnClick: _,
     langProgressOnClick: T,
     taskTitleOnClick: y
   };
-  return /* @__PURE__ */ a(Ht.Provider, { value: p, children: e });
-}, uo = (e) => function(n) {
-  const { config: r, ...s } = n;
-  return /* @__PURE__ */ a(lo, { config: r, children: /* @__PURE__ */ a(e, { ...s }) });
-}, mo = uo(() => {
-  const [e, t] = N(!1), { tasksCount: n } = Y();
-  return qe(() => {
+  return /* @__PURE__ */ s(zt.Provider, { value: p, children: e });
+}, ho = (e) => function(n) {
+  const { config: r, ...a } = n;
+  return /* @__PURE__ */ s(go, { config: r, children: /* @__PURE__ */ s(e, { ...a }) });
+}, po = ho(() => {
+  const [e, t] = R(!1), { tasksCount: n } = V();
+  return De(() => {
     const r = () => {
       t(!0);
     };
-    return document.addEventListener(E.ShowDialog, r), () => {
-      document.removeEventListener(E.ShowDialog, r);
+    return document.addEventListener(k.ShowDialog, r), () => {
+      document.removeEventListener(k.ShowDialog, r);
     };
-  }), /* @__PURE__ */ a(q, { tooltip: "Tasks", placement: "right", children: /* @__PURE__ */ a(
-    nn,
+  }), /* @__PURE__ */ s(H, { tooltip: "Tasks", placement: "right", children: /* @__PURE__ */ s(
+    sn,
     {
-      content: /* @__PURE__ */ a(co, {}),
+      content: /* @__PURE__ */ s(_o, {}),
       placement: "right",
       open: e,
       onOpenChange: t,
       middlewares: [
-        Mr({
+        Dr({
           // Adding some spacing to the top and bottom so the popover
           // doesn't extend to the edges of the screen.
           padding: {
@@ -1026,104 +1026,104 @@ const Mr = function(e) {
         })
       ],
       children: (r) => /* @__PURE__ */ h(
-        Re,
+        je,
         {
           type: "button",
           "data-testid": "sidebar-tasks-widget-button",
           "aria-label": "Tasks",
-          className: R(Ie.navItem, {
-            [Ie.activeNavItem]: r
+          className: N(Ae.navItem, {
+            [Ae.activeNavItem]: r
           }),
           children: [
-            /* @__PURE__ */ a(rn, { size: "25px" }),
-            n > 0 && /* @__PURE__ */ a("div", { className: Ie.badge, "aria-label": `${n} items requiring attention`, children: n > 9 ? "9+" : n })
+            /* @__PURE__ */ s(cn, { size: "25px" }),
+            n > 0 && /* @__PURE__ */ s("div", { className: Ae.badge, "aria-label": `${n} items requiring attention`, children: n > 9 ? "9+" : n })
           ]
         }
       )
     }
   ) });
-}), P = ({ children: e, ...t }) => /* @__PURE__ */ a("nav", { ...t, className: Ln.sidebarContainer, children: e }), fo = ({ children: e }) => /* @__PURE__ */ a("div", { children: e });
-P.Top = fo;
-const go = ({ children: e }) => /* @__PURE__ */ a("div", { children: e });
-P.Bottom = go;
-P.Avatar = Un;
-P.IconLink = $n;
-P.Menu = Fn;
-P.ProfileMenu = mr;
-P.TeamSwitch = Sr;
-P.TeamMenuItem = Bt;
-P.UpgradeMenuItem = Pr;
-P.ProfileSettingsMenuItem = _r;
-P.Tasks = mo;
-const _o = "_breadcrumbsItem_1hm6a_1", ho = "_breadcrumbs_1hm6a_1", bt = {
-  breadcrumbsItem: _o,
-  breadcrumbs: ho
-}, Ia = ({ items: e }) => /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", className: bt.breadcrumbs, children: e.map((t, n) => /* @__PURE__ */ h(St, { children: [
-  /* @__PURE__ */ a(L, { className: bt.breadcrumbsItem, href: t.link, rel: "noreferrer", children: t.name }),
-  n < e.length - 1 && /* @__PURE__ */ a("span", { children: " — " })
-] }, `${t.link}-${t.name}`)) }), po = ({ items: e }) => /* @__PURE__ */ a(Le, { children: e.map((t, n) => /* @__PURE__ */ h(St, { children: [
-  !!n && t.some((r) => r.visible) && /* @__PURE__ */ a(Et, {}),
-  t.filter(({ visible: r }) => r).map(({ link: r, label: s, onClick: i }) => /* @__PURE__ */ a(z, { href: r || "#", "aria-label": s, onClick: i, children: s }, s))
-] }, t[0].label)) }), bo = "_badge_1pc1v_1", vo = "_tag_1pc1v_15", To = "_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21", yo = "_disabled_1pc1v_57", Co = "_projectNavigationItem_1pc1v_61", wo = "_projectNavigationItemDisabled_1pc1v_67", x = {
-  badge: bo,
-  tag: vo,
-  withNavLinkStyle: To,
-  disabled: yo,
-  projectNavigationItem: Co,
-  projectNavigationItemDisabled: wo
-}, vt = ({ label: e, badge: t, novel: n }) => /* @__PURE__ */ h("div", { className: "flex gap-1", children: [
+}), I = ({ children: e, ...t }) => /* @__PURE__ */ s("nav", { ...t, className: Hn.sidebarContainer, children: e }), bo = ({ children: e }) => /* @__PURE__ */ s("div", { children: e });
+I.Top = bo;
+const vo = ({ children: e }) => /* @__PURE__ */ s("div", { children: e });
+I.Bottom = vo;
+I.Avatar = $n;
+I.IconLink = Gn;
+I.Menu = Jn;
+I.ProfileMenu = pr;
+I.TeamSwitch = Ar;
+I.TeamMenuItem = Dt;
+I.UpgradeMenuItem = xr;
+I.ProfileSettingsMenuItem = Tr;
+I.Tasks = po;
+const To = "_breadcrumbsItem_1hm6a_1", yo = "_breadcrumbs_1hm6a_1", Tt = {
+  breadcrumbsItem: To,
+  breadcrumbs: yo
+}, Ma = ({ items: e }) => /* @__PURE__ */ s("nav", { "aria-label": "breadcrumb", className: Tt.breadcrumbs, children: e.map((t, n) => /* @__PURE__ */ h(kt, { children: [
+  /* @__PURE__ */ s(L, { className: Tt.breadcrumbsItem, href: t.link, rel: "noreferrer", children: t.name }),
+  n < e.length - 1 && /* @__PURE__ */ s("span", { children: " — " })
+] }, `${t.link}-${t.name}`)) }), So = ({ items: e }) => /* @__PURE__ */ s(Ue, { children: e.map((t, n) => /* @__PURE__ */ h(kt, { children: [
+  !!n && t.some((r) => r.visible) && /* @__PURE__ */ s(It, {}),
+  t.filter(({ visible: r }) => r).map(({ link: r, label: a, onClick: i }) => /* @__PURE__ */ s(K, { href: r || "#", "aria-label": a, onClick: i, children: a }, a))
+] }, t[0].label)) }), wo = "_badge_1pc1v_1", Eo = "_tag_1pc1v_15", Co = "_withNavLinkStyle_1pc1v_42 _withLinkStyle_1pc1v_21", ko = "_disabled_1pc1v_57", Po = "_projectNavigationItem_1pc1v_61", Io = "_projectNavigationItemDisabled_1pc1v_67", O = {
+  badge: wo,
+  tag: Eo,
+  withNavLinkStyle: Co,
+  disabled: ko,
+  projectNavigationItem: Po,
+  projectNavigationItemDisabled: Io
+}, yt = ({ label: e, badge: t, novel: n }) => /* @__PURE__ */ h("div", { className: "flex gap-1", children: [
   /* @__PURE__ */ h("div", { children: [
-    /* @__PURE__ */ a("span", { children: e }),
-    !!t && /* @__PURE__ */ a("div", { className: x.badge, "aria-label": `${t} items requiring attention`, children: t > 9 ? "9+" : t })
+    /* @__PURE__ */ s("span", { children: e }),
+    !!t && /* @__PURE__ */ s("div", { className: O.badge, "aria-label": `${t} items requiring attention`, children: t > 9 ? "9+" : t })
   ] }),
-  !!n && /* @__PURE__ */ a(Ne, { className: x.tag, children: n })
-] }), Ae = Vt(
-  ({ label: e, href: t = "", disabled: n = !1, badge: r, onClick: s, novel: i }, c) => /* @__PURE__ */ a(q, { tooltip: "You do not have access to this function", show: n, children: /* @__PURE__ */ a(
+  !!n && /* @__PURE__ */ s(Ne, { className: O.tag, children: n })
+] }), Oe = tn(
+  ({ label: e, href: t = "", disabled: n = !1, badge: r, onClick: a, novel: i }, c) => /* @__PURE__ */ s(H, { tooltip: "You do not have access to this function", show: n, children: /* @__PURE__ */ s(
     "div",
     {
-      className: n ? x.projectNavigationItemDisabled : x.projectNavigationItem,
-      children: s || n || !t ? /* @__PURE__ */ a(
+      className: n ? O.projectNavigationItemDisabled : O.projectNavigationItem,
+      children: a || n || !t ? /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           ref: c,
-          className: R(x.withNavLinkStyle, {
-            [x.disabled]: n
+          className: N(O.withNavLinkStyle, {
+            [O.disabled]: n
           }),
           disabled: n,
-          onClick: s,
-          children: /* @__PURE__ */ a(vt, { label: e, badge: r, novel: i })
+          onClick: a,
+          children: /* @__PURE__ */ s(yt, { label: e, badge: r, novel: i })
         }
-      ) : /* @__PURE__ */ a("a", { href: t, className: x.withNavLinkStyle, children: /* @__PURE__ */ a(vt, { label: e, badge: r, novel: i }) })
+      ) : /* @__PURE__ */ s("a", { href: t, className: O.withNavLinkStyle, children: /* @__PURE__ */ s(yt, { label: e, badge: r, novel: i }) })
     }
   ) })
 );
-Ae.displayName = "NavigationTabsItem";
-const So = (e) => (e == null ? void 0 : e.some((t) => t.some((n) => n.visible))) ?? !1, ko = (e) => e.visible && (!e.dropdown || So(e.dropdown)), Pa = ({ navigation: e, activeItem: t }) => /* @__PURE__ */ a("nav", { "aria-label": "Project", children: /* @__PURE__ */ a("ul", { className: U.navigationTabList, "aria-orientation": "horizontal", children: e.filter(ko).map((n) => {
-  var r, s, i;
-  return n.dropdown ? /* @__PURE__ */ a(
+Oe.displayName = "NavigationTabsItem";
+const Ao = (e) => (e == null ? void 0 : e.some((t) => t.some((n) => n.visible))) ?? !1, Ro = (e) => e.visible && (!e.dropdown || Ao(e.dropdown)), Ua = ({ navigation: e, activeItem: t }) => /* @__PURE__ */ s("nav", { "aria-label": "Project", children: /* @__PURE__ */ s("ul", { className: q.navigationTabList, "aria-orientation": "horizontal", children: e.filter(Ro).map((n) => {
+  var r, a, i;
+  return n.dropdown ? /* @__PURE__ */ s(
     "li",
     {
-      className: U.navigationTab,
+      className: q.navigationTab,
       "data-testid": n.key,
       "aria-selected": (r = n.isActive) == null ? void 0 : r.call(n, t),
-      children: /* @__PURE__ */ a(
-        oe,
+      children: /* @__PURE__ */ s(
+        ae,
         {
-          menuButton: ({ opened: c }) => /* @__PURE__ */ a(Ae, { label: n.label, disabled: n.disabled, active: c }),
-          children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(po, { items: n.dropdown }) })
+          menuButton: ({ opened: c }) => /* @__PURE__ */ s(Oe, { label: n.label, disabled: n.disabled, active: c }),
+          children: /* @__PURE__ */ s(se, { children: /* @__PURE__ */ s(So, { items: n.dropdown }) })
         }
       )
     },
     n.key
-  ) : /* @__PURE__ */ a(
+  ) : /* @__PURE__ */ s(
     "li",
     {
-      className: U.navigationTab,
+      className: q.navigationTab,
       "data-testid": n.key,
-      "aria-selected": (s = n.isActive) == null ? void 0 : s.call(n, t),
-      children: /* @__PURE__ */ a(
-        Ae,
+      "aria-selected": (a = n.isActive) == null ? void 0 : a.call(n, t),
+      children: /* @__PURE__ */ s(
+        Oe,
         {
           label: n.label,
           href: n.link,
@@ -1137,30 +1137,171 @@ const So = (e) => (e == null ? void 0 : e.some((t) => t.some((n) => n.visible)))
     },
     n.key
   );
-}) }) }), Eo = o.object({
-  accessToken: o.string(),
-  refreshToken: o.string()
-}), Io = o.union([
-  o.object({ Authorization: o.string().startsWith("Bearer ") }),
-  o.object({ "x-csrf-token": o.string() })
-]), Be = Oe({
-  description: "Takes a teamId and returns a JWT token access and refresh token for the user",
-  method: "post",
-  requestPathParamsSchema: o.object({ teamId: o.number() }),
-  pathResolver: (e) => `/team/${e.teamId}/actions/get-user-token`,
-  requestHeaderSchema: Io,
-  requestBodySchema: o.undefined(),
-  successResponseBodySchema: Eo
-}), Ft = o.union([
+}) }) });
+class A {
+  /**
+   * This constructor is private to prevent the creation of a HeaderBuilder, it's an implementation detail
+   * that users of this class should not be aware of. The only way to create a HeaderBuilder is through the
+   * static create method.
+   *
+   * @private
+   */
+  constructor(t) {
+    this.factories = t;
+  }
+  static create(t = {}) {
+    return new A([() => t]);
+  }
+  /**
+   * Adds a single header to the builder by providing a key and a value.
+   *
+   * @example
+   * ```typescript
+   * const builder = HeaderBuilder.create()
+   *     .add('Content-Type', 'application/json')
+   *     .add('Authorization', 'Bearer token')
+   *
+   *  const headers = await builder.resolve()
+   *  console.log(headers)
+   *  // { 'Content-Type': 'application/json', 'Authorization': 'Bearer token' }
+   * ```
+   *
+   * @param key - The key of the header
+   * @param value - The value of the header
+   */
+  add(t, n) {
+    return new A([...this.factories, () => ({ [t]: n })]);
+  }
+  /**
+   * Adds multiple headers to the builder by providing an object or a promise of an object with the headers.
+   *
+   * @example
+   * ```typescript
+   * const builder = HeaderBuilder.create()
+   *    .and({ 'Content-Type': 'application/json', 'Authorization': 'Bearer token' })
+   *    .and(Promise.resolve({ 'X-Custom-Header': 'custom', 'X-Another-Header': 'another' }))
+   *
+   * const headers = await builder.resolve()
+   * console.log(headers)
+   * // Prints: {
+   * //   'Content-Type': 'application/json',
+   * //   'Authorization': 'Bearer token',
+   * //   'X-Custom-Header': 'custom',
+   * //   'X-Another-Header': 'another'
+   * // }
+   * ```
+   *
+   * @param extension - An object with the headers to add
+   */
+  and(t) {
+    return new A([...this.factories, () => t]);
+  }
+  /**
+   * Adds a factory function that returns a promise of headers to the builder.
+   * This is useful when you need to fetch some data asynchronously to build the headers.
+   *
+   * @example
+   * ```typescript
+   * const builder = HeaderBuilder.create()
+   *    .from(async () => {
+   *       const token = await fetchToken()
+   *       return { 'Authorization': `Bearer ${token}` }
+   *    })
+   *
+   * const headers = await builder.resolve()
+   * console.log(headers) // { 'Authorization': 'Bearer <token>' }
+   * ```
+   *
+   * @param factory - A function that returns a promise of headers
+   */
+  from(t) {
+    return new A([...this.factories, t]);
+  }
+  /**
+   * Takes a middleware function that receives the current builder and returns a new, modified, builder.
+   *
+   * @example
+   * ```typescript
+   * const authMiddleware = createHeaderBuilderMiddleware(async (builder) => {
+   *   const token = await fetchToken()
+   *   return builder.add('Authorization', `Bearer ${token}`)
+   * })
+   *
+   * const builder = HeaderBuilder.create()
+   *   .with(authMiddleware)
+   *
+   * const headers = await builder.resolve() // Type of headers is { 'Authorization': string }
+   * console.log(headers) // { 'Authorization': 'Bearer <token>' }
+   * ```
+   *
+   * @param middleware
+   */
+  with(t) {
+    return t.apply(this);
+  }
+  /**
+   * Merges the current builder with another builder.
+   *
+   * @example
+   * ```typescript
+   * const builderA = HeaderBuilder.create()
+   *    .add('Content-Type', 'application/json')
+   *
+   * const builderB = HeaderBuilder.create()
+   *    .add('Authorization', 'Bearer token')
+   *
+   * const mergedBuilder = builderA.merge(builderB)
+   *
+   * const headers = await mergedBuilder.resolve()
+   * console.log(headers)
+   * // { 'Content-Type': 'application/json', 'Authorization': 'Bearer token' }
+   * ```
+   *
+   * @param builder - The builder to merge with
+   */
+  merge(t) {
+    return new A([...this.factories, ...t.factories]);
+  }
+  /**
+   * Resolves the headers by waiting for all the promises to resolve and merging them together.
+   *
+   * @example
+   * ```typescript
+   * const builder = HeaderBuilder.create()
+   *    .add('Content-Type', 'application/json')
+   *
+   * const headers = await builder.resolve()
+   * console.log(headers) // { 'Content-Type': 'application/json' }
+   */
+  async resolve() {
+    const t = this.factories.map((r) => r()), n = await Promise.all(t);
+    return Object.assign({}, ...n);
+  }
+}
+function Gt(e) {
+  return new No(e);
+}
+class No {
+  constructor(t) {
+    this.middleware = t;
+  }
+  apply(t) {
+    return t.from(async () => {
+      const n = this.middleware(A.create());
+      return n instanceof Promise ? n.then((r) => r.resolve()) : n.resolve();
+    });
+  }
+}
+const Kt = o.union([
   o.literal("owner"),
   o.literal("admin"),
   o.literal("biller"),
   o.literal("member")
-]), Po = o.object({
+]), jo = o.object({
   userId: o.number(),
   userUuid: o.string(),
   teamId: o.number(),
-  userTeamRole: Ft,
+  userTeamRole: Kt,
   userEmail: o.string().email(),
   userName: o.string(),
   userCurrentTeamId: o.number(),
@@ -1170,242 +1311,240 @@ const So = (e) => (e == null ? void 0 : e.some((t) => t.some((n) => n.visible)))
   isFullyAuthenticated: o.boolean(),
   exp: o.number()
 });
-function se(e) {
+function ie(e) {
   try {
     const t = e.split(".")[1], n = atob(t);
-    return Po.parse(JSON.parse(n));
+    return jo.parse(JSON.parse(n));
   } catch {
     return;
   }
 }
-function te(e) {
-  return { Authorization: `Bearer ${e}` };
-}
-function No(e) {
-  return (t) => async (n, r) => {
-    var c;
-    const s = await e.getCachedJwtToken();
-    if (s === void 0)
-      return t(n, r);
-    const i = await t(n, {
-      ...r,
-      headers: { ...r.headers, ...te(s.accessToken) }
-    });
-    if (s && (i.status === 401 || i.status === 403)) {
-      const l = se(s.accessToken);
-      if (!l)
-        return i;
-      const u = await G(e.authProviderWretchClient, Be, {
-        pathParams: { teamId: l.teamId },
-        headers: te(s.refreshToken)
-      });
-      return await ((c = e.onNewJwtTokenIssued) == null ? void 0 : c.call(e, u)), t(n, {
-        ...r,
-        headers: { ...r.headers, ...te(u.accessToken) }
-      });
-    }
-    return i;
-  };
+class Le extends Error {
+  constructor() {
+    super(...arguments);
+    ee(this, "name", "UnauthorizedError");
+    ee(this, "status", 401);
+  }
 }
-function Na() {
-  return (e) => (t, n) => e(t, {
-    ...n,
-    headers: {
-      ...n.headers,
-      "x-lokalise-plugin": "true"
-    },
-    credentials: "omit"
+function qa(e) {
+  return Gt(async (t) => {
+    var i, c;
+    const n = e.getCurrentToken() ?? await ((i = e.generateNewToken) == null ? void 0 : i.call(e));
+    if (!n)
+      throw new Le();
+    const { exp: r } = ie(n.accessToken) ?? { exp: 0 };
+    if (!dn(new Date(r)))
+      return t.add("Authorization", `Bearer ${n.accessToken}`);
+    const a = await e.refreshToken(n);
+    if (!a)
+      throw new Le();
+    return (c = e.onNewTokenIssued) == null || c.call(e, a), t.add("Authorization", `Bearer ${a.accessToken}`);
   });
 }
-function ie() {
-  const e = xe(document.cookie, "accessToken"), t = xe(document.cookie, "refreshToken");
-  if (!(!e || !t))
-    return { accessToken: e, refreshToken: t };
+const Ha = Gt(
+  (e) => e.and({ "x-lokalise-plugin": "true" })
+);
+function Wt() {
+  const e = Me(document.cookie, "accessToken"), t = Me(document.cookie, "refreshToken");
+  return !e || !t ? null : { accessToken: e, refreshToken: t };
 }
-function Jt() {
-  return xe(document.cookie, "csrf_token");
+function xo() {
+  return Me(document.cookie, "csrf_token") ?? null;
 }
-function xe(e, t) {
+function Me(e, t) {
   var n, r;
-  return (r = (n = e.split(";").find((s) => s.trim().startsWith(`${t}=`))) == null ? void 0 : n.trim()) == null ? void 0 : r.substring(t.length + 1);
-}
-function Ra(e) {
-  return No({
-    authProviderWretchClient: e.authProviderWretchClient,
-    getCachedJwtToken: e.getCachedJwtToken ?? Ro,
-    onNewJwtTokenIssued: e.onNewJwtTokenIssued
-  });
-}
-function Ro() {
-  return Promise.resolve(ie());
-}
-function ja(e) {
-  const t = {
-    authProviderWretchClient: e.authProviderWretchClient,
-    getCsrfToken: e.getCsrfToken ?? (async () => Jt()),
-    getCachedJwtToken: e.getCachedJwtToken ?? (async () => ie()),
-    onNewJwtTokenIssued: e.onNewJwtTokenIssued,
-    getTeamId: e.getTeamId
-  };
-  return (n) => async (r, s) => {
-    var u;
-    if (await t.getCachedJwtToken() !== void 0)
-      return n(r, s);
-    const c = await t.getCsrfToken();
-    if (c === void 0)
-      return n(r, s);
-    const l = await G(t.authProviderWretchClient, Be, {
-      pathParams: { teamId: await t.getTeamId() },
-      headers: { "x-csrf-token": c }
-    });
-    return await ((u = t.onNewJwtTokenIssued) == null ? void 0 : u.call(t, l)), n(r, {
-      ...s,
-      headers: { ...s.headers, ...te(l.accessToken) }
-    });
-  };
+  return (r = (n = e.split(";").find((a) => a.trim().startsWith(`${t}=`))) == null ? void 0 : n.trim()) == null ? void 0 : r.substring(t.length + 1);
 }
-function Aa() {
-  const e = ie();
+function Ba() {
+  const e = Wt();
   if (!e)
     return;
-  const t = se(e.accessToken);
+  const t = ie(e.accessToken);
   if (t)
     return { ...e, payload: t };
 }
-const jo = {
-  teamKeyCsrf: (e, t) => ["getUserToken", "x-csrf-token", t, e],
-  teamKeyJwt: (e, t) => ["getUserToken", "Authorization", `Bearer ${t}`, e]
-}, Ao = (e, t) => B({
-  ...t,
-  queryFn: ({ queryKey: [n, r, s, i] }) => G(e, Be, {
-    pathParams: { teamId: i },
-    headers: r === "x-csrf-token" ? { "x-csrf-token": s } : { Authorization: s }
+const Jt = o.object({
+  Authorization: o.string()
+}), Oo = o.object({
+  "X-API-Token": o.string()
+}), Lo = o.union([
+  Jt,
+  Oo
+]), Mo = o.object({
+  "X-Lokalise-Plugin": o.string()
+}), ce = Lo.and(Mo), Uo = o.object({
+  accessToken: o.string(),
+  refreshToken: o.string()
+}), qo = o.union([
+  Jt,
+  o.object({ "x-csrf-token": o.string() })
+]), $e = qe({
+  description: "Takes a teamId and returns a JWT token access and refresh token for the user",
+  method: "post",
+  requestPathParamsSchema: o.object({ teamId: o.number() }),
+  pathResolver: (e) => `/team/${e.teamId}/actions/get-user-token`,
+  requestHeaderSchema: qo,
+  requestBodySchema: o.undefined(),
+  isEmptyResponseExpected: !0,
+  successResponseBodySchema: Uo
+});
+function Da(e, t, n) {
+  return async () => {
+    const r = t();
+    if (!r)
+      throw new Le();
+    return W(e, $e, {
+      pathParams: { teamId: Number(await n()) },
+      headers: await A.create().add("x-csrf-token", r).resolve()
+    });
+  };
+}
+function $a(e, t) {
+  return async ({ refreshToken: n }) => W(e, $e, {
+    pathParams: { teamId: Number(await t()) },
+    headers: await A.create().add("Authorization", `Bearer ${n}`).resolve()
+  });
+}
+const Ho = {
+  teamKey: (e) => ["getUserToken", e]
+}, Bo = (e, t, n) => B({
+  ...n,
+  queryFn: async ({ queryKey: [r, a] }) => W(e, $e, {
+    headers: await t.resolve(),
+    pathParams: { teamId: a }
   })
-}), re = class re extends CustomEvent {
+}), oe = class oe extends CustomEvent {
   constructor(t) {
-    super(re.eventName, {
-      detail: { token: t, payload: se(t.accessToken) }
+    super(oe.eventName, {
+      detail: { token: t, payload: ie(t.accessToken) }
     });
   }
 };
-Je(re, "eventName", "new-jwt-issued");
-let F = re;
-function xa(e, t) {
-  const n = Jt(), r = Ao(e, {
-    queryKey: jo.teamKeyCsrf(t, n ?? ""),
-    enabled: n !== void 0
-  }), s = yt();
-  return J(() => {
-    r.data && r.data.accessToken !== s.current && (window.dispatchEvent(new F(r.data)), s.current = r.data.accessToken);
-  }, [r.data]), r;
+ee(oe, "eventName", "new-jwt-issued");
+let z = oe;
+function Fa(e, t, n) {
+  const r = xo(), a = Bo(e, t.add("x-csrf-token", r ?? ""), {
+    queryKey: Ho.teamKey(n),
+    enabled: r !== void 0
+  }), i = wt();
+  return G(() => {
+    a.data && a.data.accessToken !== i.current && (window.dispatchEvent(new z(a.data)), i.current = a.data.accessToken);
+  }, [a.data]), a;
 }
-function zt() {
-  const [e, t] = N();
-  return J(() => {
-    const n = (s) => {
-      t(s.detail.payload);
-    }, r = ie();
-    return t(r && se(r.accessToken)), window.addEventListener(F.eventName, n), () => {
-      window.removeEventListener(F.eventName, n);
+function Qt() {
+  const [e, t] = R();
+  return G(() => {
+    const n = (a) => {
+      t(a.detail.payload);
+    }, r = Wt();
+    return t(r ? ie(r.accessToken) : void 0), window.addEventListener(z.eventName, n), () => {
+      window.removeEventListener(z.eventName, n);
     };
   }, []), e;
 }
-const xo = o.object({
+const Do = ce, $o = o.object({
   user_id: o.number(),
   email: o.string().email(),
   fullname: o.string(),
   created_at: o.string(),
   created_at_timestamp: o.number(),
-  role: Ft
-}), Lo = o.object({
+  role: Kt
+}), Fo = o.object({
   team_id: o.number(),
-  team_user: xo
-}), Oo = K({
+  team_user: $o
+}), zo = Q({
   description: "Get the details of a team user",
+  requestHeaderSchema: Do,
   requestPathParamsSchema: o.object({ teamId: o.number(), userId: o.number() }),
   pathResolver: ({ teamId: e, userId: t }) => `/teams/${e}/users/${t}`,
-  successResponseBodySchema: Lo
-}), Mo = {
+  successResponseBodySchema: Fo
+}), Go = {
   teamUserKey: (e, t) => ["GetTeamUsers", e, t]
-}, Uo = (e, t) => B({
-  ...t,
-  queryFn: ({ queryKey: [n, r, s] }) => W(e, Oo, { pathParams: { teamId: r, userId: s } })
+}, Ko = (e, t, n) => B({
+  ...n,
+  queryFn: async ({ queryKey: [r, a, i] }) => J(e, zo, {
+    headers: await t.resolve(),
+    pathParams: { teamId: a, userId: i }
+  })
 });
-function La(e) {
-  const t = zt();
-  return Uo(e, {
-    queryKey: Mo.teamUserKey((t == null ? void 0 : t.teamId) ?? 0, (t == null ? void 0 : t.userId) ?? 0),
-    enabled: (t == null ? void 0 : t.userId) !== void 0 && t.teamId !== void 0
+function za(e, t) {
+  const n = Qt();
+  return Ko(e, t, {
+    queryKey: Go.teamUserKey((n == null ? void 0 : n.teamId) ?? 0, (n == null ? void 0 : n.userId) ?? 0),
+    enabled: (n == null ? void 0 : n.userId) !== void 0 && n.teamId !== void 0
   });
 }
-const qo = o.object({
+const Wo = o.object({
   lang_id: o.number(),
   lang_iso: o.string(),
   lang_name: o.string(),
   is_writable: o.union([o.literal(0), o.literal(1)])
-}), Bo = o.object({
+}), Jo = o.object({
   user_id: o.number(),
   email: o.string().email(),
   fullname: o.string(),
   created_at: o.string(),
   created_at_timestamp: o.number(),
   admin_rights: o.array(o.string()),
-  languages: o.array(qo),
+  languages: o.array(Wo),
   is_admin: o.boolean(),
   is_reviewer: o.boolean()
-}), $o = o.object({
+}), Qo = o.object({
   project_id: o.string(),
-  contributors: o.array(Bo)
-}), Do = K({
+  contributors: o.array(Jo)
+}), Yo = Q({
   description: "Get the details of a project contributor",
+  requestHeaderSchema: ce,
   requestPathParamsSchema: o.object({ projectId: o.string(), contributorId: o.number() }),
   pathResolver: ({ projectId: e, contributorId: t }) => `/projects/${e}/contributors/${t}`,
-  successResponseBodySchema: $o
-}), Ho = {
+  successResponseBodySchema: Qo
+}), Vo = {
   projectUserKey: (e, t) => ["RetrieveContributor", e, t]
-}, Fo = (e, t) => B({
-  ...t,
-  queryFn: ({ queryKey: [n, r, s] }) => W(e, Do, {
-    pathParams: { projectId: r, contributorId: s }
+}, Xo = (e, t, n) => B({
+  ...n,
+  queryFn: async ({ queryKey: [r, a, i] }) => J(e, Yo, {
+    pathParams: { projectId: a, contributorId: i },
+    headers: await t.resolve()
   })
 });
-function Oa(e, t) {
-  const n = zt();
-  return Fo(e, {
-    queryKey: Ho.projectUserKey(t, (n == null ? void 0 : n.userId) ?? 0),
-    enabled: n !== void 0
+function Ga(e, t, n) {
+  const r = Qt();
+  return Xo(e, t, {
+    queryKey: Vo.projectUserKey(n, (r == null ? void 0 : r.userId) ?? 0),
+    enabled: r !== void 0
   });
 }
-const Jo = o.object({
+const Zo = o.object({
   lang_iso: o.string(),
   custom_iso: o.string().optional()
-}), zo = o.object({
+}), ea = o.object({
   language_id: o.number(),
   language_iso: o.string(),
   progress: o.number(),
   words_to_do: o.number()
-}), Go = o.object({
+}), ta = o.object({
   projectId: o.string()
-}), Wo = o.object({
+}), na = o.object({
   lang_id: o.number(),
   lang_iso: o.string(),
   lang_name: o.string(),
   is_rtl: o.boolean(),
   plural_forms: o.array(o.string().optional())
-}), Ko = o.object({
+}), ra = o.object({
   project_id: o.string(),
   project_uuid: o.string().uuid(),
-  languages: o.array(Wo)
-}), Qo = K({
+  languages: o.array(na)
+}), oa = Q({
   description: "List of project languages",
-  requestPathParamsSchema: Go,
+  requestHeaderSchema: ce,
+  requestPathParamsSchema: ta,
   pathResolver: ({ projectId: e }) => `/projects/${e}/languages`,
-  successResponseBodySchema: Ko
-}), $e = o.union([
+  successResponseBodySchema: ra
+}), le = ce, Fe = o.union([
   o.literal("localization_files"),
   o.literal("paged_documents"),
   o.literal("marketing")
-]), Yo = o.object({
+]), aa = o.object({
   per_platform_key_names: o.boolean(),
   reviewing: o.boolean(),
   auto_toggle_unverified: o.boolean(),
@@ -1416,7 +1555,7 @@ const Jo = o.object({
   custom_translation_statuses_allow_multiple: o.boolean(),
   segmentation: o.boolean(),
   contributor_preview_download_enabled: o.boolean()
-}), Vo = o.object({
+}), sa = o.object({
   not_reviewed: o.number(),
   unverified: o.number(),
   spelling_grammar: o.number(),
@@ -1433,18 +1572,18 @@ const Jo = o.object({
   double_space: o.number(),
   special_placeholder: o.number(),
   unbalanced_brackets: o.number()
-}), Zo = o.object({
+}), ia = o.object({
   progress_total: o.number(),
   keys_total: o.number(),
   team: o.number(),
   base_words: o.number(),
   qa_issues_total: o.number(),
-  qa_issues: Vo,
-  languages: o.array(zo)
-}), ce = o.object({
+  qa_issues: sa,
+  languages: o.array(ea)
+}), de = o.object({
   project_id: o.string(),
   uuid: o.string().uuid(),
-  project_type: $e,
+  project_type: Fe,
   name: o.string(),
   description: o.string(),
   created_at: o.string(),
@@ -1454,164 +1593,177 @@ const Jo = o.object({
   team_id: o.number(),
   base_language_id: o.number(),
   base_language_iso: o.string(),
-  settings: Yo.optional(),
-  statistics: Zo.optional()
-}), Xo = o.object({
+  settings: aa.optional(),
+  statistics: ia.optional()
+}), ca = o.object({
   name: o.string(),
   team_id: o.string(),
   base_lang_iso: o.string(),
-  languages: o.array(Jo),
-  project_type: $e,
+  languages: o.array(Zo),
+  project_type: Fe,
   is_segmentation_enabled: o.boolean()
-}), Tt = o.union([o.literal(0), o.literal(1)]), ea = o.object({
-  filter_type: $e.optional(),
+}), St = o.union([o.literal(0), o.literal(1)]), la = o.object({
+  filter_type: Fe.optional(),
   filter_team_id: o.number().optional(),
   filter_names: o.string().optional(),
-  include_statistics: Tt.optional(),
-  include_settings: Tt.optional(),
+  include_statistics: St.optional(),
+  include_settings: St.optional(),
   limit: o.number().optional(),
   page: o.number().optional()
-}), ta = o.object({
-  projects: o.array(ce)
-}), na = o.object({
+}), da = o.object({
+  projects: o.array(de)
+}), ua = o.object({
   project_id: o.string()
-}), ra = o.object({
+}), ma = o.object({
   project_id: o.string()
-}), oa = o.object({
+}), fa = o.object({
   name: o.string().min(1),
   description: o.string().optional()
-}), le = () => "/projects", aa = Oe({
+}), ue = () => "/projects", _a = qe({
   description: "Create a new project",
+  requestHeaderSchema: le,
   method: "post",
-  pathResolver: le,
-  requestBodySchema: Xo,
-  successResponseBodySchema: ce
-}), sa = K({
+  pathResolver: ue,
+  requestBodySchema: ca,
+  successResponseBodySchema: de
+}), ga = Q({
   description: "List all projects",
-  pathResolver: le,
-  requestQuerySchema: ea,
-  successResponseBodySchema: ta
-}), ia = K({
+  requestHeaderSchema: le,
+  pathResolver: ue,
+  requestQuerySchema: la,
+  successResponseBodySchema: da
+}), ha = Q({
   description: "Retrieve a project",
-  requestPathParamsSchema: na,
-  pathResolver: ({ project_id: e }) => `${le()}/${e}`,
-  successResponseBodySchema: ce
-}), ca = Oe({
+  requestHeaderSchema: le,
+  requestPathParamsSchema: ua,
+  pathResolver: ({ project_id: e }) => `${ue()}/${e}`,
+  successResponseBodySchema: de
+}), pa = qe({
   description: "Update a project",
+  requestHeaderSchema: le,
   method: "put",
-  requestPathParamsSchema: ra,
-  pathResolver: ({ project_id: e }) => `${le()}/${e}`,
-  requestBodySchema: oa,
-  successResponseBodySchema: ce
+  requestPathParamsSchema: ma,
+  pathResolver: ({ project_id: e }) => `${ue()}/${e}`,
+  requestBodySchema: fa,
+  successResponseBodySchema: de
 });
-function Ma(e, t = {}) {
-  return Pt({
-    ...t,
-    mutationFn: (n) => G(e, aa, {
-      body: n
+function Ka(e, t, n = {}) {
+  return Rt({
+    ...n,
+    mutationFn: async (r) => W(e, _a, {
+      headers: await t.resolve(),
+      body: r
     })
   });
 }
-const Ua = {
+const Wa = {
   projectIdKey: (e) => ["listProjectLanguages", e]
 };
-function qa(e, t) {
+function Ja(e, t, n) {
   return B({
-    ...t,
-    queryFn: ({ queryKey: [n, r] }) => W(e, Qo, {
-      pathParams: { projectId: r }
+    ...n,
+    queryFn: async ({ queryKey: [r, a] }) => J(e, oa, {
+      headers: await t.resolve(),
+      pathParams: { projectId: a }
     })
   });
 }
-const Ba = {
+const Qa = {
   paramsKey: (e) => ["listProjects", e]
 };
-function $a(e, t) {
+function Ya(e, t, n) {
   return B({
-    ...t,
-    queryFn: ({ queryKey: [n, r] }) => W(e, sa, {
-      queryParams: r
+    ...n,
+    queryFn: async ({ queryKey: [r, a] }) => J(e, ga, {
+      headers: await t.resolve(),
+      queryParams: a
     })
   });
 }
-const Da = {
+const Va = {
   projectIdKey: (e) => ["retrieveProject", e]
 };
-function Ha(e, t) {
+function Xa(e, t, n) {
   return B({
-    ...t,
-    queryFn: ({ queryKey: [n, r] }) => W(e, ia, {
-      pathParams: { project_id: r }
+    ...n,
+    queryFn: async ({ queryKey: [r, a] }) => J(e, ha, {
+      headers: await t.resolve(),
+      pathParams: { project_id: a }
     })
   });
 }
-function Fa(e, t, n = {}) {
-  return Pt({
-    ...n,
-    mutationFn: (r) => G(e, ca, {
-      body: r,
-      pathParams: t
+function Za(e, t, n, r = {}) {
+  return Rt({
+    ...r,
+    mutationFn: async (a) => W(e, pa, {
+      headers: await t.resolve(),
+      body: a,
+      pathParams: n
     })
   });
 }
 export {
-  Ia as Breadcrumbs,
-  Ut as ENTERPRISE_OPENSOURCE_PLAN_ID,
-  rr as ENTERPRISE_PLAN_IDS,
-  tr as ESSENTIAL_PLAN_IDS,
-  Mt as FREE_PLAN_ID,
-  ne as NavigationPanel,
-  Pa as NavigationTabs,
-  nr as PRO_PLAN_IDS,
-  er as START_PLAN_IDS,
-  P as Sidebar,
-  I as SidebarTaskLanguageStatuses,
-  je as SidebarTaskStatuses,
-  X as SidebarTaskTypeOptions,
-  Xn as TRIAL_PLAN_ID,
-  Ra as clientSideJwtAuthMiddleware,
-  sr as convertNewLineToBreakTag,
-  aa as createProject,
-  dr as formatDate,
-  Ea as formatDateTz,
-  Aa as getAuthenticatedSessionDetailFromRequest,
-  Oo as getTeamUser,
-  Mo as getTeamUsersQueryKey,
-  Be as getUserToken,
-  jo as getUserTokenKey,
-  ka as isEnterpriseOpenSourcePlan,
-  wa as isEnterprisePlan,
-  ya as isEssentialPlan,
-  Ue as isFreePlan,
-  Sa as isPaidPlan,
-  Ca as isProPlan,
-  Ta as isStartPlan,
-  qt as isTrialPlan,
-  No as jwtAuthMiddleware,
-  Qo as listProjectLanguages,
-  Ua as listProjectLanguagesKey,
-  sa as listProjects,
-  Ba as listProjectsKey,
-  lr as makeUrlClickable,
-  se as parseJwtTokenPayload,
-  ja as promoteClassicSessionToJwtMiddleware,
-  Na as publicApiHeadersMiddleware,
-  Do as retrieveContributor,
-  Ho as retrieveContributorKeys,
-  ia as retrieveProject,
-  Da as retrieveProjectQueryKey,
-  ca as updateProject,
-  Oa as useAuthenticatedProjectContributor,
-  zt as useAuthenticatedSessionPayload,
-  La as useAuthenticatedUser,
-  Ma as useCreateProjectMutation,
-  qe as useEffectOnce,
-  xa as useGetPromotedClassicSessionJwtQuery,
-  Uo as useGetTeamUsersQuery,
-  Ao as useGetUserTokenQuery,
-  qa as useListProjectLanguagesQuery,
-  $a as useListProjectsQuery,
-  Fo as useRetrieveContributorQuery,
-  Ha as useRetrieveProjectQuery,
-  Fa as useUpdateProjectMutation
+  Ma as Breadcrumbs,
+  Ht as ENTERPRISE_OPENSOURCE_PLAN_ID,
+  cr as ENTERPRISE_PLAN_IDS,
+  sr as ESSENTIAL_PLAN_IDS,
+  qt as FREE_PLAN_ID,
+  A as HeaderBuilder,
+  qa as JwtAuthHeaderBuilderMiddleware,
+  re as NavigationPanel,
+  Ua as NavigationTabs,
+  ir as PRO_PLAN_IDS,
+  Ha as PublicApiHeaderBuilderMiddleware,
+  ar as START_PLAN_IDS,
+  I as Sidebar,
+  P as SidebarTaskLanguageStatuses,
+  xe as SidebarTaskStatuses,
+  te as SidebarTaskTypeOptions,
+  or as TRIAL_PLAN_ID,
+  ur as convertNewLineToBreakTag,
+  Gt as createHeaderBuilderMiddleware,
+  _a as createProject,
+  gr as formatDate,
+  La as formatDateTz,
+  Da as generateTokenFromClassicSession,
+  Ba as getAuthenticatedSessionDetailFromRequest,
+  xo as getCsrfTokenFromCookie,
+  Wt as getJwtTokenFromCookie,
+  zo as getTeamUser,
+  Go as getTeamUsersQueryKey,
+  $e as getUserToken,
+  Ho as getUserTokenKey,
+  Oa as isEnterpriseOpenSourcePlan,
+  ja as isEnterprisePlan,
+  Ra as isEssentialPlan,
+  Be as isFreePlan,
+  xa as isPaidPlan,
+  Na as isProPlan,
+  Aa as isStartPlan,
+  Bt as isTrialPlan,
+  oa as listProjectLanguages,
+  Wa as listProjectLanguagesKey,
+  ga as listProjects,
+  Qa as listProjectsKey,
+  _r as makeUrlClickable,
+  ie as parseJwtTokenPayload,
+  $a as refreshExpiredToken,
+  Yo as retrieveContributor,
+  Vo as retrieveContributorKeys,
+  ha as retrieveProject,
+  Va as retrieveProjectQueryKey,
+  pa as updateProject,
+  Ga as useAuthenticatedProjectContributor,
+  Qt as useAuthenticatedSessionPayload,
+  za as useAuthenticatedUser,
+  Ka as useCreateProjectMutation,
+  De as useEffectOnce,
+  Fa as useGetPromotedClassicSessionJwtQuery,
+  Ko as useGetTeamUsersQuery,
+  Bo as useGetUserTokenQuery,
+  Ja as useListProjectLanguagesQuery,
+  Ya as useListProjectsQuery,
+  Xo as useRetrieveContributorQuery,
+  Xa as useRetrieveProjectQuery,
+  Za as useUpdateProjectMutation
 };