titaned-frontend-library 1.0.21 → 1.0.22

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as D from "react";
-import ur, { createContext as dr, useState as R, useContext as fr, useRef as _e, useEffect as te } from "react";
+import ur, { createContext as dr, useState as R, useContext as fr, useRef as _e, useEffect as re } from "react";
 import { OverlayTrigger as Ir, Button as $e, Tooltip as Dr, DropdownButton as $r, Dropdown as ee, Avatar as Lr, Icon as U, IconButton as Re, Navbar as Ce, IconButtonWithTooltip as se, Nav as Ge, NavDropdown as Xe } from "@openedx/paragon";
 var Oe = { exports: {} }, ve = {};
 /*
@@ -17,19 +17,19 @@ function hr() {
       throw new TypeError("Object.assign cannot be called with null or undefined");
     return Object(h);
   }
-  function g() {
+  function v() {
     try {
       if (!Object.assign)
         return !1;
       var h = new String("abc");
       if (h[5] = "de", Object.getOwnPropertyNames(h)[0] === "5")
         return !1;
-      for (var w = {}, f = 0; f < 10; f++)
-        w["_" + String.fromCharCode(f)] = f;
-      var v = Object.getOwnPropertyNames(w).map(function(c) {
+      for (var w = {}, p = 0; p < 10; p++)
+        w["_" + String.fromCharCode(p)] = p;
+      var g = Object.getOwnPropertyNames(w).map(function(c) {
         return w[c];
       });
-      if (v.join("") !== "0123456789")
+      if (g.join("") !== "0123456789")
         return !1;
       var o = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(c) {
@@ -39,18 +39,18 @@ function hr() {
       return !1;
     }
   }
-  return Me = g() ? Object.assign : function(h, w) {
-    for (var f, v = n(h), o, c = 1; c < arguments.length; c++) {
-      f = Object(arguments[c]);
-      for (var d in f)
-        i.call(f, d) && (v[d] = f[d]);
+  return Me = v() ? Object.assign : function(h, w) {
+    for (var p, g = n(h), o, c = 1; c < arguments.length; c++) {
+      p = Object(arguments[c]);
+      for (var d in p)
+        i.call(p, d) && (g[d] = p[d]);
       if (t) {
-        o = t(f);
-        for (var p = 0; p < o.length; p++)
-          s.call(f, o[p]) && (v[o[p]] = f[o[p]]);
+        o = t(p);
+        for (var f = 0; f < o.length; f++)
+          s.call(p, o[f]) && (g[o[f]] = p[o[f]]);
       }
     }
-    return v;
+    return g;
   }, Me;
 }
 /** @license React v17.0.2
@@ -70,13 +70,13 @@ function Hr() {
     var s = Symbol.for;
     i = s("react.element"), ve.Fragment = s("react.fragment");
   }
-  var n = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = Object.prototype.hasOwnProperty, h = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function w(f, v, o) {
-    var c, d = {}, p = null, b = null;
-    o !== void 0 && (p = "" + o), v.key !== void 0 && (p = "" + v.key), v.ref !== void 0 && (b = v.ref);
-    for (c in v) g.call(v, c) && !h.hasOwnProperty(c) && (d[c] = v[c]);
-    if (f && f.defaultProps) for (c in v = f.defaultProps, v) d[c] === void 0 && (d[c] = v[c]);
-    return { $$typeof: i, type: f, key: p, ref: b, props: d, _owner: n.current };
+  var n = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = Object.prototype.hasOwnProperty, h = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function w(p, g, o) {
+    var c, d = {}, f = null, b = null;
+    o !== void 0 && (f = "" + o), g.key !== void 0 && (f = "" + g.key), g.ref !== void 0 && (b = g.ref);
+    for (c in g) v.call(g, c) && !h.hasOwnProperty(c) && (d[c] = g[c]);
+    if (p && p.defaultProps) for (c in g = p.defaultProps, g) d[c] === void 0 && (d[c] = g[c]);
+    return { $$typeof: i, type: p, key: f, ref: b, props: d, _owner: n.current };
   }
   return ve.jsx = w, ve.jsxs = w, ve;
 }
@@ -93,12 +93,12 @@ var Be;
 function Fr() {
   return Be || (Be = 1, (function(t) {
     process.env.NODE_ENV !== "production" && (function() {
-      var i = ur, s = hr(), n = 60103, g = 60106;
+      var i = ur, s = hr(), n = 60103, v = 60106;
       t.Fragment = 60107;
-      var h = 60108, w = 60114, f = 60109, v = 60110, o = 60112, c = 60113, d = 60120, p = 60115, b = 60116, u = 60121, P = 60122, G = 60117, j = 60129, I = 60131;
+      var h = 60108, w = 60114, p = 60109, g = 60110, o = 60112, c = 60113, d = 60120, f = 60115, b = 60116, u = 60121, P = 60122, G = 60117, j = 60129, I = 60131;
       if (typeof Symbol == "function" && Symbol.for) {
         var S = Symbol.for;
-        n = S("react.element"), g = S("react.portal"), t.Fragment = S("react.fragment"), h = S("react.strict_mode"), w = S("react.profiler"), f = S("react.provider"), v = S("react.context"), o = S("react.forward_ref"), c = S("react.suspense"), d = S("react.suspense_list"), p = S("react.memo"), b = S("react.lazy"), u = S("react.block"), P = S("react.server.block"), G = S("react.fundamental"), S("react.scope"), S("react.opaque.id"), j = S("react.debug_trace_mode"), S("react.offscreen"), I = S("react.legacy_hidden");
+        n = S("react.element"), v = S("react.portal"), t.Fragment = S("react.fragment"), h = S("react.strict_mode"), w = S("react.profiler"), p = S("react.provider"), g = S("react.context"), o = S("react.forward_ref"), c = S("react.suspense"), d = S("react.suspense_list"), f = S("react.memo"), b = S("react.lazy"), u = S("react.block"), P = S("react.server.block"), G = S("react.fundamental"), S("react.scope"), S("react.opaque.id"), j = S("react.debug_trace_mode"), S("react.offscreen"), I = S("react.legacy_hidden");
       }
       var X = typeof Symbol == "function" && Symbol.iterator, $ = "@@iterator";
       function Z(e) {
@@ -125,9 +125,9 @@ function Fr() {
           O.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, O);
         }
       }
-      var re = !1;
+      var te = !1;
       function F(e) {
-        return !!(typeof e == "string" || typeof e == "function" || e === t.Fragment || e === w || e === j || e === h || e === c || e === d || e === I || re || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === p || e.$$typeof === f || e.$$typeof === v || e.$$typeof === o || e.$$typeof === G || e.$$typeof === u || e[0] === P));
+        return !!(typeof e == "string" || typeof e == "function" || e === t.Fragment || e === w || e === j || e === h || e === c || e === d || e === I || te || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === f || e.$$typeof === p || e.$$typeof === g || e.$$typeof === o || e.$$typeof === G || e.$$typeof === u || e[0] === P));
       }
       function L(e, a, l) {
         var x = a.displayName || a.name || "";
@@ -146,7 +146,7 @@ function Fr() {
         switch (e) {
           case t.Fragment:
             return "Fragment";
-          case g:
+          case v:
             return "Portal";
           case w:
             return "Profiler";
@@ -159,15 +159,15 @@ function Fr() {
         }
         if (typeof e == "object")
           switch (e.$$typeof) {
-            case v:
+            case g:
               var a = e;
               return V(a) + ".Consumer";
-            case f:
+            case p:
               var l = e;
               return V(l._context) + ".Provider";
             case o:
               return L(e, e.render, "ForwardRef");
-            case p:
+            case f:
               return M(e.type);
             case u:
               return M(e._render);
@@ -358,7 +358,7 @@ function Fr() {
           switch (e.$$typeof) {
             case o:
               return we(e.render);
-            case p:
+            case f:
               return le(e.type, a, l);
             case u:
               return we(e._render);
@@ -576,7 +576,7 @@ Check the top-level render call using <` + l + ">.");
             l = a.propTypes;
           else if (typeof a == "object" && (a.$$typeof === o || // Note: Memo only checks outer props here.
           // Inner props are checked in the reconciler.
-          a.$$typeof === p))
+          a.$$typeof === f))
             l = a.propTypes;
           else
             return;
@@ -649,7 +649,7 @@ function zr() {
   return er || (er = 1, process.env.NODE_ENV === "production" ? Oe.exports = Hr() : Oe.exports = Fr()), Oe.exports;
 }
 var r = zr();
-const st = ({ contactInfo: t, quickLinks: i, exploreLinks: s, logoUrl: n, copyrights: g }) => {
+const st = ({ contactInfo: t, quickLinks: i, exploreLinks: s, logoUrl: n, copyrights: v }) => {
   const h = (w) => w ?? "left";
   return /* @__PURE__ */ r.jsxs("footer", { className: "footer", children: [
     /* @__PURE__ */ r.jsxs("div", { className: "container", children: [
@@ -674,32 +674,32 @@ const st = ({ contactInfo: t, quickLinks: i, exploreLinks: s, logoUrl: n, copyri
       ] }),
       /* @__PURE__ */ r.jsx("div", { className: `section ${h(i.align)}`, children: /* @__PURE__ */ r.jsxs("ul", { children: [
         /* @__PURE__ */ r.jsx("h3", { children: "Quick Links" }),
-        i.content.map((w, f) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx("a", { href: w.link, children: w.label }) }, f))
+        i.content.map((w, p) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx("a", { href: w.link, children: w.label }) }, p))
       ] }) }),
       /* @__PURE__ */ r.jsx("div", { className: `section ${h(s.align)}`, children: /* @__PURE__ */ r.jsxs("ul", { children: [
         /* @__PURE__ */ r.jsx("h3", { children: "Explore" }),
-        s.content.map((w, f) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx("a", { href: w.link, children: w.label }) }, f))
+        s.content.map((w, p) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx("a", { href: w.link, children: w.label }) }, p))
       ] }) })
     ] }),
