@clickview/exchange 0.43.0-rc.2 → 0.43.1-dev.0

package/dist/SearchFilters-C_yEnumc.js

@@ -0,0 +1,3046 @@
+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
+};