@clickview/exchange 0.43.1-dev.0 → 0.43.1-dev.1

package/dist/SearchFilters-C_yEnumc.js

@@ -1,3046 +0,0 @@
-import { j as i, w as ge, B as b, r as C, aJ as he, c as D, aS as St, aT as ae, R as N, J as lt, L as V, N as w, G as Ee, v as Me, O as jt, I as Ct, Y as kt, q as It, aD as Dt, a4 as Ge, aU as wt, M as Tt, ay as Nt, aV as P, aW as U, aX as Ft, a9 as Ce, ad as _t, aa as Ot, X as le, ae as Rt, A as dt, F as ve, aC as $e, Q as Lt, aL as Et, ai as $t } from "./app-2U039aX_.js";
-import { F as Pt, c as Ve } from "./ClassNameHelper-aJ0BDnVo.js";
-import { C as ke, G as Ut, a as Mt } from "./UseGetMediaQueryString-Dc_jP0rr.js";
-import { u as Gt } from "./UseHover-Cc_d5rRf.js";
-import { B as Vt } from "./ButtonGroup-zaxEq7ZK.js";
-import { S as J, F as Yt, C as Ht, T as Wt, s as zt, W as Qt, b as Ie, c as Xt } from "./TagItem-BFnSikAz.js";
-import { M as ee } from "./Badge-Ddz0Il5v.js";
-import { u as Bt } from "./UseAlerts-B2BbQeN3.js";
-import { D as Ye, G as Kt, E as He, C as Zt } from "./GroupSvg-BmwXO6yT.js";
-import { a as ut } from "./SharedSearchHelper-BuVD-GvT.js";
-import { C as qt, P as Jt } from "./PartialLoadingHelper-DIas6hnM.js";
-import { u as en } from "./LazyImage-DBQklqeJ.js";
-import { M as De } from "./MediaQueries-9caJ2eG6.js";
-var S = /* @__PURE__ */ ((e) => (e.Holiday = "Holiday", e.SportingEvent = "SportingEvent", e.Observance = "Observance", e.NaturalDisaster = "NaturalDisaster", e.HistoricalEvent = "HistoricalEvent", e.BreakingNews = "BreakingNews", e.Informal = "Informal", e.ReligiousEvent = "ReligiousEvent", e.Livestream = "Livestream", e.Other = "Other", e))(S || {});
-const xe = ["video", "clip", "interactive"], me = ["playlist", "series", "clip", "classification", "interactive", "video", "company", "category"], pe = ["user"], We = "search.filterActions";
-Pe.defaultProps = {
-  active: !1,
-  className: ""
-};
-function Pe(e) {
-  return /* @__PURE__ */ i.jsxs("div", { className: `d-flex justify-content-between ${e.className}`, children: [
-    e.active ? /* @__PURE__ */ i.jsx(ge, { className: "text-secondary hover-text-underline cursor-pointer", onClick: e.onClickReset, children: /* @__PURE__ */ i.jsx(b, { namespace: We, phrase: "reset" }) }) : /* @__PURE__ */ i.jsx("div", { className: "invisible" }),
-    /* @__PURE__ */ i.jsx(ge, { className: "info-link", onClick: e.onClickApply, children: /* @__PURE__ */ i.jsx(b, { namespace: We, phrase: "apply" }) })
-  ] });
-}
-const de = C.createContext(null);
-function tn(e, t) {
-  switch (t.type) {
-    case "update":
-      return t.payload;
-    default:
-      return e;
-  }
-}
-function re(e) {
-  return /* @__PURE__ */ i.jsx("label", { htmlFor: e.id, className: "mb-0", children: /* @__PURE__ */ i.jsx("h3", { className: "h6 mb-2", children: e.title }) });
-}
-function mt(e) {
-  const t = e.draftState.selection;
-  function n(a, o) {
-    if (o) {
-      let r = -1;
-      t.find((u, g) => {
-        r > -1 || u.id.toString() === a.id.toString() && (r = g);
-      });
-      const l = [...t.slice(0, r), ...t.slice(r + 1)];
-      e.setDraftState({ active: !!l.length, selection: l });
-      return;
-    }
-    const c = [...t];
-    c.push(a), e.setDraftState({
-      active: !!c.length,
-      selection: c
-    });
-  }
-  const s = e.options.map((a) => {
-    const o = e.filter.disabled || a.disabled, c = !!e.draftState.selection.find((l) => l.id.toString() === a.id.toString()), r = Array.isArray(a.id) ? a.id.join("_") : a.id;
-    return /* @__PURE__ */ i.jsx("li", { className: `my-1 ${e.displayOptionsIn2Columns ? "col-md-6 col-12" : ""}`, children: /* @__PURE__ */ i.jsx(
-      ke,
-      {
-        label: a.name,
-        name: r,
-        id: r,
-        onChange: () => n(a, c),
-        checked: !o && c,
-        isLabelEllipsis: e.displayOptionsIn2Columns,
-        disabled: o
-      }
-    ) }, r);
-  });
-  return /* @__PURE__ */ i.jsx("ul", { className: `list-unstyled ${e.displayOptionsIn2Columns ? "d-flex flex-wrap" : ""}`, children: s });
-}
-function nn(e) {
-  const t = j.displayTwoColumns(e.filter);
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(re, { title: e.filter.name }),
-    /* @__PURE__ */ i.jsx(he, { className: "mb-3", children: /* @__PURE__ */ i.jsx(
-      mt,
-      {
-        displayOptionsIn2Columns: t,
-        options: e.filter.options,
-        filter: e.filter,
-        draftState: e.draftState,
-        setDraftState: e.setDraftState
-      }
-    ) })
-  ] });
-}
-function sn(e) {
-  var n;
-  const t = [];
-  for (const s of e.filter.options) {
-    const a = e.filter.disabled || s.disabled, o = (n = e.draftState.selection) == null ? void 0 : n.find((g) => (g == null ? void 0 : g.id) === s.id), c = s.secondLayerOptions ?? [], r = an(o, c), l = !r && !!o;
-    t.push(
-      /* @__PURE__ */ i.jsx(
-        ke,
-        {
-          label: s.name,
-          name: s.id,
-          id: s.id,
-          indeterminate: r,
-          onChange: () => e.onToggleItem(s, l || r),
-          checked: !a && l,
-          className: "my-1",
-          disabled: a
-        },
-        s.id
-      )
-    ), j.hasManyFilterOptions(c) && t.push(
-      ...c.map((g) => {
-        var v;
-        const m = a || g.disabled, h = !!((v = o == null ? void 0 : o.secondLayerSelection) != null && v.find((A) => A.id === g.id));
-        return /* @__PURE__ */ i.jsx(
-          ke,
-          {
-            label: g.name,
-            name: g.id,
-            id: g.id,
-            onChange: () => e.onToggleChildItem(g, h, s),
-            checked: !m && h,
-            className: "my-1 ms-3",
-            disabled: m
-          },
-          g.id
-        );
-      })
-    );
-  }
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: t });
-}
-function an(e, t) {
-  var a, o;
-  const n = ((a = e == null ? void 0 : e.secondLayerSelection) == null ? void 0 : a.length) > 0, s = ((o = e == null ? void 0 : e.secondLayerSelection) == null ? void 0 : o.length) === t.length;
-  return n && !s;
-}
-function rn(e) {
-  var t;
-  for (const n of e.filter.options) {
-    const s = e.filter.disabled || n.disabled, a = (t = e.draftState.selection) == null ? void 0 : t.find((r) => (r == null ? void 0 : r.id) === n.id), c = (n.secondLayerOptions ?? []).map((r) => {
-      var g;
-      const l = s || r.disabled, u = !!((g = a == null ? void 0 : a.secondLayerSelection) != null && g.find((m) => m.id === r.id));
-      return /* @__PURE__ */ i.jsx(
-        ke,
-        {
-          label: r.name,
-          name: r.id,
-          id: r.id,
-          onChange: () => e.onToggleChildItem(r, u, n),
-          checked: !l && u,
-          className: "my-1",
-          disabled: l
-        },
-        r.id
-      );
-    });
-    return /* @__PURE__ */ i.jsx(i.Fragment, { children: c });
-  }
-}
-function on(e) {
-  const t = e.filter.options;
-  function n(a, o) {
-    var u;
-    const { selection: c } = e.draftState, r = c.findIndex((g) => g.id === a.id);
-    if (!o) {
-      const g = (u = t == null ? void 0 : t.find((h) => h.id === a.id).secondLayerOptions) == null ? void 0 : u.filter((h) => !h.disabled), m = { ...a, secondLayerSelection: g };
-      if (c.length === 0 || r === -1) {
-        const h = [...c, m];
-        e.setDraftState({
-          active: !0,
-          selection: h
-        });
-        return;
-      }
-      if (r !== -1) {
-        const h = c.map((v) => v.id === a.id ? m : v);
-        e.setDraftState({
-          active: !!h.length,
-          selection: h
-        });
-        return;
-      }
-    }
-    const l = D.removeItemFromIndex(
-      c,
-      c.findIndex((g) => g.id === a.id)
-    );
-    e.setDraftState({
-      active: !!l.length,
-      selection: l
-    });
-  }
-  function s(a, o, c) {
-    var g;
-    const { selection: r } = e.draftState, l = r.findIndex((m) => m.id === c.id);
-    if (!o) {
-      const m = [...((g = r[l]) == null ? void 0 : g.secondLayerSelection) ?? [], a];
-      if (r.length === 0 || l === -1) {
-        const h = {
-          ...c,
-          secondLayerSelection: m
-        }, v = [...r, h];
-        e.setDraftState({
-          active: !!v.length,
-          selection: v
-        });
-        return;
-      }
-      if (l !== -1) {
-        const h = r.map((v) => v.id === c.id ? {
-          ...v,
-          secondLayerSelection: m
-        } : v);
-        e.setDraftState({
-          active: !!h.length,
-          selection: h
-        });
-        return;
-      }
-    }
-    let u = r.map((m) => {
-      if (m.id === c.id) {
-        const h = D.removeItem(m.secondLayerSelection, a);
-        return { ...c, secondLayerSelection: h };
-      }
-      return m;
-    });
-    u[l].secondLayerSelection.length === 0 && (u = D.removeItem(u, c)), e.setDraftState({
-      active: !!u.length,
-      selection: u
-    });
-  }
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(re, { title: e.filter.name }),
-    /* @__PURE__ */ i.jsx(he, { className: "mb-3", children: j.hasManyFilterOptions(t) ? /* @__PURE__ */ i.jsx(sn, { onToggleItem: n, onToggleChildItem: s, ...e }) : /* @__PURE__ */ i.jsx(rn, { onToggleChildItem: s, ...e }) })
-  ] });
-}
-function cn(e) {
-  const t = e.draftState.active;
-  function n() {
-    e.setDraftState({ active: !t });
-  }
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(re, { id: e.filter.id, title: e.filter.name }),
-    /* @__PURE__ */ i.jsxs("div", { className: "d-flex align-items-start justify-content-between", children: [
-      /* @__PURE__ */ i.jsx("p", { className: "d-inline-block w-75", children: e.filter.description }),
-      /* @__PURE__ */ i.jsx(St, { id: e.filter.id, disabled: e.filter.disabled, onClick: n, on: t })
-    ] })
-  ] });
-}
-function ln(e) {
-  function t(n) {
-    e.setDraftState({
-      active: !n.default,
-      selection: [n]
-    });
-  }
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: e.filter.options.map((n) => /* @__PURE__ */ i.jsx(
-    ae.Item,
-    {
-      onClick: () => t(n),
-      disabled: e.filter.disabled || n.disabled,
-      children: n.name
-    },
-    n.id
-  )) });
-}
-const dn = "_radioFilter_fxy7p_1", un = {
-  radioFilter: dn
-};
-function mn(e) {
-  function t(n) {
-    e.setDraftState({
-      active: !n.default,
-      selection: [n]
-    });
-  }
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(re, { title: e.filter.name }),
-    /* @__PURE__ */ i.jsx(he, { children: /* @__PURE__ */ i.jsx("ul", { className: `${e.isOnMoreFilters ? "d-flex flex-wrap" : ""} list-unstyled`, children: e.filter.options.map((n) => {
-      var o;
-      const s = e.filter.disabled || n.disabled, a = ((o = D.first(e.draftState.selection)) == null ? void 0 : o.id.toString()) === n.id.toString();
-      return /* @__PURE__ */ i.jsx("li", { className: `${e.isOnMoreFilters ? "w-50" : ""}`, children: /* @__PURE__ */ i.jsx(
-        he.Check,
-        {
-          type: "radio",
-          label: n.name,
-          name: n.id,
-          id: n.id,
-          value: n.id,
-          onChange: () => t(n),
-          checked: !s && a,
-          className: `${un.radioFilter}`,
-          disabled: s
-        }
-      ) }, n.id);
-    }) }) })
-  ] });
-}
-function fn(e) {
-  const [t, n] = Gt({ delay: 1 });
-  if (N.useEffect(() => {
-    e.onHover(n ? e.rating : null);
-  }, [n]), !e.rating.code)
-    return /* @__PURE__ */ i.jsx(i.Fragment, {});
-  const s = /* @__PURE__ */ i.jsx(
-    ge,
-    {
-      ref: t,
-      className: e.getButtonClasses(e.rating, e.isActive, n),
-      onClick: e.onClick,
-      disabled: e.disabled,
-      children: e.rating.code
-    }
-  );
-  return e.disabled ? s : /* @__PURE__ */ i.jsx(lt, { title: e.rating.name, spanHack: !0, children: s });
-}
-ft.defaultProps = {
-  selections: []
-};
-function ft(e) {
-  const [t, n] = N.useState([]);
-  function s(r) {
-    return e.ratings.filter((l) => l.code && l.value <= r.value);
-  }
-  function a(r) {
-    e.onSelectRange(s(r));
-  }
-  function o(r) {
-    if (!r || e.isDisabled(r)) {
-      n([]);
-      return;
-    }
-  }
-  function c(r) {
-    return t.length ? !!t.find((l) => l.id === r.id) : !!e.selections.find((l) => l.id === r.id);
-  }
-  return /* @__PURE__ */ i.jsx("div", { children: /* @__PURE__ */ i.jsx(Vt, { as: "ul", className: "list-unstyled mb-0", children: e.ratings.map((r) => {
-    var l;
-    return /* @__PURE__ */ i.jsx("li", { children: /* @__PURE__ */ i.jsx(
-      fn,
-      {
-        rating: r,
-        onClick: () => a(r),
-        onHover: o,
-        isActive: c(r),
-        disabled: e.disabled || ((l = e.isDisabled) == null ? void 0 : l.call(e, r)),
-        getButtonClasses: e.getButtonClasses
-      }
-    ) }, r.id);
-  }) }) });
-}
-const gn = "_firstButton_tcosn_1", hn = "_lastButton_tcosn_6", ze = {
-  firstButton: gn,
-  lastButton: hn
-};
-function vn(e) {
-  const t = e.filter.options;
-  function n(c) {
-    e.setDraftState({
-      active: !!c.length,
-      selection: c
-    });
-  }
-  const s = t.filter((c) => c.code), [a] = s, o = s[s.length - 1];
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(re, { title: e.filter.name }),
-    /* @__PURE__ */ i.jsx("div", { className: "mb-2", children: /* @__PURE__ */ i.jsx(
-      ft,
-      {
-        ratings: t,
-        selections: e.draftState.selection,
-        onSelectRange: n,
-        disabled: e.filter.disabled,
-        isDisabled: (c) => c.disabled,
-        getButtonClasses: (c, r, l) => {
-          let u = "btn border text-nowrap";
-          return r || l ? u += " btn-dark" : u += " btn-outline-dark", l && (u += " active"), s.length === 1 ? u += " rounded" : a.id === c.id ? u += " " + ze.firstButton : o.id === c.id ? u += " " + ze.lastButton : u += " rounded-0", u;
-        }
-      }
-    ) })
-  ] });
-}
-const ne = {
-  FILTER_PARAM_PREFIX: "filters.",
-  MAX_CHECKBOXES_PER_COLUMN: 10
-}, xn = "sharedSearch.utils", ye = V.encloseNamespace(xn), fe = `${ne.FILTER_PARAM_PREFIX}library`;
-function pn(e) {
-  return e.reduce((t, n) => ({
-    ...t,
-    [n.type]: !0
-  }), {});
-}
-const yn = {
-  getOptions(e) {
-    const { libraries: t, isLearner: n, hasCustomLibraries: s } = e, a = [], o = pn(t);
-    return o[ee.Workspace] && a.push({ id: J.MyVideos, name: ye("myVideos") }), o[ee.CustomLibrary] && (!n || s) && a.push({ id: J.School, name: ye("schoolVideos") }), o[ee.Exchange] && a.push({ id: J.ExchangeArchive, name: ye("exchangeArchiveVideos") }), o[ee.HostedLibrary] && a.push({ id: J.ClickView, name: ye("clickViewVideos") }), a;
-  },
-  getBackendParamValue(e, t) {
-    return (Array.isArray(e) ? e : [e]).reduce((s, a) => t.reduce((o, c) => {
-      const r = o[fe] || [];
-      return a === J.MyVideos && c.type === ee.Workspace ? { ...o, [fe]: [...r, c.id.toString()] } : a === J.School && c.type === ee.CustomLibrary ? { ...o, [fe]: [...r, c.id.toString()] } : a === J.ExchangeArchive && c.type === ee.Exchange ? { ...o, [fe]: [...r, c.id.toString()] } : a === J.ClickView && c.type === ee.HostedLibrary ? { ...o, [fe]: [...r, c.id.toString()] } : o;
-    }, s), {});
-  }
-};
-var ie = /* @__PURE__ */ ((e) => (e[e.Unclassified = 0] = "Unclassified", e[e.Active = 1] = "Active", e[e.Prospect = 2] = "Prospect", e[e.LostCustomer = 3] = "LostCustomer", e[e.Disabled = 4] = "Disabled", e[e.Other = 5] = "Other", e))(ie || {}), se = /* @__PURE__ */ ((e) => (e.Unclassified = "Unclassified", e.Active = "Active", e.Prospect = "Prospect", e.LostCustomer = "LostCustomer", e.Disabled = "Disabled", e.Other = "Other", e))(se || {});
-const Q = {
-  [S.BreakingNews]: "Breaking news",
-  [S.HistoricalEvent]: "Historical event",
-  [S.Holiday]: "Holiday",
-  [S.Informal]: "Informal",
-  [S.Livestream]: "Livestream",
-  [S.NaturalDisaster]: "Natural disaster",
-  [S.Observance]: "Observance",
-  [S.ReligiousEvent]: "Religious event",
-  [S.SportingEvent]: "Sporting event",
-  [S.Other]: "Other"
-};
-function Z(e) {
-  return /* @__PURE__ */ i.jsx("div", { className: "alert text-dark bg-light-blue px-2 rounded-3", children: e.children });
-}
-const be = "userManager.bulkUserActivationActionInfo";
-function bn(e) {
-  return /* @__PURE__ */ i.jsxs(Z, { children: [
-    /* @__PURE__ */ i.jsx("h4", { className: "h5", children: /* @__PURE__ */ i.jsx(b, { namespace: be, phrase: "deactivate" }) }),
-    /* @__PURE__ */ i.jsx("p", { children: /* @__PURE__ */ i.jsx(b, { namespace: be, phrase: e.userType === w.Learner ? "deactivateInfoStudent" : "deactivateInfoStaff" }) }),
-    /* @__PURE__ */ i.jsx("h4", { className: "h5", children: /* @__PURE__ */ i.jsx(b, { namespace: be, phrase: "reactivate" }) }),
-    /* @__PURE__ */ i.jsx("p", { className: "mb-0", children: /* @__PURE__ */ i.jsx(b, { namespace: be, phrase: e.userType === w.Learner ? "reactivateInfoStudent" : "reactivateInfoStaff" }) })
-  ] });
-}
-const Qe = "userManager.bulkUserActivationEmailActionInfo";
-function An() {
-  return /* @__PURE__ */ i.jsxs(Z, { children: [
-    /* @__PURE__ */ i.jsx("h4", { className: "h5", children: /* @__PURE__ */ i.jsx(b, { namespace: Qe, phrase: "heading" }) }),
-    /* @__PURE__ */ i.jsx("p", { className: "mb-0", children: /* @__PURE__ */ i.jsx(b, { namespace: Qe, phrase: "info" }) })
-  ] });
-}
-const Xe = "userManager.addToClassroomActionInfo";
-function Sn() {
-  return /* @__PURE__ */ i.jsxs(Z, { children: [
-    /* @__PURE__ */ i.jsx("h4", { className: "h5", children: /* @__PURE__ */ i.jsx(b, { namespace: Xe, phrase: "heading" }) }),
-    /* @__PURE__ */ i.jsx("p", { className: "mb-0", children: /* @__PURE__ */ i.jsx(b, { namespace: Xe, phrase: "info" }) })
-  ] });
-}
-const Be = "userManager.changeYearGroupActionInfo";
-function jn() {
-  return /* @__PURE__ */ i.jsxs(Z, { children: [
-    /* @__PURE__ */ i.jsx("h4", { className: "h5", children: /* @__PURE__ */ i.jsx(b, { namespace: Be, phrase: "heading" }) }),
-    /* @__PURE__ */ i.jsx("p", { className: "mb-0", children: /* @__PURE__ */ i.jsx(b, { namespace: Be, phrase: "info" }) })
-  ] });
-}
-const Ke = "userManager.bulkUserDeleteActionInfo";
-function Cn(e) {
-  return /* @__PURE__ */ i.jsxs(Z, { children: [
-    /* @__PURE__ */ i.jsx("h4", { className: "h5", children: /* @__PURE__ */ i.jsx(b, { namespace: Ke, phrase: "delete" }) }),
-    /* @__PURE__ */ i.jsx("p", { className: "mb-0", children: /* @__PURE__ */ i.jsx(b, { namespace: Ke, phrase: e.userType === w.Learner ? "infoStudent" : "infoStaff" }) })
-  ] });
-}
-const Ze = "userManager.bulkUserRemoveActionInfo";
-function kn(e) {
-  return /* @__PURE__ */ i.jsxs(Z, { children: [
-    /* @__PURE__ */ i.jsx("h4", { className: "h5", children: /* @__PURE__ */ i.jsx(b, { namespace: Ze, phrase: "remove" }) }),
-    /* @__PURE__ */ i.jsx("p", { className: "mb-0", children: /* @__PURE__ */ i.jsx(b, { namespace: Ze, phrase: e.userType === w.Learner ? "infoStudent" : "infoStaff" }) })
-  ] });
-}
-const qe = "userManager.bulkUserResetEmailActionInfo";
-function In() {
-  return /* @__PURE__ */ i.jsxs(Z, { children: [
-    /* @__PURE__ */ i.jsx("h4", { className: "h5", children: /* @__PURE__ */ i.jsx(b, { namespace: qe, phrase: "heading" }) }),
-    /* @__PURE__ */ i.jsx("p", { className: "mb-0", children: /* @__PURE__ */ i.jsx(b, { namespace: qe, phrase: "info" }) })
-  ] });
-}
-const Je = "userManager.bulkResetPasswordActionInfo";
-function Dn() {
-  return /* @__PURE__ */ i.jsxs(Z, { children: [
-    /* @__PURE__ */ i.jsx("h4", { className: "h5", children: /* @__PURE__ */ i.jsx(b, { namespace: Je, phrase: "heading" }) }),
-    /* @__PURE__ */ i.jsx("p", { className: "mb-0", children: /* @__PURE__ */ i.jsx(b, { namespace: Je, phrase: "info" }) })
-  ] });
-}
-const et = "userManager.bulkUserYearGroupRolloverActionInfo";
-function wn() {
-  return /* @__PURE__ */ i.jsxs(Z, { children: [
-    /* @__PURE__ */ i.jsx("h4", { className: "h5", children: /* @__PURE__ */ i.jsx(b, { namespace: et, phrase: "heading" }) }),
-    /* @__PURE__ */ i.jsx("p", { className: "mb-0", children: /* @__PURE__ */ i.jsx(b, { namespace: et, phrase: "info" }) })
-  ] });
-}
-function Tn(e) {
-  return /* @__PURE__ */ i.jsx("svg", { ...e, children: /* @__PURE__ */ i.jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M12 3c4.972 0 9 4.028 9 9s-4.028 9-9 9-9-4.028-9-9 4.028-9 9-9m4.244 5.578a.77.77 0 0 0-1.058.068l-4.722 5.18-1.684-1.615a.77.77 0 0 0-1.06 0 .7.7 0 0 0 0 1.018l2.25 2.16a.77.77 0 0 0 1.094-.035l5.25-5.76a.7.7 0 0 0-.07-1.016"
-    }
-  ) });
-}
-var Ne = /* @__PURE__ */ ((e) => (e.Disabled = "Disabled", e.Active = "Active", e.Inactive = "Inactive", e))(Ne || {});
-const Nn = "_badge_tx2yc_1", Fn = "_pending_tx2yc_5", _n = "_name_tx2yc_8", On = "_username_tx2yc_11", Rn = "_pillContainer_tx2yc_20", Ln = "_avatarContainer_tx2yc_23", En = "_verifiedEmail_tx2yc_28", B = {
-  badge: Nn,
-  pending: Fn,
-  name: _n,
-  username: On,
-  pillContainer: Rn,
-  avatarContainer: Ln,
-  verifiedEmail: En
-}, Ae = "userManager.userList";
-function $n(e) {
-  var t;
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    e.user.status === Ne.Disabled && /* @__PURE__ */ i.jsx("div", { className: `text-white px-1 ${B.badge} bg-danger ${e.className ?? ""}`, children: /* @__PURE__ */ i.jsx(b, { namespace: Ae, phrase: "deactivated" }) }),
-    e.user.status === Ne.Inactive && /* @__PURE__ */ i.jsx("div", { className: `text-white px-1 ${B.badge} ${B.pending} ${e.className ?? ""}`, children: /* @__PURE__ */ i.jsx(lt, { title: V.getPhrase(Ae, "pendingTooltip"), spanHack: !0, children: /* @__PURE__ */ i.jsx(b, { namespace: Ae, phrase: "pending" }) }) }),
-    e.user.id == ((t = e.currentUser) == null ? void 0 : t.id) && /* @__PURE__ */ i.jsx("div", { className: `text-white px-1 ${B.badge} bg-blue ${e.className ?? ""}`, children: /* @__PURE__ */ i.jsx(b, { namespace: Ae, phrase: "thatsYou" }) })
-  ] });
-}
-const we = "userManager.userList";
-function Pn(e) {
-  var s;
-  const { user: t, currentUser: n } = e;
-  return /* @__PURE__ */ i.jsxs("div", { className: `d-flex flex-column justify-content-center me-auto w-100 ${e.wrapperClassName}`, children: [
-    /* @__PURE__ */ i.jsxs("div", { className: "pb-1 d-flex align-items-center", children: [
-      /* @__PURE__ */ i.jsxs("div", { className: `d-flex ${B.name}`, children: [
-        t.name ? /* @__PURE__ */ i.jsxs(
-          "h2",
-          {
-            className: "h5 m-0 me-1 d-inline-block align-middle text-truncate",
-            title: `${t.name} ${t.surname || ""}`,
-            children: [
-              t.name,
-              " ",
-              t.surname || ""
-            ]
-          }
-        ) : /* @__PURE__ */ i.jsx("span", { className: "fst-italic text-muted me-2", children: /* @__PURE__ */ i.jsx(b, { namespace: we, phrase: "noName" }) }),
-        t.username && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-          "(",
-          /* @__PURE__ */ i.jsx("p", { title: t.username, className: `m-0 d-inline-block align-middle text-truncate ${B.username}`, children: t.username }),
-          ")"
-        ] })
-      ] }),
-      /* @__PURE__ */ i.jsx($n, { user: t, currentUser: n, className: "ms-2" })
-    ] }),
-    /* @__PURE__ */ i.jsxs("div", { className: "d-flex", children: [
-      !!((s = t.metadata) != null && s.isEmailVerified) && /* @__PURE__ */ i.jsx(
-        Ee,
-        {
-          className: `svg-container text-secondary ms-n1 ${B.verifiedEmail}`,
-          svg: Tn,
-          title: V.getPhrase(we, "emailVerified"),
-          tooltipSpanHack: !0,
-          tooltipPlacement: "top"
-        }
-      ),
-      /* @__PURE__ */ i.jsx("p", { className: "text-truncate mb-0 overflow-visible", children: t.email ? t.email : /* @__PURE__ */ i.jsx("span", { className: "fst-italic", children: /* @__PURE__ */ i.jsx(b, { namespace: we, phrase: "noEmail" }) }) })
-    ] })
-  ] });
-}
-const tt = "userManager.userList";
-function Un(e) {
-  var t, n, s, a, o;
-  if (e.userType === w.Learner)
-    return (t = e.user.masterYearGroup) != null && t.name ? e.user.masterYearGroup.name : (s = (n = e.user.yearGroups) == null ? void 0 : n.data) != null && s.length ? D.first(e.user.yearGroups.data).name : null;
-  if (e.userType === w.Staff)
-    return ((a = e.user.userProfile) == null ? void 0 : a.role) === Me.Admin ? V.getPhrase(tt, "admin") : ((o = e.user.userProfile) == null ? void 0 : o.role) === Me.SuperAdmin ? V.getPhrase(tt, e.countryCode === "US" ? "superAdminUs" : "superAdmin") : null;
-}
-function Mn(e) {
-  const t = Un(e);
-  return t ? /* @__PURE__ */ i.jsx("span", { className: `${B.pillContainer} me-3 text-end`, children: /* @__PURE__ */ i.jsx("span", { className: "rounded-pill px-2 text-nowrap bg-white border border-dark", children: t }) }) : /* @__PURE__ */ i.jsx(i.Fragment, {});
-}
-function Gn(e) {
-  var t;
-  return /* @__PURE__ */ i.jsx("div", { className: `${B.avatarContainer} mx-2`, children: /* @__PURE__ */ i.jsx(
-    jt,
-    {
-      imageUrl: (t = e.user.avatar) == null ? void 0 : t.url,
-      imageCdnUrl: e.imageCdnUrl,
-      initials: Ct.getInitials(e.user.name, e.user.surname)
-    }
-  ) });
-}
-function Vn(e) {
-  return /* @__PURE__ */ i.jsxs("li", { className: "d-flex align-items-center p-2", children: [
-    /* @__PURE__ */ i.jsx(Gn, { user: e.user, imageCdnUrl: e.imageCdnUrl }),
-    /* @__PURE__ */ i.jsx(Pn, { user: e.user, currentUser: e.currentUser }),
-    /* @__PURE__ */ i.jsx(Mn, { userType: e.userType, user: e.user }),
-    /* @__PURE__ */ i.jsx("p", { className: "mb-0 mx-2 text-danger", children: e.errorMessage })
-  ] });
-}
-var Fe = /* @__PURE__ */ ((e) => (e.Online = "online", e.Primary = "primary", e.Curator = "curator", e))(Fe || {});
-const Yn = N.createContext({});
-var ce = /* @__PURE__ */ ((e) => (e[e.Unknown = 0] = "Unknown", e[e.Staff = 1] = "Staff", e[e.Learner = 2] = "Learner", e[e.MasterVideo = 3] = "MasterVideo", e[e.Rostering = 8] = "Rostering", e[e.MarketingProfile = 16] = "MarketingProfile", e))(ce || {}), M = /* @__PURE__ */ ((e) => (e.YearGroupRollover = "year-group-rollover", e.ChangeYearGroup = "change-year-group", e.DeleteUser = "delete-user", e.RemoveUser = "remove-user", e.DeactivateUser = "deactivate-user", e.ActivateUser = "activate-user", e.AddToClassroom = "add-to-classroom", e.ResetPassword = "reset-password", e.SendResetPasswordEmail = "send-reset-password-email", e.SendAccountActivationEmail = "send-account-activation-email", e.CreateUser = "create-user", e.AddToAudience = "add-to-audience", e.AddToBackboneClassification = "add-to-backbone-classification", e.AddToBackboneAudience = "add-to-backbone-audience", e.AddToClassification = "add-to-classification", e.AddToSeries = "add-to-series", e.AddToDirector = "add-to-director", e.AddToDistributor = "add-to-distributor", e.AddToProductionCompany = "add-to-production-company", e.AddToProducer = "add-to-producer", e.SetProductionYear = "set-production-year", e.AddToLibrary = "add-to-library", e.AddToCurationTag = "add-to-curation-tag", e.AddToSkillTag = "add-to-skill-tag", e.AddToPedagogyTag = "add-to-pedagogy-tag", e.AddToNormalTag = "add-to-normal-tag", e.AddToHiddenTag = "add-to-hidden-tag", e.AddResourceAndLink = "add-resource-and-link", e.Rostering = "rostering", e.MarketingProfile = "marketing-profile", e))(M || {}), G = /* @__PURE__ */ ((e) => (e[e.NoAction = 1] = "NoAction", e[e.Succeed = 1] = "Succeed", e[e.Unknown = 10] = "Unknown", e[e.CustomerNotFound = 100] = "CustomerNotFound", e[e.UserNotFound = 101] = "UserNotFound", e[e.EmailNotVerified = 131] = "EmailNotVerified", e[e.UserDisabled = 133] = "UserDisabled", e[e.InvalidYearGroup = 200] = "InvalidYearGroup", e[e.MissingYearGroup = 201] = "MissingYearGroup", e[e.NewYearGroupNotSet = 202] = "NewYearGroupNotSet", e[e.ObjectNotFoundInBackboneClassification = 300] = "ObjectNotFoundInBackboneClassification", e[e.ObjectNotFoundInBackboneAudience = 301] = "ObjectNotFoundInBackboneAudience", e))(G || {}), x = /* @__PURE__ */ ((e) => (e[e.RolloverYearGroup = 1] = "RolloverYearGroup", e[e.DeactivateUser = 2] = "DeactivateUser", e[e.ChangeYearGroup = 3] = "ChangeYearGroup", e[e.DeleteUser = 4] = "DeleteUser", e[e.CreateUser = 5] = "CreateUser", e[e.ResetPassword = 6] = "ResetPassword", e[e.AddUsersClassroom = 7] = "AddUsersClassroom", e[e.SendAccountReminderEmail = 8] = "SendAccountReminderEmail", e[e.ActivateUser = 9] = "ActivateUser", e[e.AddToBackboneClassification = 10] = "AddToBackboneClassification", e[e.AddToClassification = 11] = "AddToClassification", e[e.AddToBackboneAudience = 12] = "AddToBackboneAudience", e[e.AddToAudience = 13] = "AddToAudience", e[e.AddVideosSeries = 14] = "AddVideosSeries", e[e.AddVideosDistributor = 15] = "AddVideosDistributor", e[e.AddVideosProductionCompany = 16] = "AddVideosProductionCompany", e[e.AddVideosProducer = 17] = "AddVideosProducer", e[e.AddVideosDirector = 18] = "AddVideosDirector", e[e.AddVideosLibrary = 19] = "AddVideosLibrary", e[e.AddVideosResourceAndLinks = 21] = "AddVideosResourceAndLinks", e[e.AddVideosTag = 22] = "AddVideosTag", e[e.SendAccountActivationEmail = 23] = "SendAccountActivationEmail", e[e.RemoveUser = 24] = "RemoveUser", e[e.Rostering = 25] = "Rostering", e[e.MarketingProfile = 26] = "MarketingProfile", e[e.SetProductionYear = 28] = "SetProductionYear", e))(x || {});
-function Hn(e) {
-  return /* @__PURE__ */ i.jsx("svg", { ...e, children: /* @__PURE__ */ i.jsx(
-    "path",
-    {
-      fill: "currentColor",
-      fillRule: "evenodd",
-      d: "M18.492 5.508a5.163 5.163 0 0 0-7.293 0 5.16 5.16 0 0 0-1.256 5.234l-5.806 5.806a.47.47 0 0 0-.137.331v2.652c0 .26.21.469.469.469H7.12c.124 0 .243-.05.331-.137l.664-.663a.47.47 0 0 0 .134-.386l-.083-.712.987-.093a.47.47 0 0 0 .423-.423l.093-.987.712.083a.468.468 0 0 0 .523-.466v-.873h.857a.47.47 0 0 0 .33-.135l1.164-1.152a5.16 5.16 0 0 0 5.236-1.255 5.163 5.163 0 0 0 0-7.293m-.663 6.63a4.22 4.22 0 0 1-4.522.941.47.47 0 0 0-.5.103l-1.238 1.223h-1.133a.47.47 0 0 0-.469.47v.815l-.665-.078a.47.47 0 0 0-.52.422l-.102 1.078-1.078.101a.47.47 0 0 0-.422.521l.112.963-.365.365h-1.99v-1.989l5.879-5.878a.47.47 0 0 0 .105-.502 4.22 4.22 0 0 1 .94-4.522 4.224 4.224 0 0 1 5.968 0 4.224 4.224 0 0 1 0 5.967M15.5 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m0-2a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1",
-      clipRule: "evenodd"
-    }
-  ) });
-}
-const f = V.encloseNamespace("userManager.utils");
-x.ActivateUser, x.AddUsersClassroom, x.ChangeYearGroup, x.DeactivateUser, x.DeleteUser, x.ResetPassword, x.RolloverYearGroup, x.SendAccountReminderEmail, x.CreateUser, x.SendAccountActivationEmail, x.RemoveUser;
-const E = {
-  getSteps(e, t, n, s) {
-    var c, r;
-    const a = [
-      {
-        id: "select-action",
-        text: f("choose"),
-        appLink: n == null ? void 0 : n.bulkActionsSelectAction
-      },
-      {
-        id: "action-details",
-        text: f("details"),
-        appLink: (c = n == null ? void 0 : n.bulkActionsActionDetails) == null ? void 0 : c[s],
-        disabled: !((r = n == null ? void 0 : n.bulkActionsActionDetails) != null && r[s])
-      },
-      {
-        id: "confirmation",
-        text: f("confirmation")
-      },
-      {
-        id: "status",
-        text: f("status")
-      }
-    ], o = {
-      id: "review-accounts",
-      text: f(e === w.Learner ? "reviewStudents" : "reviewStaff"),
-      subText: f(e === w.Learner ? "reviewSubTextStudents" : "reviewSubTextStaff", { smartCount: t }),
-      appLink: n == null ? void 0 : n.bulkActionsReviewAccounts
-    };
-    return typeof t != "number" && delete o.subText, a.unshift(o), a;
-  },
-  getActionOptions({
-    userType: e,
-    allowYearGroupRollover: t,
-    countsByStatus: n,
-    client: s,
-    products: a,
-    yearGroups: o,
-    hasClassroomsFeature: c
-  }) {
-    const r = [];
-    r.push({
-      order: 40,
-      id: "activation",
-      icon: Pt,
-      name: f("deactivateReactivate"),
-      infoComponent: () => /* @__PURE__ */ i.jsx(bn, { userType: e })
-    });
-    const l = !(n != null && n.Disabled) && !(n != null && n.Inactive);
-    return (s !== Fe.Primary || (a == null ? void 0 : a.includes(Ge.Online))) && r.push({
-      order: 50,
-      id: "delete",
-      icon: Ye,
-      name: f("delete"),
-      infoComponent: () => /* @__PURE__ */ i.jsx(Cn, { userType: e }),
-      disabled: l,
-      tooltip: l ? f("deleteDisabledTooltip") : ""
-    }), s !== Fe.Online && !(a != null && a.includes(Ge.Online)) && r.push({
-      order: 50,
-      id: "removeFromSchool",
-      icon: Ye,
-      name: f("removeFromSchool"),
-      infoComponent: () => /* @__PURE__ */ i.jsx(kn, { userType: e }),
-      disabled: l,
-      tooltip: l ? f("removeFromSchoolDisabledTooltip") : ""
-    }), e === w.Learner && ((o == null ? void 0 : o.length) > 1 && r.push({
-      order: 20,
-      id: "changeYearGroup",
-      icon: Kt,
-      name: f("changeYearGroup"),
-      infoComponent: () => /* @__PURE__ */ i.jsx(jn, {})
-    }), r.push({
-      order: 30,
-      id: "resetPassword",
-      icon: Hn,
-      name: f("resetPassword"),
-      // TODO: Replace all of these info components with a shared component that accepts a heading and message prop
-      infoComponent: () => /* @__PURE__ */ i.jsx(Dn, {})
-    }), r.push({
-      order: 35,
-      id: "activationEmail",
-      icon: He,
-      name: f("activationEmail"),
-      infoComponent: () => /* @__PURE__ */ i.jsx(An, {})
-    }), c && r.push({
-      order: 60,
-      id: "addToClassroom",
-      icon: Zt,
-      name: f("addToClassroom"),
-      infoComponent: () => /* @__PURE__ */ i.jsx(Sn, {})
-    }), (o == null ? void 0 : o.length) > 1 && r.push({
-      order: 70,
-      id: "yearGroupRollover",
-      icon: Ut,
-      name: f("yearGroupRollover"),
-      infoComponent: () => /* @__PURE__ */ i.jsx(wn, {}),
-      disabled: !(t != null && t.canRollover),
-      tooltip: Xn(t)
-    })), e === w.Staff && r.push({
-      order: 60,
-      id: "resetEmail",
-      icon: He,
-      name: f("resetEmail"),
-      infoComponent: () => /* @__PURE__ */ i.jsx(In, {})
-    }), r.sort((m, h) => m.order - h.order);
-  },
-  mapSubActionToDisplayName(e) {
-    switch (e) {
-      case "yearGroupRollover":
-        return f("yearGroupRolloverDisplayName");
-      case "changeYearGroup":
-        return f("changeYearGroupDisplayName");
-      case "deactivate":
-        return f("deactivateDisplayName");
-      case "reactivate":
-        return f("reactivateDisplayName");
-      case "delete":
-        return f("deleteDisplayName");
-      case "addToClassroom":
-        return f("addToClassroomDisplayName");
-      case "resetPassword":
-        return f("resetPasswordDisplayName");
-      case "resetEmail":
-        return f("resetEmailDisplayName");
-      case "activationEmail":
-        return f("activationEmailDisplayName");
-      case "removeFromSchool":
-        return f("removeFromSchoolDisplayName");
-      default:
-        return "";
-    }
-  },
-  getWizardAppLinks(e) {
-    const t = Object.keys(e.bulkActionsActionDetails).map((a) => e.bulkActionsActionDetails[a]), n = Object.keys(e.bulkActionsConfirmation).map((a) => e.bulkActionsConfirmation[a]), s = Object.keys(e.bulkActionsStatus).map((a) => e.bulkActionsStatus[a]);
-    return [
-      e.bulkActionsReviewAccounts,
-      e.bulkActionsSelectAction,
-      ...t,
-      ...n,
-      ...s
-    ];
-  },
-  getErrorListItem(e, t, n) {
-    const s = this.getUserErrorMessage(e.errorCode);
-    return /* @__PURE__ */ i.jsx(
-      Vn,
-      {
-        user: e,
-        userType: e.userType,
-        imageCdnUrl: t,
-        errorMessage: s,
-        currentUser: n
-      }
-    );
-  },
-  getUserErrorMessage(e) {
-    switch (e) {
-      case G.NoAction:
-      case G.Succeed:
-        return "";
-      case G.InvalidYearGroup:
-        return f("invalidYearGroupError");
-      case G.MissingYearGroup:
-        return f("missingYearGroupError");
-      case G.NewYearGroupNotSet:
-        return f("yearGroupUpdateError");
-      case G.EmailNotVerified:
-        return f("emailNotVerifiedError");
-      case G.UserDisabled:
-        return f("userDeactivatedError");
-      /**
-       * I feel like by the this point, none of these errors should be getting thrown.
-       * If they do get thrown, we use a generic error message and append the error code
-       * in case it does happen and a screenshot is sent to support (hoping this helps).
-       */
-      case G.Unknown:
-      case G.CustomerNotFound:
-      case G.UserNotFound:
-      default:
-        return f("genericUnexpectedError", { errorCode: e });
-    }
-  },
-  getCreateJobRequestData(e, t, n, s) {
-    switch (e.subAction) {
-      case "yearGroupRollover":
-        return {
-          name: M.YearGroupRollover,
-          type: x.RolloverYearGroup,
-          dataType: E.mapUserTypeToDataType(n),
-          customerId: t,
-          metadata: Wn(
-            e,
-            t
-          )
-        };
-      case "changeYearGroup":
-        return {
-          name: M.ChangeYearGroup,
-          type: x.ChangeYearGroup,
-          dataType: E.mapUserTypeToDataType(n),
-          customerId: t,
-          metadata: zn(
-            e
-          )
-        };
-      case "delete":
-        return {
-          name: M.DeleteUser,
-          type: x.DeleteUser,
-          dataType: E.mapUserTypeToDataType(n),
-          customerId: t,
-          metadata: X(e)
-        };
-      case "removeFromSchool":
-        return {
-          name: M.RemoveUser,
-          type: x.RemoveUser,
-          dataType: E.mapUserTypeToDataType(n),
-          customerId: t,
-          metadata: X(e)
-        };
-      case "deactivate":
-        return {
-          name: M.DeactivateUser,
-          type: x.DeactivateUser,
-          dataType: E.mapUserTypeToDataType(n),
-          customerId: t,
-          metadata: Kn(e, s)
-        };
-      case "reactivate":
-        return {
-          name: M.ActivateUser,
-          type: x.ActivateUser,
-          dataType: E.mapUserTypeToDataType(n),
-          customerId: t,
-          metadata: X(e)
-        };
-      case "addToClassroom":
-        return {
-          name: M.AddToClassroom,
-          type: x.AddUsersClassroom,
-          dataType: E.mapUserTypeToDataType(n),
-          customerId: t,
-          metadata: Bn(
-            e
-          )
-        };
-      case "resetPassword":
-        return {
-          name: M.ResetPassword,
-          type: x.ResetPassword,
-          dataType: E.mapUserTypeToDataType(n),
-          customerId: t,
-          metadata: Qn(e)
-        };
-      case "resetEmail":
-        return {
-          name: M.SendResetPasswordEmail,
-          type: x.SendAccountReminderEmail,
-          dataType: E.mapUserTypeToDataType(n),
-          customerId: t,
-          metadata: X(e)
-        };
-      case "activationEmail":
-        return {
-          name: M.SendAccountActivationEmail,
-          type: x.SendAccountActivationEmail,
-          dataType: E.mapUserTypeToDataType(n),
-          customerId: t,
-          metadata: X(e)
-        };
-      default:
-        It.throw(
-          new Dt(`No handler for type ${e.subAction} in BulkUserActionsHelper.getCreateJobRequestData`)
-        );
-    }
-    return null;
-  },
-  useSetWizardConfirmationCallback(e) {
-    const { setOnClickConfirm: t } = N.useContext(Yn), [n] = kt(wt.BULK_USER_ACTIONS);
-    N.useEffect(() => {
-      t(() => e);
-    }, [n == null ? void 0 : n.subAction]);
-  },
-  useCreateJobErrorAlert() {
-    const e = Bt();
-    return () => {
-      e.error(f("failedToCreateJob"));
-    };
-  },
-  mapDataTypeToUserType(e) {
-    switch (e) {
-      case ce.Staff:
-        return w.Staff;
-      case ce.Learner:
-        return w.Learner;
-      default:
-        return w.Unknown;
-    }
-  },
-  mapUserTypeToDataType(e) {
-    switch (e) {
-      case w.Learner:
-        return ce.Learner;
-      case w.Staff:
-        return ce.Staff;
-      case w.Unknown:
-        return ce.Unknown;
-    }
-  },
-  getActionTypeFilterOptions() {
-    return [{
-      id: x.ActivateUser,
-      name: f("activate")
-    }, {
-      id: x.DeactivateUser,
-      name: f("deactivate")
-    }, {
-      id: x.DeleteUser,
-      name: f("deleteUser")
-    }, {
-      id: x.RolloverYearGroup,
-      name: f("yearGroupRollover")
-    }, {
-      id: x.ChangeYearGroup,
-      name: f("changeYearGroup")
-    }, {
-      id: x.CreateUser,
-      name: f("createUser")
-    }, {
-      id: x.ResetPassword,
-      name: f("resetPassword")
-    }, {
-      id: x.SendAccountReminderEmail,
-      name: f("resetEmail")
-    }, {
-      id: x.AddUsersClassroom,
-      name: f("addToClassroom")
-    }, {
-      id: x.SendAccountActivationEmail,
-      name: f("activationEmail")
-    }, {
-      id: x.RemoveUser,
-      name: f("removeFromSchool")
-    }];
-  },
-  getUserTypeFilterOptions() {
-    return [{
-      id: w.Staff,
-      name: f("staff")
-    }, {
-      id: w.Learner,
-      name: f("students")
-    }];
-  },
-  mapSubActionToVerb(e) {
-    return e === "delete" ? "Delete" : e === "removeFromSchool" ? "Remove" : e === "resetEmail" || e === "activationEmail" ? "Email" : e === "addToClassroom" ? "Add" : "Update";
-  },
-  mapJobTypeToName(e) {
-    switch (e) {
-      case x.ActivateUser:
-        return f("activate");
-      case x.AddUsersClassroom:
-        return f("addToClassroom");
-      case x.ChangeYearGroup:
-        return f("changeYearGroup");
-      case x.DeactivateUser:
-        return f("deactivate");
-      case x.DeleteUser:
-        return f("delete");
-      case x.ResetPassword:
-        return f("resetPassword");
-      case x.RolloverYearGroup:
-        return f("yearGroupRollover");
-      case x.SendAccountReminderEmail:
-        return f("sendAccountReminderEmail");
-      case x.CreateUser:
-        return f("bulkUpload");
-      case x.SendAccountActivationEmail:
-        return f("sendAccountActivationEmail");
-      case x.RemoveUser:
-        return f("removeUser");
-      default:
-        return f("unknown");
-    }
-  },
-  hasFilterOrQuery(e) {
-    return !!(e.query || e.isAdmin || e.status || e.yearGroup);
-  }
-};
-function X(e) {
-  return {
-    batchObjectIds: [...e.userIdMap.keys()],
-    fullBatchObjects: void 0
-  };
-}
-function Wn(e, t) {
-  return {
-    fullBatchObjects: {
-      source: "UserApi",
-      ownerId: t,
-      objectType: Tt.User,
-      query: `{userType:${w.Learner}}`
-    },
-    finalYearGroupId: e.yearGroup.id
-  };
-}
-function zn(e) {
-  const t = X(e);
-  return t.newYearGroupId = e.yearGroup.id, t;
-}
-function Qn(e) {
-  const t = X(e);
-  return t.newPassword = e.password, t.changeOnNextLogin = e.changeOnNextLogin, t;
-}
-function Xn(e) {
-  if (e.canRollover)
-    return "";
-  switch (e.reason) {
-    case "select-all-students":
-      return f("selectAllStudents");
-    case "cooldown":
-      return f("rolloverCooldown", {
-        date: Nt.format(e.lastRolloverDate, "DD/MM/YYYY")
-      });
-  }
-}
-function Bn(e) {
-  const t = X(e);
-  return t.classroomIds = [e.classroom.id], t;
-}
-function Kn(e, t) {
-  var s;
-  const n = X(e);
-  return t != null && t.id && (n.batchObjectIds = ((s = n.batchObjectIds) == null ? void 0 : s.filter((a) => a.toString() !== t.id.toString())) ?? []), n;
-}
-const Zn = "search.durationFilter";
-function qn(e) {
-  let t = "";
-  switch (e.id) {
-    case "bite-sized":
-      t = "rangeBiteSized";
-      break;
-    case "short":
-      t = "rangeShort";
-      break;
-    case "medium":
-      t = "rangeMedium";
-      break;
-    case "long":
-      t = "rangeLong";
-      break;
-  }
-  return V.getPhrase(Zn, t);
-}
-function Jn(e) {
-  return /* @__PURE__ */ i.jsxs("li", { className: "d-flex flex-fill flex-column align-items-center mb-2 mb-md-0 mx-1", children: [
-    /* @__PURE__ */ i.jsx(
-      "button",
-      {
-        onClick: () => e.onClick(e.option),
-        className: `btn w-100 text-center btn-${e.active ? "dark" : "outline-dark"} mb-1`,
-        disabled: e.disabled,
-        children: e.option.name
-      }
-    ),
-    /* @__PURE__ */ i.jsx("span", { children: qn(e.option) })
-  ] });
-}
-function ei(e) {
-  const t = D.first(e.draftState.selection);
-  function n(s) {
-    if ((t == null ? void 0 : t.id) === s.id) {
-      e.setDraftState({
-        active: !1,
-        selection: []
-      });
-      return;
-    }
-    e.setDraftState({
-      active: !0,
-      selection: [s]
-    });
-  }
-  return /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(re, { title: e.filter.name }),
-    /* @__PURE__ */ i.jsx("ul", { className: "d-flex list-unstyled flex-column flex-md-row mx-n1 mb-2", children: e.filter.options.map((s) => /* @__PURE__ */ i.jsx(
-      Jn,
-      {
-        option: s,
-        onClick: n,
-        active: (t == null ? void 0 : t.id) === s.id,
-        disabled: e.filter.disabled || s.disabled
-      },
-      s.id
-    )) })
-  ] });
-}
-const ti = "_icon_bcwaq_1", ni = "_activeIcon_bcwaq_5", ii = "_text_bcwaq_11", si = "_floatingIcon_bcwaq_14", ai = "_active_bcwaq_5", oe = {
-  icon: ti,
-  activeIcon: ni,
-  text: ii,
-  floatingIcon: si,
-  default: "_default_bcwaq_18",
-  active: ai
-}, ri = "search.moviesAndTvFilter";
-function oi(e) {
-  const t = e.filter, { state: n } = N.useContext(de), s = n[t.id], a = s == null ? void 0 : s.active, [o, c] = N.useState(!1), r = N.useRef(o);
-  N.useEffect(() => {
-    a !== r.current && (r.current = a), o !== r.current && c(r.current);
-  }, [a]);
-  function l(u) {
-    j.applyFilter(
-      [t],
-      s,
-      { [e.filter.id]: u },
-      n.appLink
-    );
-  }
-  return /* @__PURE__ */ i.jsxs(
-    ge,
-    {
-      onClick: () => {
-        c(!a), l({ active: !a });
-      },
-      className: `mx-1 btn ${a ? "btn-dark" : "btn-outline-dark"} position-relative fw-semibold d-flex align-items-center flex-shrink-0`,
-      children: [
-        /* @__PURE__ */ i.jsx("img", { src: e.iconUrl, className: `${oe.icon} position-absolute ${a ? oe.activeIcon : ""}` }),
-        /* @__PURE__ */ i.jsx("div", { className: oe.text, children: /* @__PURE__ */ i.jsx(b, { namespace: ri, phrase: "title" }) }),
-        /* @__PURE__ */ i.jsx("img", { src: e.extraIconUrl, className: `position-absolute ${oe.floatingIcon} ${o ? oe.active : oe.default}` })
-      ]
-    }
-  );
-}
-function ci(e) {
-  const t = {};
-  for (const n of e.filter.options)
-    n.group && (t[n.group] || (t[n.group] = []), t[n.group].push(n));
-  return /* @__PURE__ */ i.jsx(he, { className: "mb-3", children: Object.entries(t).map(([n, s]) => /* @__PURE__ */ i.jsxs("ul", { className: "list-unstyled", children: [
-    /* @__PURE__ */ i.jsx(re, { title: n }),
-    /* @__PURE__ */ i.jsx(
-      mt,
-      {
-        filter: e.filter,
-        options: s,
-        draftState: e.draftState,
-        setDraftState: e.setDraftState,
-        displayOptionsIn2Columns: !1
-      }
-    )
-  ] }, n)) });
-}
-const li = {
-  deriveInitialClassificationFilterStateFromQueryParams(e, t) {
-    var n;
-    return ((n = e == null ? void 0 : e.options) == null ? void 0 : n.filter((s) => s.id.split(":").every((o) => t.find(
-      (r) => r.toString() === o.toString()
-    )))) ?? [];
-  }
-}, di = "sharedSearch.utils", Se = V.encloseNamespace(di), gt = {
-  getOptions() {
-    return [
-      {
-        id: "bite-sized",
-        name: Se("durationBiteSized")
-      },
-      {
-        id: "short",
-        name: Se("durationShort")
-      },
-      {
-        id: "medium",
-        name: Se("durationMedium")
-      },
-      {
-        id: "long",
-        name: Se("durationLong")
-      }
-    ];
-  },
-  getBackendParamValue(e) {
-    switch (e) {
-      case "bite-sized":
-        return "...179999";
-      // 3 minutes in ms
-      case "short":
-        return "180000...299999";
-      // 3 - 5 minutes in ms
-      case "medium":
-        return "300000...899999";
-      // 5 - 15 minutes in ms
-      case "long":
-        return "900000...";
-    }
-  }
-}, ui = {
-  deriveInitialPresentationFilterStateFromQueryParams: (e, t, n) => Oe(e, t).map((s) => {
-    const a = n.audience;
-    if (!(a != null && a.length))
-      return s;
-    const o = Oe(s.secondLayerOptions, a);
-    return { ...s, secondLayerSelection: o };
-  }).filter((s) => {
-    var a;
-    return !!((a = s.secondLayerSelection) != null && a.length);
-  })
-}, mi = "sharedSearch.utils", je = V.encloseNamespace(mi), ht = {
-  getOptions() {
-    return [
-      {
-        id: "any-year",
-        name: je("anyYear"),
-        default: !0
-      },
-      {
-        id: "this-year",
-        name: je("thisYear")
-      },
-      {
-        id: "last-3-years",
-        name: je("last3Years")
-      },
-      {
-        id: "last-5-years",
-        name: je("last5Years")
-      }
-    ];
-  },
-  getBackendParamValue(e) {
-    const t = (/* @__PURE__ */ new Date()).getFullYear();
-    switch (e) {
-      case "any-year":
-        return "";
-      case "this-year":
-        return `${t}...`;
-      case "last-3-years":
-        return `${t - 3}...`;
-      case "last-5-years":
-        return `${t - 5}...`;
-    }
-  }
-}, _e = {
-  deriveInitialRatingFilterStateFromQueryParams(e, t) {
-    if (Array.isArray(e))
-      return e;
-    const n = t.options, s = nt(e, n);
-    if (!s.length)
-      return [];
-    const a = D.last(s);
-    return n.filter((o) => o.value > 0 && o.value <= a.value);
-  },
-  getFrontendParamValue(e) {
-    if (!(e != null && e.length))
-      return "";
-    const t = D.first(e), n = D.last(e);
-    return e.length === 1 ? t.code : `${t.code}-to-${n.code}`;
-  },
-  getBackendParamValue(e, t) {
-    const n = nt(e, t);
-    return n.length ? n.length === 1 ? `0...${D.first(n).value}` : `0...${D.last(n).value}` : void 0;
-  },
-  getStudentMaxRating(e, t) {
-    var s;
-    const n = D.findWhere(
-      e,
-      { value: (s = t.masterYearGroup) == null ? void 0 : s.value }
-    );
-    return n == null ? void 0 : n.rating;
-  }
-};
-function nt(e, t) {
-  const s = e.split("-to-").map((a) => t.find((o) => o.code === a));
-  return s.every((a) => !!a) ? s : [];
-}
-const d = V.encloseNamespace("sharedSearch.utils"), fi = {
-  classification: !0,
-  categoryId: !0,
-  channel: !0
-}, it = {
-  series: !0,
-  video: !0,
-  playlist: !0,
-  classification: !0,
-  clip: !0,
-  interactive: !0,
-  company: !0,
-  category: !0
-}, Fs = {
-  SortBy: (e, t) => ({
-    id: "sort",
-    name: d("newest"),
-    type: "dropdown",
-    options: e,
-    compatibleIndices: [...me, ...pe],
-    labelPrefix: t
-  }),
-  Presentation: (e, t) => ({
-    id: "presentation",
-    secondaryId: "audience",
-    name: d("schoolLevels"),
-    type: "nested-checkbox",
-    options: gi(e),
-    compatibleIndices: t ? ["playlist", "series", "clip", "interactive", "video", "company", "category"] : me
-  }),
-  Topics: (e) => ({
-    compatibleIndices: ["playlist", "series", "clip", "classification", "interactive", "video"],
-    options: e,
-    type: "checkbox",
-    name: d("topicsFilter"),
-    id: "classification"
-  }),
-  Source: (e) => ({
-    id: "source",
-    type: "checkbox",
-    name: d("sources"),
-    options: e,
-    compatibleIndices: ["video", "clip", "interactive", "category"]
-  }),
-  MoviesAndTv: (e, t) => ({
-    id: "moviesAndTv",
-    name: d("moviesAndTv"),
-    type: "button",
-    compatibleIndices: ["video", "series", "clip", "interactive", "classification", "playlist", "company"],
-    customComponent: (n) => /* @__PURE__ */ i.jsx(
-      oi,
-      {
-        ...n,
-        filter: n.filter,
-        iconUrl: e,
-        extraIconUrl: t
-      }
-    )
-  }),
-  YearGroup: (e) => ({
-    id: "yearGroup",
-    // "id" should match the state keys in `FilterReducer`
-    name: d("yearGroup"),
-    type: "checkbox",
-    options: e,
-    compatibleIndices: pe
-  }),
-  ObjectTypes: (e = [], t = !1) => ({
-    id: "type",
-    name: d("types"),
-    type: t ? "grouped-checkbox" : "checkbox",
-    options: j.getObjectTypeOptions(e, t),
-    disableOptions: j.getIsObjectTypeOptionDisabled,
-    compatibleIndices: me
-  }),
-  Rating: (e, t) => ({
-    id: "rating",
-    name: d("rating"),
-    type: "rating",
-    options: e && t ? e.filter((n) => n.value <= t.value) : e,
-    compatibleIndices: ["video", "series"]
-  }),
-  Interactives: () => ({
-    id: "interactives",
-    name: d("interactives"),
-    type: "switch",
-    description: d("interactivesDescription"),
-    compatibleIndices: ["video", "clip"]
-  }),
-  Clips: () => ({
-    id: "clips",
-    name: d("clips"),
-    type: "switch",
-    description: d("clipsDescription"),
-    compatibleIndices: ["video"]
-  }),
-  HasResources: () => ({
-    id: "hasResources",
-    name: d("resources"),
-    type: "switch",
-    description: d("resourcesDescription"),
-    compatibleIndices: ["video", "clip"]
-  }),
-  HasSubtitles: () => ({
-    id: "hasSubtitles",
-    name: d("subtitles"),
-    type: "switch",
-    description: d("subtitlesDescription"),
-    compatibleIndices: xe
-  }),
-  ProductionYear: () => ({
-    id: "productionYear",
-    name: d("productionYear"),
-    type: "radio",
-    options: ht.getOptions(),
-    compatibleIndices: [...xe, "series"]
-  }),
-  IsHD: () => ({
-    id: "isHd",
-    name: d("isHd"),
-    type: "switch",
-    description: d("isHdDescription"),
-    compatibleIndices: xe
-  }),
-  IsClickViewContent: () => ({
-    id: "producedByClickView",
-    name: d("producedByClickView"),
-    type: "switch",
-    description: d("producedByClickViewDescription"),
-    compatibleIndices: me
-  }),
-  Duration: () => ({
-    id: "duration",
-    name: d("duration"),
-    type: "radio",
-    customComponent: ei,
-    options: gt.getOptions(),
-    compatibleIndices: xe
-  }),
-  TagOrClassification: (e) => ({
-    id: "tagOrClassification",
-    type: "tag",
-    options: e && e.map((t) => ({
-      id: t,
-      name: t
-    })),
-    compatibleIndices: me
-  }),
-  Status: (e) => ({
-    id: "status",
-    name: d("status"),
-    type: "checkbox",
-    compatibleIndices: [...pe, "customer"],
-    options: e || j.getStatusOptions()
-  }),
-  JobStatus: () => ({
-    id: "jobStatus",
-    name: d("status"),
-    type: "checkbox",
-    compatibleIndices: [],
-    options: j.getJobStatusOptions()
-  }),
-  IsAdmin: (e, t) => {
-    const n = !!(e != null && e.organisation), a = d(n ? t === "US" ? "isAdminDescriptionOrgUs" : "isAdminDescriptionOrg" : "isAdminDescription");
-    return {
-      id: "isAdmin",
-      name: d("isAdmin"),
-      type: "switch",
-      compatibleIndices: pe,
-      description: a
-    };
-  },
-  BulkActionType: () => ({
-    id: "bulkActionType",
-    name: d("actionType"),
-    type: "checkbox",
-    options: E.getActionTypeFilterOptions(),
-    compatibleIndices: []
-  }),
-  UserType: () => ({
-    id: "userType",
-    name: d("users"),
-    type: "checkbox",
-    options: E.getUserTypeFilterOptions(),
-    compatibleIndices: []
-  }),
-  TvFields: () => ({
-    id: "filter",
-    name: d("tvFields"),
-    type: "radio",
-    options: j.getTvFieldsOptions(),
-    compatibleIndices: []
-  }),
-  TvChannel: (e) => ({
-    id: "channel",
-    name: d("tvChannel"),
-    type: "checkbox",
-    options: j.getTvChannelOptions(e),
-    compatibleIndices: []
-  }),
-  TvDateBroadcast: () => ({
-    id: "dateBroadcast",
-    name: d("tvDateBroadcast"),
-    type: "radio",
-    options: j.getTvDateBroadcastOptions(),
-    compatibleIndices: []
-  }),
-  Categories: (e) => ({
-    id: "categoryId",
-    name: d("categories"),
-    type: "checkbox",
-    options: j.getCategoriesOptions(e),
-    compatibleIndices: []
-  }),
-  CustomerStatus: () => ({
-    id: "customerStatus",
-    name: d("customerStatus"),
-    type: "radio",
-    options: j.getCustomerStatusOptions(),
-    compatibleIndices: []
-  }),
-  SpecialEventTypes: () => ({
-    id: "specialEventType",
-    type: "checkbox",
-    name: "Event Type",
-    compatibleIndices: [],
-    options: j.getSpecialEventTypeOptions()
-  }),
-  CustomerType: () => ({
-    id: "customerType",
-    name: d("customerType"),
-    type: "radio",
-    options: j.getCustomerTypeOptions(),
-    compatibleIndices: []
-  })
-};
-function gi(e) {
-  return e ? e.map((t) => ({
-    ...t,
-    id: t.id.toString(),
-    secondLayerOptions: t.audiences.map((n) => ({ ...n, id: n.id.toString() }))
-  })) : [];
-}
-const j = {
-  displayTwoLayers(e) {
-    return !(e.type !== "nested-checkbox" || !this.hasManyFilterOptions(e.options) || e.options.every((t) => !this.hasManyFilterOptions(t == null ? void 0 : t.secondLayerOptions)));
-  },
-  hasManyFilterOptions(e) {
-    return e.length >= Wt.MULTI_PRESENTATION_THRESHOLD;
-  },
-  displayTwoColumns(e) {
-    var t;
-    return fi[e.id] && ((t = e.options) == null ? void 0 : t.length) >= ne.MAX_CHECKBOXES_PER_COLUMN;
-  },
-  showPresentationFilter(e) {
-    var t, n;
-    return (t = e.options) != null && t.length ? e.options.length > 1 || ((n = D.first(e.options).secondLayerOptions) == null ? void 0 : n.length) > 1 : !1;
-  },
-  getMoreFilters(e) {
-    return {
-      id: "moreFilters",
-      name: d("moreFilters"),
-      type: "more-filters",
-      filters: e
-    };
-  },
-  mapTypeToComponent(e) {
-    switch (e) {
-      case "switch":
-        return (t) => /* @__PURE__ */ i.jsx(cn, { ...t }, t.id);
-      case "checkbox":
-        return (t) => /* @__PURE__ */ i.jsx(nn, { ...t }, t.id);
-      case "nested-checkbox":
-        return (t) => /* @__PURE__ */ i.jsx(on, { ...t }, t.id);
-      case "grouped-checkbox":
-        return (t) => /* @__PURE__ */ i.jsx(ci, { ...t }, t.id);
-      case "radio":
-        return (t) => /* @__PURE__ */ i.jsx(mn, { ...t }, t.id);
-      case "rating":
-        return (t) => /* @__PURE__ */ i.jsx(vn, { ...t }, t.id);
-      case "dropdown":
-        return (t) => /* @__PURE__ */ i.jsx(ln, { ...t }, t.id);
-      default:
-        return () => /* @__PURE__ */ i.jsx(i.Fragment, {});
-    }
-  },
-  deriveInitialStateFromQuery(e = {}, t = null, n = null, s) {
-    var r, l, u, g, m, h, v, A;
-    const a = {
-      sort: {
-        active: !!e.sort,
-        selection: I(e, t, "sort")
-      },
-      classification: {
-        active: !!e.classification,
-        selection: I(e, t, "classification")
-      },
-      presentation: {
-        active: !!e.presentation,
-        selection: I(e, t, "presentation")
-      },
-      type: {
-        active: !!e.type,
-        selection: I(e, t, "type")
-      },
-      specialEventType: {
-        active: !!e.specialEventType,
-        selection: I(e, t, "specialEventType")
-      },
-      rating: {
-        active: !!e.rating,
-        selection: I(e, t, "rating")
-      },
-      interactives: {
-        active: ((r = e.interactives) == null ? void 0 : r.toString()) === "true"
-      },
-      clips: {
-        active: ((l = e.clips) == null ? void 0 : l.toString()) === "true"
-      },
-      yearGroup: {
-        active: !!e.yearGroup,
-        selection: I(e, t, "yearGroup")
-      },
-      moviesAndTv: {
-        active: ((u = e.moviesAndTv) == null ? void 0 : u.toString()) === "true"
-      },
-      classroom: {
-        active: !!e.classroom,
-        selection: I(e, t, "classroom")
-      },
-      audience: {
-        active: !!e.audience,
-        selection: I(e, t, "audience")
-      },
-      hasResources: {
-        active: ((g = e.hasResources) == null ? void 0 : g.toString()) === "true"
-      },
-      hasSubtitles: {
-        active: ((m = e.hasSubtitles) == null ? void 0 : m.toString()) === "true"
-      },
-      productionYear: {
-        active: !!e.productionYear,
-        selection: I(e, n == null ? void 0 : n.filters, "productionYear")
-      },
-      isHd: {
-        active: ((h = e.isHd) == null ? void 0 : h.toString()) === "true"
-      },
-      producedByClickView: {
-        active: ((v = e.producedByClickView) == null ? void 0 : v.toString()) === "true"
-      },
-      duration: {
-        active: e.duration,
-        selection: I(e, n == null ? void 0 : n.filters, "duration")
-      },
-      tagOrClassification: {
-        active: !!e.tagOrClassification,
-        selection: I(e, t, "tagOrClassification")
-      },
-      status: {
-        active: !!e.status,
-        selection: I(e, t, "status")
-      },
-      jobStatus: {
-        active: !!e.jobStatus,
-        selection: I(e, t, "jobStatus")
-      },
-      isAdmin: {
-        active: ((A = e.isAdmin) == null ? void 0 : A.toString()) === "true"
-      },
-      bulkActionType: {
-        active: !!e.bulkActionType,
-        selection: I(e, t, "bulkActionType")
-      },
-      userType: {
-        active: !!e.userType,
-        selection: I(e, t, "userType")
-      },
-      filter: {
-        active: !!e.filter,
-        selection: I(e, t, "filter")
-      },
-      channel: {
-        active: !!e.channel,
-        selection: I(e, t, "channel")
-      },
-      dateBroadcast: {
-        active: !!e.dateBroadcast,
-        selection: I(e, t, "dateBroadcast")
-      },
-      categoryId: {
-        active: !!e.categoryId,
-        selection: I(e, t, "categoryId")
-      },
-      hasInteractives: {
-        active: !!e.hasInteractives,
-        selection: I(e, t, "hasInteractives")
-      },
-      source: {
-        active: !!e.source,
-        selection: I(e, t, "source")
-      },
-      customerStatus: {
-        active: !!e.customerStatus,
-        selection: I(e, t, "customerStatus")
-      },
-      customerType: {
-        active: !!e.customerType,
-        selection: I(e, t, "customerType")
-      }
-    }, o = (T, $) => {
-      var y;
-      const p = a[$.id];
-      return p.active && "selection" in p && !((y = p.selection) != null && y.length) && (p.active = !1), T[$.id] = a[$.id], T;
-    }, c = t.reduce(o, {});
-    return n != null && n.filters && (c.moreFilters = n.filters.reduce(o, {})), c.appLink = s, c;
-  },
-  hasActiveFilters(e) {
-    const t = Object.keys(e);
-    return t.length ? !!t.filter((s) => !(s === "query" || s === "cursor" || s === "page" || s === ut || Array.isArray(e[s]) && !e[s].length)).length : !1;
-  },
-  getLabel(e, t) {
-    var n, s;
-    if (!((n = t == null ? void 0 : t.selection) != null && n.length))
-      return e.name;
-    if (e.type === "dropdown")
-      return D.first(t.selection).name;
-    if (e.type === "radio") {
-      const a = D.first(t.selection);
-      return !a || a.default ? e.name : a.name;
-    }
-    if (e.type === "nested-checkbox" || e.type === "checkbox" || e.type === "grouped-checkbox") {
-      if (e.options.find((o) => o.default && t.selection.find((c) => c.id === o.id)))
-        return e.name;
-      if (e.secondaryId) {
-        const o = (s = t.selection) == null ? void 0 : s.reduce((c, r) => {
-          var g, m;
-          const l = e.options, u = l.findIndex((h) => h.id === r.id);
-          return ((g = l[u].secondLayerOptions) == null ? void 0 : g.length) === 0 ? c + 1 : c + (((m = r.secondLayerSelection) == null ? void 0 : m.length) ?? 0);
-        }, 0);
-        return `${e.name} - ${o}`;
-      }
-      return `${e.name} - ${t.selection.length}`;
-    }
-    if (e.type === "rating") {
-      if (!t.selection.length)
-        return e.name;
-      const a = D.first(t.selection), o = D.last(t.selection);
-      return t.selection.length === 1 ? `${e.name}: ${a.code}` : `${e.name}: ${a.code} to ${o.code}`;
-    }
-  },
-  buildFrontendFilterParams(e, t) {
-    const n = { ...e };
-    return t.forEach((s) => {
-      var l, u;
-      if (!(s != null && s.filter))
-        return;
-      const { id: a, type: o } = s.filter, { active: c, selection: r } = s.state;
-      switch (o) {
-        case "switch":
-          n[a] = c ? "true" : "";
-          break;
-        case "radio":
-        case "dropdown":
-          const g = ((l = s.state.selection) == null ? void 0 : l.length) === 1 && ((u = D.first(s.state.selection)) == null ? void 0 : u.default);
-          n[a] = s.state.selection.length && !g ? D.first(s.state.selection).id : "";
-          break;
-        case "nested-checkbox":
-          n[a] = c ? r.map((v) => v.id) : null;
-          const { secondaryId: m } = s.filter;
-          m && (n[m] = [].concat(...r.map((v) => v.secondLayerSelection.map((A) => A.id))));
-          break;
-        case "checkbox":
-        case "grouped-checkbox":
-          if (!c) {
-            n[a] = null;
-            break;
-          }
-          const h = [];
-          for (const v of r) {
-            const A = v.id.toString().split(":");
-            if (A.length > 1)
-              for (const T of A)
-                h.push(T);
-            else
-              h.push(v.id);
-          }
-          n[a] = h;
-          break;
-        case "tag":
-          n[a] = c ? r.map((v) => v.id) : null;
-          break;
-        case "rating":
-          n[a] = c ? _e.getFrontendParamValue(r) : null;
-          break;
-        case "button":
-          n[a] = c ? "true" : "";
-          break;
-      }
-      n[a] || delete n[a];
-    }), le.omit(n, ["cursor"]);
-  },
-  buildBackendFilterParams(e, t = [], n, s, a) {
-    const o = s ? {
-      "filters.presentation": n,
-      isLearner: s
-    } : {};
-    return Object.keys(e).reduce((c, r) => {
-      const l = e[r];
-      return Array.isArray(l) && !l.length || !l || !Yt[r] ? c : r === "rating" ? (c[`${ne.FILTER_PARAM_PREFIX}${r}`] = _e.getBackendParamValue(l, t), c) : r === "productionYear" ? (c[`${ne.FILTER_PARAM_PREFIX}${r}`] = ht.getBackendParamValue(l), c) : r === "duration" ? (c[`${ne.FILTER_PARAM_PREFIX}${r}`] = gt.getBackendParamValue(l), c) : r === "moviesAndTv" ? (c[`${ne.FILTER_PARAM_PREFIX}curationTag`] = Ht.MOVIES_AND_TV, c) : r === "source" ? {
-        ...c,
-        ...yn.getBackendParamValue(l, a)
-      } : (c[`${ne.FILTER_PARAM_PREFIX}${r}`] = l, c);
-    }, o);
-  },
-  getAppliedIndices(e = {}, t = !1) {
-    const { type: n } = e, s = ["category"];
-    function a(c) {
-      return (t || !s.includes(c)) && it[c];
-    }
-    if (n) {
-      if (!Array.isArray(n))
-        return [n].filter(a);
-      if (n.length)
-        return n.filter(a);
-    }
-    const o = [];
-    return t && o.push(...s), e.source ? ["video", "clip", "interactive", ...o] : ["series", "video", "playlist", "classification", "clip", "interactive", "company", ...o];
-  },
-  applyFilter(e, t, n, s) {
-    if (le.isEqual(t, n))
-      return;
-    const o = Object.keys(n).map((r) => {
-      var m, h;
-      const l = e.find((v) => v.id === r), u = n[r], g = ((m = u.selection) == null ? void 0 : m.length) === 1 && ((h = D.first(u.selection)) == null ? void 0 : h.default);
-      return {
-        filter: l,
-        state: {
-          active: u.active && !g,
-          selection: u.selection
-        }
-      };
-    }), c = Rt.GetQuery();
-    dt.trigger({
-      ...s,
-      params: j.buildFrontendFilterParams(c, o)
-    }, { replace: !0 });
-  },
-  mixinDisabledFields(e, t, n, s) {
-    let a = [...n, ...(s == null ? void 0 : s.filters) ?? []];
-    a = hi(e, a, t), a = vi(e, a);
-    const o = {
-      mainFilters: a.filter((c) => n.find((r) => r.id === c.id))
-    };
-    return s != null && s.filters && (o.moreFilters = {
-      ...s,
-      filters: a.filter((c) => s.filters.find((r) => r.id === c.id))
-    }), o;
-  },
-  logFilterEvent(e, t, n, s, a) {
-    var c;
-    const o = [];
-    e == null || e.forEach((r) => {
-      const l = n[r.id];
-      l.active && o.push({
-        type: r.id,
-        selection: l.selection
-      });
-    }), (c = t == null ? void 0 : t.filters) == null || c.forEach((r) => {
-      const l = n.moreFilters[r.id];
-      l.active && o.push({
-        type: r.id,
-        selection: l.selection
-      });
-    }), o.length || (a.descriptor = Ft.Reset), Ce.logUserAction({
-      query: s ?? "",
-      filters: o
-    }, Ce.mergeOptions(a, {
-      workflowPhase: Ot.Complete,
-      actionType: _t.Filter
-    }));
-  },
-  /**
-   * Helpers below this comment return hard coded filter options for a particular filter.
-   * If you are adding a new filter with hard coded options, add a new function here.
-   */
-  getObjectTypeOptions(e = [], t) {
-    return t ? [
-      {
-        id: "video",
-        name: d("videos"),
-        group: d("videoTypes")
-      },
-      {
-        id: "interactive",
-        name: d("interactives"),
-        group: d("videoTypes")
-      },
-      {
-        id: "clip",
-        name: d("clips"),
-        group: d("videoTypes")
-      },
-      {
-        id: "classification",
-        name: d("topics"),
-        group: d("collections")
-      },
-      {
-        id: "series",
-        name: d("series"),
-        group: d("collections")
-      },
-      {
-        id: "playlist",
-        name: d("playlists"),
-        group: d("collections")
-      },
-      {
-        id: "category",
-        name: d("category"),
-        group: d("collections")
-      }
-    ].filter((n) => !e.find((s) => s === n.id)) : [
-      {
-        id: "classification",
-        name: d("topics")
-      },
-      {
-        id: "playlist",
-        name: d("playlists")
-      },
-      {
-        id: "series",
-        name: d("series")
-      },
-      {
-        id: "video",
-        name: d("videos")
-      },
-      {
-        id: "clip",
-        name: d("clips")
-      },
-      {
-        id: "interactive",
-        name: d("interactives")
-      }
-    ].filter((n) => !e.find((s) => s === n.id));
-  },
-  /**
-   * Loops through each option on the "object type" filter, and determines whether
-   * they should be disabled based on the currently active filters
-   */
-  getIsObjectTypeOptionDisabled(e, t, n) {
-    return e.map((s) => {
-      let a = !1;
-      return t.forEach((o) => {
-        var r;
-        if (a)
-          return;
-        const c = n[o.id] || n.moreFilters[o.id];
-        !(c != null && c.active) || !((r = o.compatibleIndices) != null && r.length) || o.compatibleIndices.find((l) => s.id === l) || (a = !0);
-      }), {
-        ...s,
-        disabled: a
-      };
-    });
-  },
-  getNameSortOptions() {
-    return [
-      {
-        id: "newest",
-        name: d("newest")
-      },
-      {
-        id: "oldest",
-        name: d("oldest")
-      },
-      {
-        id: "first-name-atoz",
-        name: d("firstNameAToZ")
-      },
-      {
-        id: "first-name-ztoa",
-        name: d("firstNameZToA")
-      },
-      {
-        id: "surname-atoz",
-        name: d("surnameAToZ")
-      },
-      {
-        id: "surname-ztoa",
-        name: d("surnameZToA")
-      }
-    ];
-  },
-  getYearGroupOptions(e) {
-    return e != null && e.length ? e.map((t) => ({
-      id: t.value.toString(),
-      name: t.name
-    })) : [];
-  },
-  getStatusOptions() {
-    return [
-      {
-        id: "active",
-        name: d("active")
-      },
-      {
-        id: "deactivated",
-        name: d("deactivated")
-      },
-      {
-        id: "pending",
-        name: d("pending")
-      }
-    ];
-  },
-  getJobStatusOptions() {
-    return [
-      {
-        id: "completed",
-        name: d("completed")
-      },
-      {
-        id: "failed",
-        name: d("errored")
-      },
-      {
-        id: "inProgress",
-        name: d("inProgress")
-      }
-    ];
-  },
-  getTvFieldsOptions() {
-    return [
-      {
-        id: "0",
-        name: d("allFields"),
-        default: !0
-      },
-      {
-        id: "1",
-        name: d("titleDescriptionField")
-      },
-      {
-        id: "2",
-        name: d("captionsField")
-      }
-    ];
-  },
-  getTvChannelOptions(e) {
-    return e != null && e.length ? e.map((t) => ({
-      id: t.name,
-      name: t.name
-    })) : [];
-  },
-  getTvDateBroadcastOptions() {
-    return [
-      {
-        id: "any-time",
-        name: d("anyTime"),
-        default: !0
-      },
-      {
-        id: "yesterday",
-        name: d("yesterday")
-      },
-      {
-        id: "last-week",
-        name: d("lastWeek")
-      },
-      {
-        id: "last-2-weeks",
-        name: d("last2Weeks")
-      }
-    ];
-  },
-  getCustomerStatusOptions() {
-    return [
-      {
-        id: ie.Unclassified.toString(),
-        name: se.Unclassified
-      },
-      {
-        id: ie.Active.toString(),
-        name: se.Active
-      },
-      {
-        id: ie.Prospect.toString(),
-        name: se.Prospect
-      },
-      {
-        id: ie.LostCustomer.toString(),
-        name: se.LostCustomer
-      },
-      {
-        id: ie.Disabled.toString(),
-        name: se.Disabled
-      },
-      {
-        id: ie.Other.toString(),
-        name: se.Other
-      }
-    ];
-  },
-  getCustomerTypeOptions() {
-    return [
-      {
-        id: U.Unclassified.toString(),
-        name: P.Unclassified
-      },
-      {
-        id: U.Primary.toString(),
-        name: P.Primary
-      },
-      {
-        id: U.Secondary.toString(),
-        name: P.Secondary
-      },
-      {
-        id: U.K12.toString(),
-        name: P.K12
-      },
-      {
-        id: U.Tertiary.toString(),
-        name: P.Tertiary
-      },
-      {
-        id: U.NonEducational.toString(),
-        name: P.NonEducational
-      },
-      {
-        id: U.Partners.toString(),
-        name: P.Partners
-      },
-      {
-        id: U.Internal.toString(),
-        name: P.Internal
-      },
-      {
-        id: U.Other.toString(),
-        name: P.Other
-      },
-      {
-        id: U.ClickView.toString(),
-        name: P.ClickView
-      },
-      {
-        id: U.System.toString(),
-        name: P.System
-      }
-    ];
-  },
-  getCategoriesOptions(e) {
-    return e != null && e.length ? e.map((t) => ({
-      id: t.data.id,
-      name: t.data.name
-      // secondLayerOptions: category.children.map(
-      //   nestedCategory => ({ id: nestedCategory.data.id, name: nestedCategory.data.name })
-      // )
-    })) : [];
-  },
-  getSpecialEventTypeOptions() {
-    return [
-      {
-        id: S.BreakingNews,
-        name: Q[S.BreakingNews]
-      },
-      {
-        id: S.SportingEvent,
-        name: Q[S.SportingEvent]
-      },
-      {
-        id: S.Observance,
-        name: Q[S.Observance]
-      },
-      {
-        id: S.NaturalDisaster,
-        name: Q[S.NaturalDisaster]
-      },
-      {
-        id: S.HistoricalEvent,
-        name: Q[S.HistoricalEvent]
-      },
-      {
-        id: S.Holiday,
-        name: Q[S.Holiday]
-      },
-      {
-        id: S.Informal,
-        name: Q[S.Informal]
-      },
-      {
-        id: S.ReligiousEvent,
-        name: Q[S.ReligiousEvent]
-      },
-      {
-        id: S.Other,
-        name: Q[S.Other]
-      }
-    ];
-  }
-};
-function I(e, t = [], n) {
-  var o;
-  const s = t.find((c) => c.id === n);
-  if (!s)
-    return [];
-  if (!e[n])
-    return ((o = s.options) == null ? void 0 : o.filter((c) => c.default)) ?? [];
-  if (n === "rating")
-    return _e.deriveInitialRatingFilterStateFromQueryParams(e[n], s);
-  let a = e[n];
-  return Array.isArray(a) || (a = [a]), n === "classification" ? li.deriveInitialClassificationFilterStateFromQueryParams(s, a) : n === "presentation" ? ui.deriveInitialPresentationFilterStateFromQueryParams(s.options, a, e) : Oe(s.options, a);
-}
-function Oe(e, t) {
-  return Array.isArray(t) || (t = [t]), (e == null ? void 0 : e.filter((n) => t.find((s) => s.toString() === n.id.toString()))) ?? [];
-}
-function hi(e, t, n) {
-  const s = n.reduce((a, o) => (a[o] = !0, a), {});
-  return t.map((a) => {
-    var r;
-    if (!((r = a.compatibleIndices) != null && r.length))
-      return a;
-    if (!a.compatibleIndices.find((l) => s[l]))
-      return {
-        ...a,
-        disabled: !0
-      };
-    const o = Object.keys(e).filter((l) => {
-      const u = e[l];
-      return "active" in u ? u.active : !1;
-    });
-    let c = !1;
-    return o.forEach((l) => {
-      var m;
-      if (c)
-        return;
-      const u = t.find((h) => h.id === l);
-      if (!((m = u.compatibleIndices) != null && m.length))
-        return;
-      const g = u.compatibleIndices.reduce((h, v) => (h[v] = !0, h), {});
-      a.compatibleIndices.find((h) => g[h]) || (c = !0);
-    }), {
-      ...a,
-      disabled: c
-    };
-  });
-}
-function vi(e, t) {
-  return t.map((n) => {
-    if (!ve.isFunction(n.disableOptions))
-      return n;
-    const s = n.disableOptions(n.options, t, e);
-    return {
-      ...n,
-      options: s
-    };
-  });
-}
-const xi = "_hideCaret_zki3y_1", pi = "_filterMenu_zki3y_4", yi = "_twoColumnsWidth_zki3y_8", bi = "_nestedCheckboxesWidth_zki3y_16", Ai = "_switchWidth_zki3y_19", Si = "_moreFiltersWidth_zki3y_22", ji = "_svgContainer_zki3y_26", K = {
-  hideCaret: xi,
-  filterMenu: pi,
-  twoColumnsWidth: yi,
-  nestedCheckboxesWidth: bi,
-  switchWidth: Ai,
-  moreFiltersWidth: Si,
-  svgContainer: ji
-};
-function Ci(e) {
-  return j.displayTwoColumns(e) ? K.twoColumnsWidth : e.id === "classification" ? K.classificationWidth : j.displayTwoLayers(e) ? K.nestedCheckboxesWidth : e.type === "switch" ? K.switchWidth : "";
-}
-vt.defaultProps = {
-  hideCaret: !0
-};
-function vt(e) {
-  const { state: t } = C.useContext(de), n = t[e.filter.id], s = e.filter.type === "dropdown", [a, o] = C.useState(e.filter.name), [c, r] = C.useState(!1), [l, u] = C.useState(n);
-  C.useEffect(() => {
-    o(j.getLabel(e.filter, n)), u(n);
-  }, [e.filter, n == null ? void 0 : n.selection]);
-  function g(k) {
-    u(k), s && v(k);
-  }
-  function m() {
-    var Y;
-    const k = (Y = e.filter.options) == null ? void 0 : Y.find((H) => H.default);
-    u({
-      active: !1,
-      selection: k ? [k] : []
-    });
-  }
-  function h() {
-    v(), r(!1);
-  }
-  function v(k = l) {
-    j.applyFilter(
-      [e.filter],
-      n,
-      { [e.filter.id]: k },
-      t.appLink
-    );
-  }
-  function A(k) {
-    r(k), !(k || s) && v();
-  }
-  const T = C.useMemo(() => e.filter.customComponent ? e.filter.customComponent : j.mapTypeToComponent(e.filter.type), [e.filter.type]), $ = "fw-semibold mx-1 btn d-flex align-items-center", p = e.hideCaret && !s ? K.hideCaret : "", y = Ci(e.filter);
-  return e.filter.type === "button" ? /* @__PURE__ */ i.jsx(
-    T,
-    {
-      filter: e.filter,
-      draftState: l,
-      setDraftState: g
-    }
-  ) : /* @__PURE__ */ i.jsxs(ae, { onToggle: A, show: c, children: [
-    /* @__PURE__ */ i.jsxs(
-      ae.Toggle,
-      {
-        id: `filterButton-${e.filter.id}`,
-        className: `${$} ${p}`,
-        variant: n.active && !s ? "dark" : "outline-dark",
-        disabled: e.filter.disabled,
-        children: [
-          !!e.filter.icon && /* @__PURE__ */ i.jsx("div", { className: K.svgContainer, children: /* @__PURE__ */ i.jsx(Ee, { svg: e.filter.icon }) }),
-          e.filter.labelPrefix,
-          " ",
-          a
-        ]
-      }
-    ),
-    /* @__PURE__ */ i.jsx(ae.Menu, { children: /* @__PURE__ */ i.jsxs("div", { className: `mx-1 ${K.filterMenu} ${y} ${s ? "" : "px-2 py-1"}`, children: [
-      /* @__PURE__ */ i.jsx(
-        T,
-        {
-          filter: e.filter,
-          draftState: l,
-          setDraftState: g
-        }
-      ),
-      !s && !e.filter.disabled && /* @__PURE__ */ i.jsx(
-        Pe,
-        {
-          active: l.active,
-          onClickReset: m,
-          onClickApply: h
-        }
-      )
-    ] }) })
-  ] });
-}
-const ki = {
-  /**
-   * Helper function to get the setState function for an individual key in a state object.
-   * 
-   * @param setState React setState action
-   * @param key Property within the state object we're updating
-   * @param callback Optional callback to modify data before setting state. Uses identity fn by default.
-   * 
-   * @returns Newly updated state object
-   */
-  getSetStateByKey(e, t, n) {
-    return (s) => e((a) => {
-      const o = ve.isFunction(n) ? n : ve.useIdentity();
-      return { ...a, [t]: o(s, a) };
-    });
-  }
-};
-function st(e) {
-  return Object.keys(e).reduce((n, s) => e[s].active ? n + 1 : n, 0);
-}
-function Ii(e) {
-  const { state: t } = C.useContext(de), n = t.moreFilters, [s, a] = C.useState(e.filter.name), [o, c] = C.useState(!1), [r, l] = C.useState(n), [u, g] = C.useState(st(n)), m = Object.keys(n).map((p) => `${p}:${n[p].active}`).join("-");
-  C.useEffect(() => {
-    l(n), g(st(n));
-  }, [e.filter, m]), C.useEffect(() => {
-    a(u ? `${e.filter.name} - ${u}` : e.filter.name);
-  }, [u]);
-  function h() {
-    const y = Object.keys(n).reduce((k, Y) => {
-      var O;
-      const q = (O = e.filter.filters.find((W) => W.id === Y).options) == null ? void 0 : O.find((W) => W.default);
-      return k[Y] = {
-        active: !1,
-        selection: q ? [q] : []
-      }, k;
-    }, {});
-    l(y);
-  }
-  function v() {
-    T(), c(!1);
-  }
-  function A(p) {
-    c(p), !p && T();
-  }
-  function T() {
-    j.applyFilter(
-      e.filter.filters,
-      n,
-      r,
-      t.appLink
-    );
-  }
-  const $ = `fw-semibold ${K.hideCaret} mx-1 btn`;
-  return /* @__PURE__ */ i.jsxs(ae, { onToggle: A, show: o, children: [
-    /* @__PURE__ */ i.jsx(ae.Toggle, { id: e.filter.id, className: $, variant: u ? "dark" : "outline-dark", children: s }),
-    /* @__PURE__ */ i.jsx(ae.Menu, { onClick: (p) => p.stopPropagation(), children: /* @__PURE__ */ i.jsxs("div", { className: `mx-1 ${K.moreFiltersWidth} ${e.filter.type !== "dropdown" ? "px-2 py-1" : ""}`, children: [
-      e.filter.filters.map((p) => {
-        const y = p.customComponent ? p.customComponent : j.mapTypeToComponent(p.type);
-        return /* @__PURE__ */ i.jsx("fieldset", { children: /* @__PURE__ */ i.jsx(
-          y,
-          {
-            filter: p,
-            draftState: r[p.id],
-            setDraftState: ki.getSetStateByKey(l, p.id),
-            isOnMoreFilters: !0
-          }
-        ) }, p.id);
-      }),
-      /* @__PURE__ */ i.jsx(
-        Pe,
-        {
-          active: !!Object.keys(r).find((p) => r[p].active),
-          onClickReset: h,
-          onClickApply: v
-        }
-      )
-    ] }) })
-  ] });
-}
-const at = N.memo(function({ tagClass: e = "" }) {
-  const t = `partial-loading-background d-inline-block rounded-pill py-1 px-2 mb-1 me-1 text-nowrap ${e} ${zt.partialTag}`;
-  return /* @__PURE__ */ i.jsx("div", { className: "mt-1", children: /* @__PURE__ */ i.jsx("span", { className: t, children: " " }) });
-}), Te = 400;
-function Di(e) {
-  const { state: t, containerRef: n, mediaQuery: s } = e, [a, o] = N.useState(!1), [c, r] = N.useState({}), [l, u] = N.useState(null), g = N.useMemo(() => $e.isTouchScreen(), []);
-  N.useEffect(() => {
-    !n.current || !t.containerLeftPosition || g || setTimeout(() => m(), Te + 50);
-  }, [
-    n.current,
-    s,
-    t.offset,
-    t.containerLeftPosition
-  ]);
-  function m() {
-    var k;
-    const p = t;
-    if (!((k = n.current) != null && k.children))
-      return;
-    const y = Array.from(n.current.children).reduce((Y, H) => {
-      const q = H == null ? void 0 : H.getBoundingClientRect(), O = q.left < p.containerRightPosition && q.right > p.containerLeftPosition;
-      return {
-        ...Y,
-        [H.id]: O ? {
-          "aria-hidden": !1
-        } : {
-          "aria-hidden": !0,
-          inert: "true"
-        }
-      };
-    }, {});
-    r(y);
-  }
-  function h(p) {
-    const y = t;
-    return g || p >= y.offset - y.viewableItems && p < y.offset ? {
-      "aria-hidden": !1
-    } : {
-      inert: "true",
-      "aria-hidden": !0
-    };
-  }
-  function v() {
-    setTimeout(() => {
-      if (!n.current)
-        return;
-      const p = n.current.querySelectorAll("li[aria-hidden]");
-      let y = null;
-      for (let k = l + 1; k < p.length && !y; k++)
-        y = p[k].querySelector('a[tabindex="0"]');
-      y && y.focus();
-    }, Te + 100);
-  }
-  function A() {
-    setTimeout(() => {
-      if (!n.current)
-        return;
-      const p = n.current.querySelectorAll("li[aria-hidden]");
-      let y = null;
-      for (let k = l - 1; k >= 0 && !y; k--)
-        y = p[k].querySelector('a[tabindex="0"]');
-      y && y.focus();
-    }, Te + 100);
-  }
-  function T(p) {
-    document.querySelector(".user-is-tabbing") && (o(!0), u(p));
-  }
-  function $() {
-    document.querySelector(".user-is-tabbing") || (o(!1), u(null));
-  }
-  return {
-    isTabbing: a,
-    onFocusWidget: T,
-    onBlurWidget: $,
-    getFixedAttributes: h,
-    dynamicAttributes: c,
-    focusNext: v,
-    focusPrev: A
-  };
-}
-var Ue = /* @__PURE__ */ ((e) => (e.Percentage = "%", e.Pixels = "px", e))(Ue || {});
-const xt = new Image();
-xt.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";
-const wi = {
-  // This removes the image that appears when you drag a draggable HTML element
-  hideDragImage(e) {
-    !e.dataTransfer.setDragImage || !ve.isFunction(e.dataTransfer.setDragImage) || e.dataTransfer.setDragImage(xt, 0, 0);
-  }
-}, Ti = $e.isTouchScreen(), Ni = (e, t, n) => (t === Ue.Percentage && n && (e = e - n), {
-  transform: `translate3d(${e}${t}, 0px, 0px)`,
-  // Sync with transition time in useWidgetKeyboard.ts
-  transition: "transform .4s ease-in-out"
-}), Fi = C.forwardRef((e, t) => {
-  const { children: n, positionType: s, onDrag: a, onDragEnd: o, onTouchMove: c, onTouchEnd: r, percentageDragged: l, position: u = 0 } = e;
-  function g() {
-    const m = {};
-    return a && o && (m.draggable = !0, m.onDragEnd = o, m.onDragStart = wi.hideDragImage, m.onDragOver = a), c && r && Ti && (m.onTouchMoveCapture = c, m.onTouchEndCapture = r), m;
-  }
-  return /* @__PURE__ */ i.jsx(
-    "ul",
-    {
-      className: "list-unstyled d-flex flex-nowrap position-relative w-100 mb-0",
-      style: Ni(u, s, l),
-      ref: t,
-      ...g(),
-      children: n
-    }
-  );
-});
-function _i(e) {
-  return /* @__PURE__ */ i.jsx("svg", { ...e, children: /* @__PURE__ */ i.jsx(
-    "path",
-    {
-      d: "M15.695 11.267c.407.41.407 1.056 0 1.466L9.79 18.696a1.046 1.046 0 0 1-1.474 0l-.01-.01a1.034 1.034 0 0 1 0-1.467L13.474 12l-5.17-5.22a1.034 1.034 0 0 1 0-1.465l.012-.011a1.046 1.046 0 0 1 1.474 0z",
-      fill: "currentColor"
-    }
-  ) });
-}
-const Oi = "_buttonContainer_1pl2q_1", Ri = "_left_1pl2q_7", Li = "_right_1pl2q_13", Ei = "_button_1pl2q_1", $i = "_hoverText_1pl2q_35", Pi = "_chevron_1pl2q_42", Ui = "_extendedClickableArea_1pl2q_42", Mi = "_gradientRight_1pl2q_54", Gi = "_gradientLeft_1pl2q_54", Vi = "_topPos_1pl2q_81", L = {
-  buttonContainer: Oi,
-  left: Ri,
-  right: Li,
-  button: Ei,
-  hoverText: $i,
-  chevron: Pi,
-  extendedClickableArea: Ui,
-  gradientRight: Mi,
-  gradientLeft: Gi,
-  topPos: Vi
-}, Yi = "shared.widgetButton", rt = V.encloseNamespace(Yi);
-var Re = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(Re || {});
-const ot = C.memo(function(e) {
-  const t = e.direction === 0, n = t ? qt : _i;
-  function s() {
-    let o = L.topPos;
-    return t ? o += ` ${L.left} ${e.leftButtonClassName}` : o += ` ${L.right} ${e.rightButtonClassName}`, o;
-  }
-  function a() {
-    var o, c;
-    return ((o = e.state) == null ? void 0 : o.contents) === "videos" ? { paddingBottom: 56.25 / ((c = e.state) == null ? void 0 : c.viewableItems) + "%" } : { height: "100%" };
-  }
-  return e.hide ? /* @__PURE__ */ i.jsx(i.Fragment, {}) : /* @__PURE__ */ i.jsxs("div", { className: `${L.buttonContainer} ${e.containerClassName ? e.containerClassName : ""}`, style: a(), children: [
-    e.useGradientBackdrop && /* @__PURE__ */ i.jsx("div", { className: t ? `${L.gradientLeft} ${e.leftGradientClassName}` : `${L.gradientRight} ${e.rightGradientClassName}` }),
-    !e.hideExtendedClickableArea && /* @__PURE__ */ i.jsx(
-      "button",
-      {
-        onClick: e.onClick,
-        className: `${L.extendedClickableArea} ${t ? L.left : L.right}`,
-        tabIndex: -1
-      }
-    ),
-    /* @__PURE__ */ i.jsxs(
-      "button",
-      {
-        className: `${s()} ${L.button} ${e.className || ""}`,
-        onClick: e.onClick,
-        "aria-label": rt(t ? "previous" : "next"),
-        children: [
-          e.hoverText && /* @__PURE__ */ i.jsx("span", { className: `ps-3 pe-2 ${L.hoverText}`, children: e.hoverText }),
-          /* @__PURE__ */ i.jsx(
-            Ee,
-            {
-              svg: n,
-              size: Lt.Medium,
-              className: `svg-container d-inline-block ${L.chevron}`
-            }
-          )
-        ]
-      }
-    )
-  ] });
-});
-var _ = /* @__PURE__ */ ((e) => (e.Init = "init", e.Next = "next", e.Previous = "previous", e.Resize = "resize", e.Drag = "drag", e.Update = "update", e.JumpToIndex = "jump-to-index", e))(_ || {});
-function Hi(e, t, n = []) {
-  let s;
-  const a = () => {
-    e(), window.clearTimeout(s), s = window.setTimeout(t, 100);
-  };
-  C.useEffect(() => (window.addEventListener("resize", t ? a : e), () => window.removeEventListener("resize", t ? a : e)), [...n]);
-}
-const Wi = (e, t, n) => () => {
-  e.container.current && (e.container.current.style.transition = ""), t({
-    type: _.Resize,
-    payload: {
-      elementRefs: e,
-      mediaQuery: n
-    }
-  });
-}, zi = (e) => () => {
-  e.current && (e.current.style.transition = "transform .4s ease-in-out");
-}, Qi = (e, t, n, s, a) => (o) => {
-  const c = o.clientX;
-  let r = s;
-  r || (r = { ...t, initialMouseX: c }, a(r), e.current.style.transition = ""), n({
-    type: _.Drag,
-    payload: {
-      widgetSnapshot: r,
-      currentMouseX: c
-    }
-  });
-}, Xi = (e, t) => () => {
-  e.current.style.transition = "transform .4s ease-in-out", t(null);
-};
-function pt(e) {
-  return e === De.XS ? 200 : e === De.SM || e === De.MD ? 350 : 500;
-}
-const Le = {
-  offset: 0,
-  containerLeftPosition: null,
-  containerRightPosition: null,
-  firstElementPosition: null,
-  lastElementPosition: null,
-  hideLeftButton: !0,
-  hideRightButton: !0,
-  maxSlideDistance: 0,
-  leftOffsetLimit: null
-}, yt = (e) => {
-  const { container: t, lastElement: n } = e.elementRefs;
-  if (!(t != null && t.current) || !(n != null && n.current))
-    return Le;
-  const s = t.current.getBoundingClientRect(), a = s.left, o = s.right, c = a, r = n.current.getBoundingClientRect().right, l = o - r;
-  return {
-    ...Le,
-    containerLeftPosition: a,
-    containerRightPosition: o,
-    firstElementPosition: c,
-    lastElementPosition: r,
-    hideRightButton: r < o,
-    leftOffsetLimit: l,
-    maxSlideDistance: pt(e.mediaQuery)
-  };
-}, Bi = (e) => ({
-  ...yt({
-    ...e,
-    ...e.elementRefs
-  }),
-  maxSlideDistance: pt(e.mediaQuery)
-}), Ki = (e) => {
-  const { firstElementPosition: t, lastElementPosition: n, maxSlideDistance: s, offset: a, containerRightPosition: o } = e, c = n - o >= s ? s : n - o;
-  return {
-    firstElementPosition: t - c,
-    lastElementPosition: n - c,
-    offset: a - c,
-    hideRightButton: n - c === o,
-    hideLeftButton: !1
-  };
-}, Zi = (e) => {
-  const { containerLeftPosition: t, firstElementPosition: n, lastElementPosition: s, maxSlideDistance: a, offset: o } = e, c = n + a <= t, r = c ? a : Math.abs(o);
-  return {
-    firstElementPosition: n + r,
-    lastElementPosition: s + r,
-    offset: o + r,
-    hideLeftButton: !c || n + r === t,
-    hideRightButton: !1
-  };
-}, qi = (e, t) => {
-  const { widgetSnapshot: n, currentMouseX: s } = t;
-  if (n.hideLeftButton && n.hideRightButton)
-    return {};
-  const a = n.initialMouseX - s;
-  let o = n.offset - a, c = n.firstElementPosition - a, r = n.lastElementPosition - a, l = !1, u = !1;
-  return c > e.containerLeftPosition && (o = 0, c = e.containerLeftPosition, r = e.lastElementPosition, l = !0), r <= e.containerRightPosition && (o = e.leftOffsetLimit, c = e.containerLeftPosition - Math.abs(e.leftOffsetLimit), r = n.containerRightPosition, u = !0), {
-    offset: o,
-    firstElementPosition: c,
-    lastElementPosition: r,
-    hideLeftButton: l,
-    hideRightButton: u
-  };
-};
-function Ji(e, t) {
-  switch (t.type) {
-    case _.Init:
-      return {
-        ...e,
-        ...yt(t.payload)
-      };
-    case _.Resize:
-      return {
-        ...e,
-        ...Bi(t.payload)
-      };
-    case _.Next:
-      return {
-        ...e,
-        ...Ki(e)
-      };
-    case _.Previous:
-      return {
-        ...e,
-        ...Zi(e)
-      };
-    case _.Drag:
-      return {
-        ...e,
-        ...qi(e, t.payload)
-      };
-    default:
-      return e;
-  }
-}
-const es = "_itemSpacing_1j5ri_1", ts = "_header_1j5ri_4", ns = "_mobileScroll_1j5ri_8", is = "_leftGradient_1j5ri_16", ss = "_leftGradientNoPadding_1j5ri_19", as = "_leftButton_1j5ri_22", rs = "_leftButtonNoPadding_1j5ri_25", os = "_rightGradient_1j5ri_28", cs = "_rightGradientNoPadding_1j5ri_31", ls = "_rightButton_1j5ri_34", ds = "_rightButtonNoPadding_1j5ri_37", R = {
-  itemSpacing: es,
-  header: ts,
-  mobileScroll: ns,
-  leftGradient: is,
-  leftGradientNoPadding: ss,
-  leftButton: as,
-  leftButtonNoPadding: rs,
-  rightGradient: os,
-  rightGradientNoPadding: cs,
-  rightButton: ls,
-  rightButtonNoPadding: ds
-};
-bt.defaultProps = {
-  heading: "",
-  description: "",
-  childComponentProps: {}
-};
-function bt(e) {
-  const { childComponent: t, staticChildren: n, getWidgetItemAnalyticsData: s = () => {
-  } } = e, [a, o] = C.useReducer(Ji, Le), [c, r] = C.useState(null), l = {
-    container: C.useRef(null),
-    firstElement: C.useRef(null),
-    lastElement: C.useRef(null)
-  }, u = Mt(), g = $e.isTabletOrMobile(), { dynamicAttributes: m, focusNext: h, focusPrev: v, onFocusWidget: A, onBlurWidget: T } = Di({ state: a, containerRef: l.container, mediaQuery: u });
-  Hi(
-    Wi(l, o, u),
-    zi(l.container),
-    [u]
-  );
-  const { ref: $, inView: p } = en({ prevent: !e.lazyLoad });
-  let y = e.collection;
-  !e.collection && ve.isFunction(e.fetch) && (y = e.fetch(p).data), C.useEffect(() => {
-    !y || le.isEmpty(y) || o({
-      type: _.Init,
-      payload: {
-        elementRefs: l,
-        mediaQuery: u
-      }
-    });
-  }, [y]);
-  function k() {
-    if (!y)
-      return;
-    const O = (n == null ? void 0 : n.filter((F) => F.position === "start")) ?? [], W = (n == null ? void 0 : n.filter((F) => F.position === "end")) ?? [];
-    let ue = y.map((F, z) => {
-      let te;
-      F === D.first(y) && (O != null && O.length) && (te = l.firstElement), F === D.last(y) && !(W != null && W.length) && (te = l.lastElement);
-      const At = z + 1 === y.length;
-      return /* @__PURE__ */ i.jsx(
-        "li",
-        {
-          id: F.id,
-          ref: te,
-          onFocus: () => A(z),
-          onBlur: () => T(),
-          className: `${R.itemSpacing} ${e.childClassName || ""} ${At && g ? "pe-4" : ""}`,
-          ...m[F.id],
-          children: /* @__PURE__ */ i.jsx(
-            t,
-            {
-              getChildAppLink: e.getChildAppLink,
-              data: F,
-              getSubtitle: e.getSubtitle,
-              analyticsData: {
-                itemIndex: z,
-                ...e.analyticsData,
-                ...s(F)
-              },
-              analyticsOptions: { ...e == null ? void 0 : e.analyticsOptions, ...Ie.getSliderItemAnalyticsOptions() },
-              ...e.childComponentProps
-            }
-          )
-        },
-        F.id
-      );
-    });
-    return O.length && (ue = [
-      ...O.map((F, z) => {
-        const te = F.component;
-        return /* @__PURE__ */ i.jsx(
-          "li",
-          {
-            ref: z === 0 ? l.firstElement : null,
-            className: `${R.itemSpacing} ${e.childClassName || ""}`,
-            children: /* @__PURE__ */ i.jsx(te, {})
-          },
-          `first-widget-component:${z}`
-        );
-      }),
-      ...ue
-    ]), W.length && (ue = [
-      ...ue,
-      ...W.map((F, z) => {
-        const te = F.component;
-        return /* @__PURE__ */ i.jsx(
-          "li",
-          {
-            ref: z === W.length - 1 ? l.lastElement : null,
-            className: `${R.itemSpacing} ${e.childClassName || ""}`,
-            children: /* @__PURE__ */ i.jsx(te, {})
-          },
-          `end-widget-component:${z}`
-        );
-      })
-    ]), /* @__PURE__ */ i.jsx(i.Fragment, { children: ue });
-  }
-  const Y = C.useMemo(k, [
-    y,
-    m,
-    a.offset,
-    u,
-    ...e.widgetDataDeps || []
-  ]);
-  if (y && !y.length && !(n != null && n.length))
-    return /* @__PURE__ */ i.jsx(i.Fragment, {});
-  if (!y || le.isEmpty(y))
-    return /* @__PURE__ */ i.jsx("div", { ref: $, children: /* @__PURE__ */ i.jsx(
-      us,
-      {
-        partialLoadingComponent: e.partialLoadingComponent,
-        partialLoadingOptions: e.partialLoadingOptions
-      }
-    ) });
-  const H = (O) => ({
-    ...e.analyticsData,
-    id: e.id,
-    name: e.heading,
-    direction: O === _.Next ? "right" : "left"
-  }), q = g || e.hideButtons;
-  return /* @__PURE__ */ i.jsxs("div", { className: `${e.noNegativePadding ? "" : "mx-n4"}`, children: [
-    /* @__PURE__ */ i.jsx("div", { className: `px-4 ${R.header}`, children: /* @__PURE__ */ i.jsx(
-      Qt,
-      {
-        name: e.heading,
-        description: e.description,
-        appLink: e.headingAppLink,
-        showSeeMoreLink: !!e.headingAppLink
-      }
-    ) }),
-    /* @__PURE__ */ i.jsx("div", { className: "position-relative", children: /* @__PURE__ */ i.jsx("div", { className: `${e.noNegativePadding ? "" : "px-4"} py-3 my-n3 position-relative ${g ? R.mobileScroll : "overflow-hidden-x"}`, children: /* @__PURE__ */ i.jsxs("div", { className: `position-relative ${e.hideButtons ? "overflow-hidden-x" : ""}`, children: [
-      !q && /* @__PURE__ */ i.jsx(
-        ot,
-        {
-          direction: Re.Left,
-          onClick: () => {
-            v(), o({ type: _.Previous }), Ce.logUserAction(
-              H(_.Previous),
-              Ie.getSliderAnalyticsOptions()
-            );
-          },
-          leftButtonClassName: `${R.leftButton} ${e.noNegativePadding ? R.leftButtonNoPadding : ""}`,
-          leftGradientClassName: `${R.leftGradient} ${e.noNegativePadding ? R.leftGradientNoPadding : ""}`,
-          hide: a.hideLeftButton,
-          useGradientBackdrop: !0
-        }
-      ),
-      /* @__PURE__ */ i.jsx(
-        Fi,
-        {
-          position: a.offset,
-          positionType: Ue.Pixels,
-          onDrag: Qi(l.container, a, o, c, r),
-          onDragEnd: Xi(l.container, r),
-          ref: l.container,
-          children: Y
-        }
-      ),
-      !q && /* @__PURE__ */ i.jsx(
-        ot,
-        {
-          direction: Re.Right,
-          onClick: () => {
-            h(), o({ type: _.Next }), Ce.logUserAction(
-              H(_.Next),
-              Ie.getSliderAnalyticsOptions()
-            );
-          },
-          hide: a.hideRightButton,
-          rightButtonClassName: `${R.rightButton} ${e.noNegativePadding ? R.rightButtonNoPadding : ""}`,
-          rightGradientClassName: `${R.rightGradient} ${e.noNegativePadding ? R.rightGradientNoPadding : ""}`,
-          useGradientBackdrop: !0
-        }
-      )
-    ] }) }) })
-  ] });
-}
-const us = (e) => {
-  const { partialLoadingComponent: t, partialLoadingOptions: n } = e;
-  return /* @__PURE__ */ i.jsx("div", { className: "d-flex flex-nowrap overflow-hidden", children: Jt.getPartialLoadingItems(n).map((s, a) => /* @__PURE__ */ i.jsx(t, {}, a)) });
-};
-function ms(e) {
-  const n = e.selectedItems.find((s) => s.id === e.data.id) ? "bg-gray-900 text-white" : "bg-light";
-  return /* @__PURE__ */ i.jsx(
-    Xt,
-    {
-      tag: e.data,
-      appLink: e.appLink,
-      tagClass: `no-decoration ${n} lh-1`,
-      onClick: () => e.onClick(e.data)
-    }
-  );
-}
-const fs = "_tagItem_165ya_1", ct = {
-  tagItem: fs
-};
-function gs(e) {
-  var l, u, g;
-  const { state: t } = N.useContext(de);
-  if (!((l = e.filter) != null && l.id))
-    return /* @__PURE__ */ i.jsx(i.Fragment, {});
-  const n = t[e.filter.id], { selection: s } = n, a = ((g = (u = e.filter) == null ? void 0 : u.options) == null ? void 0 : g.filter((m) => !(s != null && s.find((h) => h.id === m.id)))) ?? [];
-  function o(m) {
-    let h = null, v = -1;
-    if (s.find((A, T) => {
-      v > -1 || A.id.toString() === m.id.toString() && (v = T);
-    }), v >= 0) {
-      const A = [...s.slice(0, v), ...s.slice(v + 1)];
-      h = {
-        active: !!A.length,
-        selection: A
-      };
-    } else
-      h = {
-        active: !0,
-        selection: s.concat(m)
-      };
-    j.applyFilter(
-      [e.filter],
-      n,
-      { [e.filter.id]: h },
-      t.appLink
-    );
-  }
-  function c() {
-    let m = "mb-3";
-    return r.length && e.isFetching ? m += " mt-n1" : !r.length && !e.isFetching && (m += " d-none"), m;
-  }
-  const r = [...s, ...e.isFetching ? [] : a];
-  return /* @__PURE__ */ i.jsx("div", { className: e.isFetching || r.length ? "py-2" : "", children: /* @__PURE__ */ i.jsx("div", { className: c(), children: (!!r.length || e.isFetching) && /* @__PURE__ */ i.jsx(
-    bt,
-    {
-      collection: r,
-      childComponent: (m) => /* @__PURE__ */ i.jsx(
-        ms,
-        {
-          ...m,
-          selectedItems: s,
-          onClick: o
-        }
-      ),
-      staticChildren: e.isFetching ? new Array(3).fill({
-        component: () => /* @__PURE__ */ i.jsx(at, { tagClass: ct.tagItem }),
-        position: "end"
-      }) : [],
-      partialLoadingComponent: () => /* @__PURE__ */ i.jsx("div", { className: "me-2", children: /* @__PURE__ */ i.jsx(at, { tagClass: `${ct.tagItem}` }) })
-    }
-  ) }) });
-}
-function hs(e) {
-  const { state: t } = C.useContext(de), n = () => {
-    var o;
-    const s = ((o = Et.getCurrentRoute().appLink) == null ? void 0 : o.params) ?? {}, a = le.pick(s, ["query", ut]);
-    dt.trigger({
-      ...t.appLink,
-      params: a
-    });
-  };
-  return /* @__PURE__ */ i.jsx(
-    ge,
-    {
-      onClick: n,
-      className: `${e.alignLeft ? "order-first" : ""} hover-text-underline cursor-pointer d-flex align-items-center mx-2`,
-      children: /* @__PURE__ */ i.jsx(b, { namespace: "search.resetButton", phrase: "reset" })
-    }
-  );
-}
-const vs = "_filtersContainer_1pjxc_9", xs = {
-  filtersContainer: vs
-};
-function _s(e) {
-  const { queryParams: t, appLink: n, hideHeading: s, isFetchingOptions: a, constantIndices: o = [] } = e, c = C.useMemo(() => j.deriveInitialStateFromQuery(t, e.mainFilters, e.moreFilters, n), [t, a]), [r, l] = C.useReducer(tn, c);
-  C.useEffect(() => {
-    le.isEqual(c, r) || (l({
-      type: "update",
-      payload: c
-    }), e.analyticsOptions && j.logFilterEvent(
-      e.mainFilters,
-      e.moreFilters,
-      c,
-      t.query,
-      e.analyticsOptions
-    ));
-  }, [c]);
-  const u = D.uniq([
-    ...j.getAppliedIndices(t, e._hasNewSearch),
-    ...o
-  ]), { mainFilters: g, moreFilters: m } = j.mixinDisabledFields(
-    r,
-    u,
-    e.mainFilters,
-    e.moreFilters
-  ), h = g.filter((A) => A.type !== "tag"), v = g.find((A) => A.type === "tag");
-  return /* @__PURE__ */ i.jsx(de.Provider, { value: { state: r, dispatch: l }, children: /* @__PURE__ */ i.jsx($t.Provider, { value: "search.searchFilters", children: /* @__PURE__ */ i.jsxs("section", { children: [
-    /* @__PURE__ */ i.jsxs("div", { className: Ve(
-      "d-flex",
-      !e.hideDivider && "border-bottom pb-3 mb-3",
-      e._hasNewSearch && e.hideDivider && "pb-3",
-      e._hasNewSearch && !e.hideDivider && "border-gray-300"
-    ), children: [
-      !s && /* @__PURE__ */ i.jsx("h2", { className: "h5 mb-0 d-inline-block pe-2 border-end d-flex align-items-center", children: /* @__PURE__ */ i.jsx(b, { phrase: "heading" }) }),
-      /* @__PURE__ */ i.jsxs("div", { className: Ve(`d-flex flex-wrap ${xs.filtersContainer}`, !s && "ms-2"), children: [
-        h.map((A) => /* @__PURE__ */ i.jsx(vt, { filter: A, hideCaret: e.hideCaret }, A.id)),
-        m && /* @__PURE__ */ i.jsx(Ii, { filter: m }),
-        j.hasActiveFilters(t) && !e.hideResetButton && /* @__PURE__ */ i.jsx(
-          hs,
-          {
-            mainFilters: e.mainFilters,
-            moreFilters: e.moreFilters,
-            currentQueryParam: t.query,
-            analyticsOptions: e.analyticsOptions,
-            alignLeft: e.alignResetButtonLeft
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ i.jsx(
-      gs,
-      {
-        filter: v,
-        queryParams: t,
-        isFetching: e.isFetchingOptions
-      }
-    )
-  ] }) }) });
-}
-export {
-  Fs as F,
-  _s as S,
-  j as a,
-  ne as b
-};