-    /* @__PURE__ */ r.jsx("div", { className: "copyright", children: /* @__PURE__ */ r.jsx("p", { children: g }) })
+    /* @__PURE__ */ r.jsx("div", { className: "copyright", children: /* @__PURE__ */ r.jsx("p", { children: v }) })
   ] });
 }, pr = dr(void 0), at = ({ children: t }) => {
   const [i, s] = R(!1), n = () => {
     s((h) => !h);
-  }, g = (h) => {
+  }, v = (h) => {
     s(h);
   };
-  return /* @__PURE__ */ r.jsx(pr.Provider, { value: { isCollapsed: i, toggleSidebar: n, setSidebarCollapsed: g }, children: t });
+  return /* @__PURE__ */ r.jsx(pr.Provider, { value: { isCollapsed: i, toggleSidebar: n, setSidebarCollapsed: v }, children: t });
 }, mr = () => {
   const t = fr(pr);
   if (t === void 0)
     throw new Error("useSidebar must be used within a SidebarProvider");
   return t;
 }, ot = ({ buttons: t, onNavigate: i, presentPath: s }) => {
-  const { isCollapsed: n, setSidebarCollapsed: g } = mr(), [h, w] = R(!0), f = _e(null), [v, o] = R(
+  const { isCollapsed: n, setSidebarCollapsed: v } = mr(), [h, w] = R(!0), p = _e(null), [g, o] = R(
     () => document.dir === "rtl" || document.documentElement.dir === "rtl"
   );
-  return te(() => {
+  return re(() => {
     const c = () => {
       o(document.dir === "rtl" || document.documentElement.dir === "rtl");
     }, d = new MutationObserver(c);
@@ -707,28 +707,28 @@ const st = ({ contactInfo: t, quickLinks: i, exploreLinks: s, logoUrl: n, copyri
       attributes: !0,
       attributeFilter: ["dir"]
     }), () => d.disconnect();
-  }, []), te(() => {
+  }, []), re(() => {
     const c = t.some((d) => d.path === s);
-    w(c), !c && !n && s.includes("/course/") && !s.includes("/learning/course/") && g(!0);
-  }, [s]), te(() => {
+    w(c), !c && !n && s.includes("/course/") && !s.includes("/learning/course/") && v(!0);
+  }, [s]), re(() => {
     const c = (d) => {
-      !h && f.current && !f.current.contains(d.target) && s.includes("/course/") && !s.includes("/learning/course/") && (n || g(!0));
+      !h && p.current && !p.current.contains(d.target) && s.includes("/course/") && !s.includes("/learning/course/") && (n || v(!0));
     };
     return document.addEventListener("mousedown", c), () => {
       document.removeEventListener("mousedown", c);
     };
-  }, [h, n, g]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  }, [h, n, v]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
       "div",
       {
         className: `sidebar ${n ? "collapsed" : ""}`,
-        ref: f,
+        ref: p,
         children: /* @__PURE__ */ r.jsx("div", { className: "sidebar-buttons", children: t.map((c) => {
           const d = c.path === s || (s.includes("/course/") || s.includes("/course_rerun/")) && c.path === "/my-courses" || s.includes("/library/") && c.path === "/libraries" || s.includes("/taxonomy/") && c.path === "/taxonomies";
           return /* @__PURE__ */ r.jsx(
             Ir,
             {
-              placement: v ? "left" : "right",
+              placement: g ? "left" : "right",
               overlay: /* @__PURE__ */ r.jsx(Dr, { id: `tooltip-${c.path}`, children: c.label }),
               show: n ? void 0 : !1,
               popperConfig: {
@@ -764,7 +764,7 @@ const st = ({ contactInfo: t, quickLinks: i, exploreLinks: s, logoUrl: n, copyri
   ] });
 }, Vr = (t = 768) => {
   const [i, s] = R(!1);
-  return te(() => {
+  return re(() => {
     const n = () => {
       s(window.innerWidth <= t);
     };
@@ -891,7 +891,7 @@ const st = ({ contactInfo: t, quickLinks: i, exploreLinks: s, logoUrl: n, copyri
   // isAdmin,
   menuItems: n
 }) => {
-  const g = i ? /* @__PURE__ */ r.jsx(
+  const v = i ? /* @__PURE__ */ r.jsx(
     "img",
     {
       className: "d-block w-100 h-100",
@@ -907,10 +907,10 @@ const st = ({ contactInfo: t, quickLinks: i, exploreLinks: s, logoUrl: n, copyri
       alt: "avatar",
       "data-testid": "avatar-icon"
     }
-  ), h = s ? g : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  ), h = s ? v : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     t,
     "   ",
-    g
+    v
   ] });
   return /* @__PURE__ */ r.jsx(
     Ur,
@@ -925,60 +925,60 @@ var je = {}, ar;
 function Gr() {
   if (ar) return je;
   ar = 1, Object.defineProperty(je, "__esModule", { value: !0 }), je.parse = w, je.serialize = o;
-  const t = /^[\u0021-\u003A\u003C\u003E-\u007E]+$/, i = /^[\u0021-\u003A\u003C-\u007E]*$/, s = /^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i, n = /^[\u0020-\u003A\u003D-\u007E]*$/, g = Object.prototype.toString, h = /* @__PURE__ */ (() => {
-    const p = function() {
+  const t = /^[\u0021-\u003A\u003C\u003E-\u007E]+$/, i = /^[\u0021-\u003A\u003C-\u007E]*$/, s = /^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i, n = /^[\u0020-\u003A\u003D-\u007E]*$/, v = Object.prototype.toString, h = /* @__PURE__ */ (() => {
+    const f = function() {
     };
-    return p.prototype = /* @__PURE__ */ Object.create(null), p;
+    return f.prototype = /* @__PURE__ */ Object.create(null), f;
   })();
-  function w(p, b) {
-    const u = new h(), P = p.length;
+  function w(f, b) {
+    const u = new h(), P = f.length;
     if (P < 2)
       return u;
     const G = (b == null ? void 0 : b.decode) || c;
     let j = 0;
     do {
-      const I = p.indexOf("=", j);
+      const I = f.indexOf("=", j);
       if (I === -1)
         break;
-      const S = p.indexOf(";", j), X = S === -1 ? P : S;
+      const S = f.indexOf(";", j), X = S === -1 ? P : S;
       if (I > X) {
-        j = p.lastIndexOf(";", I - 1) + 1;
+        j = f.lastIndexOf(";", I - 1) + 1;
         continue;
       }
-      const $ = f(p, j, I), Z = v(p, I, $), H = p.slice($, Z);
+      const $ = p(f, j, I), Z = g(f, I, $), H = f.slice($, Z);
       if (u[H] === void 0) {
-        let C = f(p, I + 1, X), Q = v(p, X, C);
-        const re = G(p.slice(C, Q));
-        u[H] = re;
+        let C = p(f, I + 1, X), Q = g(f, X, C);
+        const te = G(f.slice(C, Q));
+        u[H] = te;
       }
       j = X + 1;
     } while (j < P);
     return u;
   }
-  function f(p, b, u) {
+  function p(f, b, u) {
     do {
-      const P = p.charCodeAt(b);
+      const P = f.charCodeAt(b);
       if (P !== 32 && P !== 9)
         return b;
     } while (++b < u);
     return u;
   }
-  function v(p, b, u) {
+  function g(f, b, u) {
     for (; b > u; ) {
-      const P = p.charCodeAt(--b);
+      const P = f.charCodeAt(--b);
       if (P !== 32 && P !== 9)
         return b + 1;
     }
     return u;
   }
-  function o(p, b, u) {
+  function o(f, b, u) {
     const P = (u == null ? void 0 : u.encode) || encodeURIComponent;
-    if (!t.test(p))
-      throw new TypeError(`argument name is invalid: ${p}`);
+    if (!t.test(f))
+      throw new TypeError(`argument name is invalid: ${f}`);
     const G = P(b);
     if (!i.test(G))
       throw new TypeError(`argument val is invalid: ${b}`);
-    let j = p + "=" + G;
+    let j = f + "=" + G;
     if (!u)
       return j;
     if (u.maxAge !== void 0) {
@@ -1032,17 +1032,17 @@ function Gr() {
       }
     return j;
   }
-  function c(p) {
-    if (p.indexOf("%") === -1)
-      return p;
+  function c(f) {
+    if (f.indexOf("%") === -1)
+      return f;
     try {
-      return decodeURIComponent(p);
+      return decodeURIComponent(f);
     } catch {
-      return p;
+      return f;
     }
   }
-  function d(p) {
-    return g.call(p) === "[object Date]";
+  function d(f) {
+    return v.call(f) === "[object Date]";
   }
   return je;
 }
@@ -1071,8 +1071,8 @@ class Br {
     this.changeListeners = [], this.HAS_DOCUMENT_COOKIE = !1, this.update = () => {
       if (!this.HAS_DOCUMENT_COOKIE)
         return;
-      const g = this.cookies;
-      this.cookies = ke.parse(document.cookie), this._checkChanges(g);
+      const v = this.cookies;
+      this.cookies = ke.parse(document.cookie), this._checkChanges(v);
     };
     const n = typeof document > "u" ? "" : document.cookie;
     this.cookies = Zr(i || n), this.defaultSetOptions = s, this.HAS_DOCUMENT_COOKIE = Xr();
@@ -1107,8 +1107,8 @@ class Br {
   }
   set(i, s, n) {
     n ? n = Object.assign(Object.assign({}, this.defaultSetOptions), n) : n = this.defaultSetOptions;
-    const g = typeof s == "string" ? s : JSON.stringify(s);
-    this.cookies = Object.assign(Object.assign({}, this.cookies), { [i]: g }), this.HAS_DOCUMENT_COOKIE && (document.cookie = ke.serialize(i, g, n)), this._emitChange({ name: i, value: s, options: n });
+    const v = typeof s == "string" ? s : JSON.stringify(s);
+    this.cookies = Object.assign(Object.assign({}, this.cookies), { [i]: v }), this.HAS_DOCUMENT_COOKIE && (document.cookie = ke.serialize(i, v, n)), this._emitChange({ name: i, value: s, options: n });
   }
   remove(i, s) {
     const n = s = Object.assign(Object.assign(Object.assign({}, this.defaultSetOptions), s), { expires: new Date(1970, 1, 1, 0, 0, 1), maxAge: 0 });
@@ -1158,11 +1158,11 @@ class et {
   async search(i, s = {}) {
     const {
       limit: n = 20,
-      offset: g = 0,
+      offset: v = 0,
       filter: h = ['type = "course_block"'],
       attributesToHighlight: w = ["display_name", "description", "published"],
-      attributesToCrop: f = ["description", "published"],
-      sort: v = []
+      attributesToCrop: p = ["description", "published"],
+      sort: g = []
     } = s;
     if (!this.config.indexName)
       throw new Error("MeiliSearch indexName is required");
@@ -1175,9 +1175,9 @@ class et {
           attributesToHighlight: w,
           highlightPreTag: "__meili-highlight__",
           highlightPostTag: "__/meili-highlight__",
-          attributesToCrop: f,
-          sort: v,
-          offset: g,
+          attributesToCrop: p,
+          sort: g,
+          offset: v,
           limit: n
         },
         {
@@ -1196,7 +1196,7 @@ class et {
       });
       if (!d.ok)
         throw new Error(`MeiliSearch API error: ${d.status} ${d.statusText}`);
-      const p = await d.json(), b = p.results[0], u = p.results[1];
+      const f = await d.json(), b = f.results[0], u = f.results[1];
       return {
         hits: b.hits || [],
         totalHits: b.estimatedTotalHits || 0,
@@ -1213,11 +1213,11 @@ class et {
   async simpleSearch(i, s = {}) {
     const {
       limit: n = 20,
-      offset: g = 0,
+      offset: v = 0,
       filter: h = ['type = "course_block"'],
       attributesToHighlight: w = ["display_name", "description", "published"],
-      attributesToCrop: f = ["description", "published"],
-      sort: v = []
+      attributesToCrop: p = ["description", "published"],
+      sort: g = []
     } = s, o = {
       queries: [
         {
@@ -1227,9 +1227,9 @@ class et {
           attributesToHighlight: w,
           highlightPreTag: "__meili-highlight__",
           highlightPostTag: "__/meili-highlight__",
-          attributesToCrop: f,
-          sort: v,
-          offset: g,
+          attributesToCrop: p,
+          sort: g,
+          offset: v,
           limit: n
         }
       ]
@@ -1283,23 +1283,23 @@ const or = ({
   highlightTag: i = "__meili-highlight__"
 }) => {
   if (!t) return null;
-  const s = "__/meili-highlight__", n = t.split(i), g = [];
+  const s = "__/meili-highlight__", n = t.split(i), v = [];
   return n.forEach((h, w) => {
     if (w === 0)
-      h && g.push(h);
+      h && v.push(h);
     else {
-      const f = h.indexOf(s);
-      if (f !== -1) {
-        const v = h.substring(0, f), o = h.substring(f + s.length);
-        v && g.push(
-          /* @__PURE__ */ r.jsx("mark", { className: "search-highlight", children: v }, `highlight-${w}`)
-        ), o && g.push(o);
+      const p = h.indexOf(s);
+      if (p !== -1) {
+        const g = h.substring(0, p), o = h.substring(p + s.length);
+        g && v.push(
+          /* @__PURE__ */ r.jsx("mark", { className: "search-highlight", children: g }, `highlight-${w}`)
+        ), o && v.push(o);
       } else
-        g.push(
+        v.push(
           /* @__PURE__ */ r.jsx("mark", { className: "search-highlight", children: h }, `highlight-${w}`)
         );
     }
-  }), /* @__PURE__ */ r.jsx(r.Fragment, { children: g });
+  }), /* @__PURE__ */ r.jsx(r.Fragment, { children: v });
 };
 function tt(t) {
   return {
@@ -1324,7 +1324,7 @@ const cr = ({
   onNavigate: i,
   baseUrl: s
 }) => {
-  var v, o;
+  var g, o;
   const n = (c) => {
     var b;
     c.preventDefault(), c.stopPropagation();
@@ -1345,7 +1345,7 @@ const cr = ({
       return;
     }
     rt(d, s, i) === "#" && (i ? i(`/search-result/${t.id}`) : window.location.href = `/search-result/${t.id}`);
-  }, g = (c) => {
+  }, v = (c) => {
     var b;
     c.preventDefault(), c.stopPropagation();
     const d = {
@@ -1357,9 +1357,9 @@ const cr = ({
         displayName: u.display_name,
         usageKey: u.usage_key
       }))) || []
-    }, p = vr(d, s);
-    p && p !== "#" && window.open(p, "_blank");
-  }, h = ((v = t._formatted) == null ? void 0 : v.display_name) || t.display_name, w = ((o = t._formatted) == null ? void 0 : o.description) || t.description, f = t.block_type || t.type;
+    }, f = vr(d, s);
+    f && f !== "#" && window.open(f, "_blank");
+  }, h = ((g = t._formatted) == null ? void 0 : g.display_name) || t.display_name, w = ((o = t._formatted) == null ? void 0 : o.description) || t.description, p = t.block_type || t.type;
   return /* @__PURE__ */ r.jsx(
     "div",
     {
@@ -1371,7 +1371,7 @@ const cr = ({
         (c.key === "Enter" || c.key === " ") && n(c);
       },
       children: /* @__PURE__ */ r.jsxs("div", { className: "search-result-content", children: [
-        /* @__PURE__ */ r.jsx("div", { className: "search-result-icon", children: /* @__PURE__ */ r.jsx(U, { src: tt(f) }) }),
+        /* @__PURE__ */ r.jsx("div", { className: "search-result-icon", children: /* @__PURE__ */ r.jsx(U, { src: tt(p) }) }),
         /* @__PURE__ */ r.jsxs("div", { className: "search-result-text", children: [
           /* @__PURE__ */ r.jsx("div", { className: "search-result-title", children: /* @__PURE__ */ r.jsx(or, { text: h }) }),
           w && /* @__PURE__ */ r.jsx("div", { className: "search-result-description", children: /* @__PURE__ */ r.jsx(or, { text: w }) }),
@@ -1382,7 +1382,7 @@ const cr = ({
           {
             src: Yr,
             iconAs: U,
-            onClick: g,
+            onClick: v,
             alt: "Open in new window",
             size: "sm"
           }
@@ -1395,24 +1395,24 @@ const cr = ({
   menuList: i,
   loginSignupButtons: s,
   authenticatedUser: n = null,
-  userMenuItems: g,
+  userMenuItems: v,
   menuAlignment: h,
   onLanguageChange: w,
-  getBaseUrl: f,
-  meiliSearchConfig: v,
+  getBaseUrl: p,
+  meiliSearchConfig: g,
   headerButtons: o,
   languageSelectorList: c
 }) => {
-  const d = Vr(), { toggleSidebar: p, setSidebarCollapsed: b } = mr(), [u, P] = R(() => lr.get("openedx-language-preference") || "en"), [G, j] = R(!1), [I, S] = R(!1), [X, $] = R(!1), [Z, H] = R(""), [C, Q] = R([]), [re, F] = R(!1), [L, V] = R(null), [M, z] = R(0), [E, q] = R(!1), [K, B] = R(5), ue = _e(null), Y = _e(null), ae = _e(v ? gr(v) : null), de = _e(!1);
-  te(() => {
-    v != null && v.client && ae.current && ae.current.updateHeadersFromClient(v.client);
-  }, [v == null ? void 0 : v.client]), te(() => () => {
+  const d = Vr(), { toggleSidebar: f, setSidebarCollapsed: b } = mr(), [u, P] = R(() => lr.get("openedx-language-preference") || "en"), [G, j] = R(!1), [I, S] = R(!1), [X, $] = R(!1), [Z, H] = R(""), [C, Q] = R([]), [te, F] = R(!1), [L, V] = R(null), [M, z] = R(0), [E, q] = R(!1), [K, B] = R(5), ue = _e(null), Y = _e(null), ae = _e(g ? gr(g) : null), de = _e(!1);
+  re(() => {
+    g != null && g.client && ae.current && ae.current.updateHeadersFromClient(g.client);
+  }, [g == null ? void 0 : g.client]), re(() => () => {
     Y.current && clearTimeout(Y.current);
-  }, []), te(() => {
+  }, []), re(() => {
     document.body.dir = u === "ar" ? "rtl" : "ltr";
-  }, [u]), te(() => {
+  }, [u]), re(() => {
     d && !de.current ? (b(!0), de.current = !0) : d || (de.current = !1);
-  }, [d, b]), te(() => {
+  }, [d, b]), re(() => {
     if (!I) return;
     function m(N) {
       ue.current && !ue.current.contains(N.target) && S(!1);
@@ -1423,7 +1423,7 @@ const cr = ({
   }, [I]);
   const fe = (m) => {
     P(m), lr.set("openedx-language-preference", m, {
-      path: f ? f() : "/"
+      path: p ? p() : "/"
       // secure: process.env.NODE_ENV === 'production',
       // sameSite: 'strict'
     }), w && w();
@@ -1432,7 +1432,7 @@ const cr = ({
     center: "justify-content-center",
     right: "justify-content-end"
   }[h.toLowerCase()] || "justify-content-start", he = async (m) => {
-    if (!m.trim() || !v || !ae.current) {
+    if (!m.trim() || !g || !ae.current) {
       Q([]), z(0), $(!1), q(!1);
       return;
     }
@@ -1487,7 +1487,7 @@ const cr = ({
           src: Kr,
           iconAs: U,
           alt: "Toggle Sidebar",
-          onClick: p,
+          onClick: f,
           className: "ms-2 ml-2",
           onMouseDown: (m) => m.stopPropagation()
         }
@@ -1501,7 +1501,7 @@ const cr = ({
       ) })
     ] }),
     n !== null && /* @__PURE__ */ r.jsx(r.Fragment, { children: d ? /* @__PURE__ */ r.jsx("div", { className: "d-flex justify-content-between align-items-center ml-auto", children: /* @__PURE__ */ r.jsxs("div", { className: "d-flex align-items-center navbar-buttons", children: [
-      v && /* @__PURE__ */ r.jsx(
+      g && /* @__PURE__ */ r.jsx(
         Re,
         {
           src: Jr,
@@ -1517,7 +1517,7 @@ const cr = ({
           authenticatedUserAvatar: n == null ? void 0 : n.avatar,
           isMobile: d,
           isAdmin: n == null ? void 0 : n.administrator,
-          menuItems: g
+          menuItems: v
         }
       ) }),
       le && /* @__PURE__ */ r.jsx(
@@ -1543,7 +1543,7 @@ const cr = ({
         ] })
       ] })
     ] }) }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      v && /* @__PURE__ */ r.jsx("div", { className: "d-flex align-items-center justify-content-start flex-grow-1 ml-4", children: /* @__PURE__ */ r.jsxs("div", { style: { width: "30rem", position: "relative" }, children: [
+      g && /* @__PURE__ */ r.jsx("div", { className: "d-flex align-items-center justify-content-start flex-grow-1 ml-4", children: /* @__PURE__ */ r.jsxs("div", { style: { width: "30rem", position: "relative" }, children: [
         /* @__PURE__ */ r.jsxs("div", { style: {
           display: "flex",
           alignItems: "center",
@@ -1594,11 +1594,11 @@ const cr = ({
             }
           )
         ] }),
-        re && /* @__PURE__ */ r.jsxs("div", { className: "search-loading-spinner-container", children: [
+        te && /* @__PURE__ */ r.jsxs("div", { className: "search-loading-spinner-container", children: [
           /* @__PURE__ */ r.jsx("div", { className: "search-loading-spinner" }),
           /* @__PURE__ */ r.jsx("span", { children: "Searching..." })
         ] }),
-        X && !re && /* @__PURE__ */ r.jsx("div", { className: "no-results-message-desktop", children: /* @__PURE__ */ r.jsx("p", { children: "We didn't find anything matching your search" }) }),
+        X && !te && /* @__PURE__ */ r.jsx("div", { className: "no-results-message-desktop", children: /* @__PURE__ */ r.jsx("p", { children: "We didn't find anything matching your search" }) }),
         L && /* @__PURE__ */ r.jsx("div", { className: "search-error-message-desktop", children: /* @__PURE__ */ r.jsxs("p", { children: [
           "Search error: ",
           L
@@ -1618,7 +1618,7 @@ const cr = ({
                 onNavigate: (J) => {
                   Ee(), window.location.href = J;
                 },
-                baseUrl: f ? f() : void 0
+                baseUrl: p ? p() : void 0
               },
               m.id || N
             )),
@@ -1662,7 +1662,7 @@ const cr = ({
             authenticatedUserAvatar: n == null ? void 0 : n.avatar,
             isMobile: d,
             isAdmin: n == null ? void 0 : n.administrator,
-            menuItems: g
+            menuItems: v
           }
         ) })
       ] })
@@ -1675,7 +1675,7 @@ const cr = ({
       ] }) })
     ] }),
     /* @__PURE__ */ r.jsx(Ce.Collapse, { id: "main-navbar-nav", className: "justify-content-between", children: /* @__PURE__ */ r.jsx(Ge, { className: `nav-gap gap-3 flex-grow-1 ${xe}`, children: n === null && i.map((m) => m.subMenu ? /* @__PURE__ */ r.jsx(Xe, { title: m.label, id: `nav-dropdown-${m.label}`, children: m.subMenu.map((N) => /* @__PURE__ */ r.jsx(Xe.Item, { onClick: () => console.log("Selected submenu:", N.label), children: N.label }, `sub-${N.label}`)) }, `menu-${m.label}`) : /* @__PURE__ */ r.jsx(Ge.Link, { as: "span", className: "text-uppercase fw-semibold", children: m.label }, `menu-${m.label}`)) }) }),
-    v && G && /* @__PURE__ */ r.jsxs("div", { className: "fixed-search-bar", children: [
+    g && G && /* @__PURE__ */ r.jsxs("div", { className: "fixed-search-bar", children: [
       /* @__PURE__ */ r.jsxs("div", { className: "fixed-search-bar-inner", children: [
         /* @__PURE__ */ r.jsxs("div", { style: {
           display: "flex",
@@ -1732,11 +1732,11 @@ const cr = ({
         ] }),
         /* @__PURE__ */ r.jsx("button", { className: "close-search-bar", type: "button", onClick: () => j(!1), "aria-label": "Close Search", children: "×" })
       ] }),
-      re && /* @__PURE__ */ r.jsxs("div", { className: "search-loading-spinner-container", children: [
+      te && /* @__PURE__ */ r.jsxs("div", { className: "search-loading-spinner-container", children: [
         /* @__PURE__ */ r.jsx("div", { className: "search-loading-spinner" }),
         /* @__PURE__ */ r.jsx("span", { children: "Searching..." })
       ] }),
-      X && !re && /* @__PURE__ */ r.jsx("div", { className: "no-results-message", children: /* @__PURE__ */ r.jsx("p", { children: "We didn't find anything matching your search" }) }),
+      X && !te && /* @__PURE__ */ r.jsx("div", { className: "no-results-message", children: /* @__PURE__ */ r.jsx("p", { children: "We didn't find anything matching your search" }) }),
       L && /* @__PURE__ */ r.jsx("div", { className: "search-error-message", children: /* @__PURE__ */ r.jsxs("p", { children: [
         "Search error: ",
         L
@@ -1756,7 +1756,7 @@ const cr = ({
               onNavigate: (J) => {
                 Ee(), window.location.href = J;
               },
-              baseUrl: f ? f() : void 0
+              baseUrl: p ? p() : void 0
             },
             m.id || N
           )),
@@ -1786,7 +1786,7 @@ const cr = ({
     ] })
   ] });
 }, xr = dr(void 0), lt = ({ children: t, meiliSearchConfig: i }) => {
-  const [s, n] = R(""), [g, h] = R([]), [w, f] = R(0), [v, o] = R(!1), [c, d] = R(!1), [p, b] = R(null), [u, P] = R(0), [G, j] = R(!1), [I, S] = R(!1), [X, $] = R(null), Z = gr(i), H = async (F) => {
+  const [s, n] = R(""), [v, h] = R([]), [w, p] = R(0), [g, o] = R(!1), [c, d] = R(!1), [f, b] = R(null), [u, P] = R(0), [G, j] = R(!1), [I, S] = R(!1), [X, $] = R(null), Z = gr(i), H = async (F) => {
     if (!F.trim()) {
       Q();
       return;
@@ -1809,9 +1809,9 @@ const cr = ({
           _formatted: E._formatted
         };
       }), M = L.totalHits, z = V.length === 20 && M > V.length;
-      h(V), f(M), j(z), $(L.facets || null);
+      h(V), p(M), j(z), $(L.facets || null);
     } catch (L) {
-      console.error("Search error:", L), d(!0), b(L instanceof Error ? L.message : "Search failed"), h([]), f(0), j(!1), $(null);
+      console.error("Search error:", L), d(!0), b(L instanceof Error ? L.message : "Search failed"), h([]), p(0), j(!1), $(null);
     } finally {
       o(!1);
     }
@@ -1834,8 +1834,8 @@ const cr = ({
             published: ((B = E._formatted) == null ? void 0 : B.published) || E.published,
             _formatted: E._formatted
           };
-        }), M = L.totalHits, z = V.length === 20 && M > g.length + V.length;
-        h((E) => [...E, ...V]), f(M), j(z), P(F);
+        }), M = L.totalHits, z = V.length === 20 && M > v.length + V.length;
+        h((E) => [...E, ...V]), p(M), j(z), P(F);
       } catch (F) {
         console.error("Error fetching next page:", F), d(!0), b(F instanceof Error ? F.message : "Failed to load more results");
       } finally {
@@ -1843,15 +1843,15 @@ const cr = ({
       }
     }
   }, Q = () => {
-    n(""), h([]), f(0), d(!1), b(null), P(0), j(!1), $(null);
-  }, re = {
+    n(""), h([]), p(0), d(!1), b(null), P(0), j(!1), $(null);
+  }, te = {
     searchKeywords: s,
     setSearchKeywords: n,
-    searchResults: g,
+    searchResults: v,
     totalHits: w,
-    isLoading: v,
+    isLoading: g,
     hasError: c,
-    errorMessage: p,
+    errorMessage: f,
     facets: X,
     performSearch: H,
     clearSearch: Q,
@@ -1859,7 +1859,7 @@ const cr = ({
     fetchNextPage: C,
     isFetchingNextPage: I
   };
-  return /* @__PURE__ */ r.jsx(xr.Provider, { value: re, children: t });
+  return /* @__PURE__ */ r.jsx(xr.Provider, { value: te, children: t });
 }, ut = () => {
   const t = fr(xr);
   if (t === void 0)
@@ -1875,8 +1875,8 @@ const cr = ({
     const s = document.documentElement;
     for (const n in i)
       if (Object.prototype.hasOwnProperty.call(i, n)) {
-        const g = i[n];
-        s.style.setProperty(`--${n.replace(/_/g, "-")}`, g);
+        const v = i[n];
+        s.style.setProperty(`--${n.replace(/_/g, "-")}`, v);
       }
   } catch (i) {
     console.error("Error applying theme from API:", i.message);
@@ -1892,55 +1892,51 @@ const cr = ({
       secondary_active: "#4A5BD1",
       secondary_light: "#ECEEFF"
     }, n = document.documentElement;
-    for (const g in s)
-      if (Object.prototype.hasOwnProperty.call(s, g)) {
-        const h = s[g];
-        n.style.setProperty(`--${g.replace(/_/g, "-")}`, h);
+    for (const v in s)
+      if (Object.prototype.hasOwnProperty.call(s, v)) {
+        const h = s[v];
+        n.style.setProperty(`--${v.replace(/_/g, "-")}`, h);
       }
   }
 }, ft = ({
   announcementType: t,
-  data: i
+  data: i,
+  backgroundColor: s
 }) => {
-  const [s, n] = R(() => {
-    const f = localStorage.getItem(t);
-    return f ? (Date.now() - parseInt(f, 10)) / 36e5 >= 24 : !0;
-  }), [g, h] = R(!1), w = () => {
-    h(!0), setTimeout(() => {
-      n(!1), h(!1), localStorage.setItem(t, Date.now().toString());
-    }, 1e3);
+  const [n, v] = R(() => {
+    const g = localStorage.getItem(t);
+    return g ? (Date.now() - parseInt(g, 10)) / 36e5 >= 24 : !0;
+  }), [h, w] = R("showBanner"), p = () => {
+    w("hideBanner"), setTimeout(() => {
+      v(!1), localStorage.setItem(t, Date.now().toString());
+    }, 800);
   };
-  return te(() => {
-    const v = setInterval(() => {
-      const o = localStorage.getItem(t);
-      o && (Date.now() - parseInt(o, 10)) / 36e5 >= 24 && (localStorage.removeItem(t), n(!0));
+  return re(() => {
+    n && w("showBanner");
+  }, [n]), re(() => {
+    const o = setInterval(() => {
+      const c = localStorage.getItem(t);
+      c && (Date.now() - parseInt(c, 10)) / 36e5 >= 24 && (localStorage.removeItem(t), v(!0));
     }, 36e5);
-    return () => clearInterval(v);
-  }, [t]), !i || i.trim() === "" || !s && !g ? null : /* @__PURE__ */ r.jsxs(
-    "div",
-    {
-      className: `announcement-banner ${g ? "hideBanner" : "showBanner"}`,
-      style: { display: !s && !g ? "none" : "flex" },
-      children: [
-        /* @__PURE__ */ r.jsx(
-          "div",
-          {
-            className: "announcement-content",
-            dangerouslySetInnerHTML: { __html: i }
-          }
-        ),
-        /* @__PURE__ */ r.jsx(
-          U,
-          {
-            src: qr,
-            className: "close-icon",
-            onClick: w,
-            "aria-label": "Close announcement banner"
-          }
-        )
-      ]
-    }
-  );
+    return () => clearInterval(o);
+  }, [t]), !i || i.trim() === "" || !n ? null : /* @__PURE__ */ r.jsxs("div", { className: `announcement-banner ${h}`, style: { backgroundColor: s || "var(--bg-body)" }, children: [
+    /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: "announcement-content",
+        dangerouslySetInnerHTML: { __html: i }
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      U,
+      {
+        src: qr,
+        className: "close-icon",
+        onClick: p,
+        "aria-label": "Close announcement banner"
+      }
+    )
+  ] });
 };
 export {
   ft as AnnouncementBanner,