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

package/dist/VideoList-s7lvSqSs.js

@@ -1,2622 +0,0 @@
-import { r as L, a1 as vn, aA as hn, j as t, ai as vt, ao as R, B as X, aB as ht, a9 as Fe, ad as O, ac as we, ab as ie, R as b, aC as Bt, c as I, F as z, w as Oe, G as T, L as H, Q as W, J as Y, aw as Cn, O as fn, I as xn, ar as yn, an as le, M as Re, X as de, at as be, ap as He, q as Et, aD as zt, ay as Ct, _ as Ln, au as F, A as jn } from "./app-2U039aX_.js";
-import { b as wn } from "./ExchangeUtils-CCCrn5oQ.js";
-import { u as bn, a as Nn, b as kn, C as Me, i as In, c as Sn, g as _n, K as he, D as Pn } from "./DragDropMoveWrapper-TdzJqiqv.js";
-import { G as An, V as A, R as Be, a as $n, C as Tn } from "./UseGetMediaQueryString-Dc_jP0rr.js";
-import { S as Vn } from "./ScrollHelper-Dg7bDIH7.js";
-import { V as u } from "./VideoHelper-3AKe5Jyy.js";
-import { B as J, a as Z, C as Dn } from "./Badge-Ddz0Il5v.js";
-import { B as Ee } from "./BadgeListContainer-CqwUuWKL.js";
-import { u as Fn } from "./UseAlerts-B2BbQeN3.js";
-import { B as ze, u as Ge } from "./useBreakpoints-37V489ap.js";
-import { g as Rn, B as On, I as Ue, a as Ze } from "./UseSelectAllPages-Cnk3MEAt.js";
-import { L as Gt, R as We, a as Hn } from "./RestrictionHelper-BSceJYz-.js";
-import { T as ft, u as Mn, O as xt, V as Ne, c as Bn, I as En, a as zn, R as Gn, L as Un } from "./LinkifyHelper-DPHYATPc.js";
-import { a as Ye, u as me } from "./UseHover-Cc_d5rRf.js";
-import { C as Zn } from "./CloseSvg-2PKjla1T.js";
-import { M as oe } from "./MediaQueries-9caJ2eG6.js";
-import { A as Wn } from "./Actions-DfeKDy3k.js";
-import { H as $ } from "./HardCoded-25AFj2sZ.js";
-var D = /* @__PURE__ */ ((e) => (e[e.MultipleChoice = 1] = "MultipleChoice", e[e.ShortAnswer = 2] = "ShortAnswer", e[e.TrueOrFalse = 3] = "TrueOrFalse", e[e.Annotation = 4] = "Annotation", e[e.Image = 5] = "Image", e[e.MissingWord = 6] = "MissingWord", e[e.Illustration = 7] = "Illustration", e))(D || {});
-const Yn = {
-  7: !0
-}, Qn = L.createContext(null);
-function qn(e) {
-  return "series" in e ? wn(e.series) : null;
-}
-function is() {
-  var i;
-  const e = vn(hn.config());
-  return {
-    hasCommonVideoPropsCompleted: e.hasCompleted,
-    commonVideoProps: {
-      subTextType: "series",
-      getSubTextAppLink: qn,
-      isPlugin: !1,
-      canFavourite: null,
-      setFavourite: null,
-      yearGroups: null,
-      imageCdnUrl: (i = e.data) == null ? void 0 : i.imageCdnUrl,
-      getClassroomGuideAppLink: null,
-      getInteractiveGuidanceAppLink: null,
-      getResourceGuidanceAppLink: null,
-      showNewVideoIndicator: !1,
-      companyLogoFallbackUrl: null,
-      hasStudentExperience: !1
-    }
-  };
-}
-function yt(e, n, i) {
-  if (!n)
-    return null;
-  const a = e.params ?? {};
-  return i ? a != null && a.previous ? {
-    application: e.application,
-    action: e.action,
-    args: e.args,
-    params: {
-      ...a,
-      cursor: a == null ? void 0 : a.previous,
-      previous: null
-    }
-  } : {
-    application: e.application,
-    action: e.action,
-    args: e.args,
-    params: {
-      ...a,
-      cursor: null,
-      previous: null
-    }
-  } : {
-    application: e.application,
-    action: e.action,
-    args: e.args,
-    params: {
-      ...a,
-      cursor: n,
-      previous: a.cursor
-    }
-  };
-}
-Ut.defaultProps = {
-  className: "py-2",
-  buttonVariant: "secondary"
-};
-function Ut({ appLink: e, cursors: n, className: i, buttonVariant: a, prevHack: o, scrollTop: c, onClick: s }) {
-  function r(l) {
-    e && c === !1 && Vn.preventScrollTop(), Fe.logUserAction({ page: l }, {
-      location: ie.Pagination,
-      entity: we.Pagination,
-      actionType: O.Navigate
-    }), s && s(n[l]);
-  }
-  return e ? /* @__PURE__ */ t.jsx(vt.Provider, { value: "shared.pagination", children: /* @__PURE__ */ t.jsxs("div", { className: i, children: [
-    /* @__PURE__ */ t.jsx(
-      R,
-      {
-        appLink: yt(e, n.previous, o),
-        className: `btn btn-${a} me-1 ${n.previous ? "" : "disabled"}`,
-        onClick: () => r("previous"),
-        style: { display: "inline-block" },
-        children: /* @__PURE__ */ t.jsx(X, { phrase: "previous" })
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      R,
-      {
-        appLink: yt(e, n.next),
-        className: `btn btn-${a} ${n.next ? "" : "disabled"}`,
-        onClick: () => r("next"),
-        style: { display: "inline-block" },
-        children: /* @__PURE__ */ t.jsx(X, { phrase: "next" })
-      }
-    )
-  ] }) }) : /* @__PURE__ */ t.jsx(vt.Provider, { value: "shared.pagination", children: /* @__PURE__ */ t.jsxs("div", { className: i, children: [
-    /* @__PURE__ */ t.jsx(
-      ht,
-      {
-        variant: a,
-        className: `me-1 ${n.previous ? "" : "disabled"}`,
-        onClick: () => r("previous"),
-        children: /* @__PURE__ */ t.jsx(X, { phrase: "previous" })
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      ht,
-      {
-        variant: a,
-        className: `btn ${n.next ? "" : "disabled"}`,
-        onClick: () => r("next"),
-        children: /* @__PURE__ */ t.jsx(X, { phrase: "next" })
-      }
-    )
-  ] }) });
-}
-function Zt(e, n, i) {
-  const a = e.slice();
-  return a.splice(i < 0 ? a.length + i : i, 0, a.splice(n, 1)[0]), a;
-}
-function Ce(e) {
-  return e !== null && e >= 0;
-}
-const Xn = (e) => {
-  let {
-    rects: n,
-    activeIndex: i,
-    overIndex: a,
-    index: o
-  } = e;
-  const c = Zt(n, a, i), s = n[o], r = c[o];
-  return !r || !s ? null : {
-    x: r.left - s.left,
-    y: r.top - s.top,
-    scaleX: r.width / s.width,
-    scaleY: r.height / s.height
-  };
-}, Kn = "Sortable", Jn = /* @__PURE__ */ b.createContext({
-  activeIndex: -1,
-  containerId: Kn,
-  disableTransforms: !1,
-  items: [],
-  overIndex: -1,
-  useDragOverlay: !1,
-  sortedRects: [],
-  strategy: Xn,
-  disabled: {
-    draggable: !1,
-    droppable: !1
-  }
-}), pn = (e) => {
-  let {
-    id: n,
-    items: i,
-    activeIndex: a,
-    overIndex: o
-  } = e;
-  return Zt(i, a, o).indexOf(n);
-}, ei = (e) => {
-  let {
-    containerId: n,
-    isSorting: i,
-    wasDragging: a,
-    index: o,
-    items: c,
-    newIndex: s,
-    previousItems: r,
-    previousContainerId: l,
-    transition: d
-  } = e;
-  return !d || !a || r !== c && o === s ? !1 : i ? !0 : s !== o && n === l;
-}, ti = {
-  duration: 200,
-  easing: "ease"
-}, Wt = "transform", ni = /* @__PURE__ */ Me.Transition.toString({
-  property: Wt,
-  duration: 0,
-  easing: "linear"
-}), ii = {
-  roleDescription: "sortable"
-};
-function ai(e) {
-  let {
-    disabled: n,
-    index: i,
-    node: a,
-    rect: o
-  } = e;
-  const [c, s] = L.useState(null), r = L.useRef(i);
-  return Sn(() => {
-    if (!n && i !== r.current && a.current) {
-      const l = o.current;
-      if (l) {
-        const d = _n(a.current, {
-          ignoreTransform: !0
-        }), m = {
-          x: l.left - d.left,
-          y: l.top - d.top,
-          scaleX: l.width / d.width,
-          scaleY: l.height / d.height
-        };
-        (m.x || m.y) && s(m);
-      }
-    }
-    i !== r.current && (r.current = i);
-  }, [n, i, a, o]), L.useEffect(() => {
-    c && requestAnimationFrame(() => {
-      s(null);
-    });
-  }, [c]), c;
-}
-function si(e) {
-  let {
-    animateLayoutChanges: n = ei,
-    attributes: i,
-    disabled: a,
-    data: o,
-    getNewIndex: c = pn,
-    id: s,
-    strategy: r,
-    resizeObserverConfig: l,
-    transition: d = ti
-  } = e;
-  const {
-    items: m,
-    containerId: v,
-    activeIndex: g,
-    disabled: C,
-    disableTransforms: x,
-    sortedRects: f,
-    overIndex: h,
-    useDragOverlay: k,
-    strategy: _
-  } = L.useContext(Jn), y = oi(a, C), w = m.indexOf(s), S = L.useMemo(() => ({
-    sortable: {
-      containerId: v,
-      index: w,
-      items: m
-    },
-    ...o
-  }), [v, o, w, m]), M = L.useMemo(() => m.slice(m.indexOf(s)), [m, s]), {
-    rect: G,
-    node: V,
-    isOver: Q,
-    setNodeRef: ae
-  } = bn({
-    id: s,
-    data: S,
-    disabled: y.droppable,
-    resizeObserverConfig: {
-      updateMeasurementsFor: M,
-      ...l
-    }
-  }), {
-    active: j,
-    activatorEvent: ve,
-    activeNodeRect: nn,
-    attributes: an,
-    setNodeRef: lt,
-    listeners: sn,
-    isDragging: $e,
-    over: on,
-    setActivatorNodeRef: rn,
-    transform: cn
-  } = Nn({
-    id: s,
-    data: S,
-    attributes: {
-      ...ii,
-      ...i
-    },
-    disabled: y.draggable
-  }), ln = kn(ae, lt), p = !!j, dt = p && !x && Ce(g) && Ce(h), ut = !k && $e, mt = ut && dt ? cn : null, dn = dt ? mt ?? (r ?? _)({
-    rects: f,
-    activeNodeRect: nn,
-    activeIndex: g,
-    overIndex: h,
-    index: w
-  }) : null, se = Ce(g) && Ce(h) ? c({
-    id: s,
-    items: m,
-    activeIndex: g,
-    overIndex: h
-  }) : w, ee = j == null ? void 0 : j.id, N = L.useRef({
-    activeId: ee,
-    items: m,
-    newIndex: se,
-    containerId: v
-  }), un = m !== N.current.items, gt = n({
-    active: j,
-    containerId: v,
-    isDragging: $e,
-    isSorting: p,
-    id: s,
-    index: w,
-    items: m,
-    newIndex: N.current.newIndex,
-    previousItems: N.current.items,
-    previousContainerId: N.current.containerId,
-    transition: d,
-    wasDragging: N.current.activeId != null
-  }), Te = ai({
-    disabled: !gt,
-    index: w,
-    node: V,
-    rect: G
-  });
-  return L.useEffect(() => {
-    p && N.current.newIndex !== se && (N.current.newIndex = se), v !== N.current.containerId && (N.current.containerId = v), m !== N.current.items && (N.current.items = m);
-  }, [p, se, v, m]), L.useEffect(() => {
-    if (ee === N.current.activeId)
-      return;
-    if (ee && !N.current.activeId) {
-      N.current.activeId = ee;
-      return;
-    }
-    const gn = setTimeout(() => {
-      N.current.activeId = ee;
-    }, 50);
-    return () => clearTimeout(gn);
-  }, [ee]), {
-    active: j,
-    activeIndex: g,
-    attributes: an,
-    data: S,
-    rect: G,
-    index: w,
-    newIndex: se,
-    items: m,
-    isOver: Q,
-    isSorting: p,
-    isDragging: $e,
-    listeners: sn,
-    node: V,
-    overIndex: h,
-    over: on,
-    setNodeRef: ln,
-    setActivatorNodeRef: rn,
-    setDroppableNodeRef: ae,
-    setDraggableNodeRef: lt,
-    transform: Te ?? dn,
-    transition: mn()
-  };
-  function mn() {
-    if (
-      // Temporarily disable transitions for a single frame to set up derived transforms
-      Te || // Or to prevent items jumping to back to their "new" position when items change
-      un && N.current.newIndex === w
-    )
-      return ni;
-    if (!(ut && !In(ve) || !d) && (p || gt))
-      return Me.Transition.toString({
-        ...d,
-        property: Wt
-      });
-  }
-}
-function oi(e, n) {
-  var i, a;
-  return typeof e == "boolean" ? {
-    draggable: e,
-    // Backwards compatibility
-    droppable: !1
-  } : {
-    draggable: (i = e == null ? void 0 : e.draggable) != null ? i : n.draggable,
-    droppable: (a = e == null ? void 0 : e.droppable) != null ? a : n.droppable
-  };
-}
-he.Down, he.Right, he.Up, he.Left;
-function ri(e, n, i) {
-  return n !== e ? null : i > n ? "down" : i < n ? "up" : null;
-}
-function Qe(e) {
-  const {
-    setNodeRef: n,
-    transform: i,
-    transition: a,
-    isSorting: o,
-    listeners: c,
-    attributes: s,
-    activeIndex: r,
-    overIndex: l,
-    index: d
-  } = si({ id: e.id }), m = {
-    transform: Me.Transform.toString(i),
-    transition: a,
-    touchAction: "none",
-    position: "relative"
-  };
-  o && d === r && (m.visibility = "hidden");
-  const v = e.childComponent, g = ri(d, r, l);
-  return /* @__PURE__ */ t.jsx(
-    v,
-    {
-      ...e.childProps,
-      ref: n,
-      style: m,
-      dragListeners: c,
-      dragAttributes: s,
-      dragDirection: g
-    }
-  );
-}
-function ci(e) {
-  return /* @__PURE__ */ t.jsx("svg", { ...e, children: /* @__PURE__ */ t.jsx(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M11.67 19.376a.5.5 0 0 0 .66 0c.732-.64 1.435-1.239 2.1-1.805 1.453-1.235 2.722-2.314 3.703-3.335 1.443-1.504 2.367-2.984 2.367-4.812 0-2.588-1.83-4.866-4.517-4.866-1.736 0-2.865 1.008-3.535 1.954a7 7 0 0 0-.448.733 7 7 0 0 0-.448-.733c-.67-.946-1.8-1.954-3.535-1.954C5.33 4.558 3.5 6.836 3.5 9.424c0 1.828.924 3.308 2.367 4.812.98 1.02 2.25 2.1 3.703 3.335.665.566 1.368 1.165 2.1 1.805m.812-10.7.001-.004.007-.022.03-.097a5.83 5.83 0 0 1 .744-1.463c.565-.798 1.428-1.532 2.72-1.532 2.03 0 3.516 1.72 3.516 3.866 0 1.445-.713 2.686-2.089 4.119-.944.984-2.151 2.01-3.579 3.224-.575.49-1.187 1.01-1.832 1.57-.645-.56-1.257-1.08-1.832-1.57-1.428-1.214-2.635-2.24-3.58-3.224C5.214 12.11 4.5 10.869 4.5 9.423c0-2.146 1.487-3.865 3.517-3.865 1.29 0 2.154.734 2.719 1.532a5.8 5.8 0 0 1 .774 1.56l.007.022v.004a.5.5 0 0 0 .965 0"
-    }
-  ) });
-}
-function li(e) {
-  return /* @__PURE__ */ t.jsx("svg", { ...e, children: /* @__PURE__ */ t.jsx(
-    "path",
-    {
-      fill: "currentColor",
-      fillOpacity: 0.9,
-      d: "M11.67 19.376a.5.5 0 0 0 .66 0c.732-.64 1.435-1.239 2.1-1.805 1.453-1.235 2.722-2.314 3.703-3.335 1.443-1.504 2.367-2.984 2.367-4.812 0-2.588-1.83-4.866-4.517-4.866-1.736 0-2.865 1.008-3.535 1.954a7 7 0 0 0-.448.733 7 7 0 0 0-.448-.733c-.67-.946-1.8-1.954-3.535-1.954C5.33 4.558 3.5 6.836 3.5 9.424c0 1.828.924 3.308 2.367 4.812.98 1.02 2.25 2.1 3.703 3.335.665.566 1.368 1.165 2.1 1.805"
-    }
-  ) });
-}
-const ge = {
-  /**
-   * This helper is based on a *critical* assumption that the with statement
-   * retrieving the favouritedBy collection uses a filter for the current user's id.
-   * 
-   * The reason we're not passing the current user as an arg is that we would need to 
-   * drill the user object all the way down to low level componenets.
-   * 
-   * @param object 
-   */
-  isFavouritedByCurrentUser(e) {
-    var n;
-    return ((n = e == null ? void 0 : e.favouritedBy) == null ? void 0 : n.data.length) === 1;
-  },
-  /**
-   * Determine whether the user has favourited the object
-   * 
-   * @param object 
-   */
-  isFavouritedByUser(e, n) {
-    var i;
-    return !!I.findWhere((i = e == null ? void 0 : e.favouritedBy) == null ? void 0 : i.data, { id: n == null ? void 0 : n.id });
-  },
-  updateVideoState(e, n, i) {
-    return {
-      id: e.id,
-      favouritedBy: {
-        data: i ? [{ id: n.id }] : [],
-        pagination: { limit: 25, cursors: { next: "", previous: "" } }
-      }
-    };
-  },
-  showFavouriteButton(e, n) {
-    var i;
-    return (i = u.getCanBeConsumed(e)) != null && i.canConsume ? !!(n || Bt.isTabletOrMobile() || ge.isFavouritedByCurrentUser(e)) : !1;
-  }
-}, di = "_favourited_19h9u_1", ui = "_favouriteButton_19h9u_1", mi = "_heart_19h9u_5", gi = "_heartOutline_19h9u_16", fe = {
-  favourited: di,
-  favouriteButton: ui,
-  heart: mi,
-  heartOutline: gi
-}, vi = "shared.favouriteButton", hi = H.encloseNamespace(vi);
-function qe(e) {
-  const n = Fn(), i = ge.isFavouritedByCurrentUser(e.video), [a, o] = L.useState(i);
-  L.useEffect(() => {
-    o(i);
-  }, [i]);
-  let s = `d-flex align-items-center justify-content-center cursor-pointer ${fe.favouriteButton} ${a ? fe.favourited : ""}`;
-  e.className && (s += ` ${e.className}`);
-  function r() {
-    const l = !a;
-    function d() {
-      function m() {
-        return u.isClip(e.video) ? l ? "favouriteClipError" : "unfavouriteClipError" : u.isInteractive(e.video) ? l ? "favouriteInteractiveError" : "unfavouriteInteractiveError" : l ? "favouriteVideoError" : "unfavouriteVideoError";
-      }
-      n.error(hi(m())), o(!l);
-    }
-    o(l), e.setFavourite(e.video, l, null, d, e.analyticsData, e.analyticsOptions);
-  }
-  return !z.isFunction(e.setFavourite) || !z.isFunction(e.canFavourite) ? /* @__PURE__ */ t.jsx(t.Fragment, {}) : e.canFavourite(e.video) ? /* @__PURE__ */ t.jsxs(Oe, { className: s, onClick: r, tabIndex: e.preventFocus ? -1 : void 0, children: [
-    /* @__PURE__ */ t.jsx(
-      T,
-      {
-        svg: li,
-        className: `svg-container ${fe.heart}`
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      T,
-      {
-        svg: ci,
-        className: `svg-container ${fe.heartOutline}`
-      }
-    )
-  ] }) : /* @__PURE__ */ t.jsx(t.Fragment, {});
-}
-function Ci(e) {
-  const n = u.getVideoProgress(e.video), i = n && e.video.duration && n / e.video.duration * 1e5;
-  return i ? /* @__PURE__ */ t.jsx("div", { className: "bg-primary h-100", style: { width: `${i}%` } }) : /* @__PURE__ */ t.jsx(t.Fragment, {});
-}
-const fi = "_bottomBar_575p1_1", xi = {
-  bottomBar: fi
-};
-function Xe(e) {
-  return u.isVideo(e.video) ? /* @__PURE__ */ t.jsx("div", { className: xi.bottomBar, children: /* @__PURE__ */ t.jsx(Ci, { video: e.video }) }) : /* @__PURE__ */ t.jsx(t.Fragment, {});
-}
-const yi = "d-inline-block svg-container", Li = "span";
-function ji(e) {
-  const {
-    children: n,
-    className: i = yi,
-    tagName: a = Li,
-    size: o = W.Standard,
-    onClick: c,
-    title: s,
-    tooltipPlacement: r = "right"
-  } = e, l = a, d = {
-    className: `${i} svg-container ${o}`,
-    onClick: z.isFunction(c) ? c : null
-  };
-  return s ? /* @__PURE__ */ t.jsx(Y, { title: s, placement: r, children: /* @__PURE__ */ t.jsx(l, { ...d, children: n }) }) : /* @__PURE__ */ t.jsx(l, { ...d, children: n });
-}
-const wi = "_std_1fcr4_1", bi = "_sm_1fcr4_5", Ni = "_stdIcon_1fcr4_10", ki = "_smIcon_1fcr4_21", te = {
-  std: wi,
-  sm: bi,
-  stdIcon: Ni,
-  smIcon: ki
-};
-function Ke(e) {
-  var n, i, a;
-  return !u.isInteractive(e.video) && !u.isClip(e.video) ? /* @__PURE__ */ t.jsx(t.Fragment, {}) : !e.video._liteOwner && !((n = e.video._isClickViewCurated) != null && n.value) ? /* @__PURE__ */ t.jsx(t.Fragment, {}) : (i = e.video._isClickViewCurated) != null && i.value ? /* @__PURE__ */ t.jsx("div", { className: `${e.size === "sm" ? te.sm : te.std} me-1 rounded-circle position-relative bg-white`, children: /* @__PURE__ */ t.jsx(ji, { className: `me-1 ${e.size === "sm" ? te.smIcon : te.stdIcon}`, children: /* @__PURE__ */ t.jsx(Cn, {}) }) }) : /* @__PURE__ */ t.jsx("div", { className: `${e.size === "sm" ? te.sm : te.std} me-1`, children: /* @__PURE__ */ t.jsx(
-    fn,
-    {
-      imageCdnUrl: e.imageCdnUrl,
-      initials: xn.getInitials(e.video._liteOwner.name, e.video._liteOwner.surname),
-      imageUrl: (a = e.video._liteOwner.avatar) == null ? void 0 : a.url
-    }
-  ) });
-}
-const Ii = "_pluginHover_wpoz0_1", Si = {
-  pluginHover: Ii
-}, _i = "shared.pluginHover";
-function Je(e) {
-  return !e.isPlugin || e.isPluginPopup ? /* @__PURE__ */ t.jsx(t.Fragment, {}) : /* @__PURE__ */ t.jsx(
-    R,
-    {
-      appLink: e.appLink,
-      analyticsData: e.analyticsData,
-      analyticsOptions: e.analyticsOptions,
-      onClick: e.onClick,
-      className: `
-        position-absolute top-0 start-0 end-0 bottom-0 opacity-0 cursor-pointer
-        ${Si.pluginHover}
-        ${e.className ? e.className : ""}
-      `,
-      children: /* @__PURE__ */ t.jsx("span", { className: "position-absolute top-50 start-50 translate-middle text-nowrap h4 text-white", children: /* @__PURE__ */ t.jsx(X, { namespace: _i, phrase: "embed" }) })
-    }
-  );
-}
-const Pi = "_padlock_z61gf_1", Ai = "_sm_z61gf_8", Lt = {
-  padlock: Pi,
-  sm: Ai
-};
-function pe(e) {
-  const n = e.size === "sm" ? W.Small : W.Standard;
-  return /* @__PURE__ */ t.jsx("div", { className: `${Lt.padlock} ${e.size === "sm" ? Lt.sm : ""} bg-white cursor-default d-flex align-items-center justify-content-center`, children: /* @__PURE__ */ t.jsx(T, { svg: Gt, size: n }) });
-}
-const $i = "_logo_1kz1f_1", Ti = "_sm_1kz1f_9", jt = {
-  logo: $i,
-  sm: Ti
-};
-ke.defaultProps = {
-  size: "md"
-};
-function ke(e) {
-  var o, c, s, r, l;
-  if (!u.isVideo(e.video) || !e.companyLogoFallbackUrl)
-    return /* @__PURE__ */ t.jsx(t.Fragment, {});
-  const n = (c = (o = e.video.productionCompanies) == null ? void 0 : o.data) == null ? void 0 : c[0], i = yn.createUrl(((s = n == null ? void 0 : n.logo) == null ? void 0 : s.url) ?? e.companyLogoFallbackUrl, { size: le.Small }), a = Rn(n.name, On);
-  return i ? /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-    Y,
-    {
-      title: n == null ? void 0 : n.name,
-      spanHack: !0,
-      children: /* @__PURE__ */ t.jsx(
-        "div",
-        {
-          className: `${jt.logo} ${e.size === "sm" ? jt.sm : ""} ${!((r = n == null ? void 0 : n.metadata) != null && r.colour) && a}`,
-          style: {
-            backgroundImage: `url(${i})`,
-            backgroundColor: (l = n == null ? void 0 : n.metadata) == null ? void 0 : l.colour
-          }
-        }
-      )
-    }
-  ) }) : /* @__PURE__ */ t.jsx(t.Fragment, {});
-}
-Ie.default = {
-  size: "md"
-};
-function Ie(e) {
-  return u.isClip(e.video) ? /* @__PURE__ */ t.jsx(ft, { typeId: Re.Clip, size: e.size, inContainer: !0 }) : u.isInteractive(e.video) ? /* @__PURE__ */ t.jsx(
-    ft,
-    {
-      typeId: Re.Interactive,
-      status: e.video.status,
-      size: e.size,
-      inContainer: !0
-    }
-  ) : /* @__PURE__ */ t.jsx(t.Fragment, {});
-}
-const Vi = "_hoverContainer_c9508_1", Di = "_hovering_c9508_12", Fi = "_theatreModeOn_c9508_16", Ve = {
-  hoverContainer: Vi,
-  hovering: Di,
-  theatreModeOn: Fi
-};
-function et(e) {
-  var c;
-  const n = Mn();
-  if ((c = n.useInitialize) == null || c.call(n, e), !n.hasProvider)
-    return /* @__PURE__ */ t.jsx(t.Fragment, {});
-  if (n.mode === "picture-in-picture")
-    return /* @__PURE__ */ t.jsx(t.Fragment, {});
-  if (e.mode === "hover" && n.isOnPlayPage)
-    return /* @__PURE__ */ t.jsx(t.Fragment, {});
-  if (e.location === "play-page") {
-    const s = n.mode === "theatre" && e.objectTypeId !== Re.Interactive;
-    return /* @__PURE__ */ t.jsx("div", { className: s ? `w-100 h-100 ${Ve.theatreModeOn}` : "", children: /* @__PURE__ */ t.jsx(xt, { node: n.portalNode }) });
-  }
-  const i = n.started;
-  let a = "rounded-3";
-  e.location === "popout-video" && (a = "rounded-top-3");
-  const o = `${Ve.hoverContainer} ${i ? Ve.hovering : ""} ${a} overflow-hidden`;
-  return /* @__PURE__ */ t.jsx("div", { className: o, children: /* @__PURE__ */ t.jsx(xt, { node: n.portalNode }) });
-}
-function Yt(e) {
-  return /* @__PURE__ */ t.jsx("svg", { ...e, children: /* @__PURE__ */ t.jsx(
-    "path",
-    {
-      fillRule: "evenodd",
-      d: "M0 12C0 5.373 5.373 0 12 0s12 5.373 12 12-5.373 12-12 12S0 18.627 0 12m23 0c0-6.075-4.925-11-11-11S1 5.925 1 12s4.925 11 11 11 11-4.925 11-11M9 7.498c0-.551.387-.756.847-.469l7.306 4.567c.468.292.46.77 0 1.058l-7.306 4.567c-.468.292-.847.074-.847-.47z",
-      fill: "currentColor"
-    }
-  ) });
-}
-const Ri = "_overlayContainer_d3jn7_1", Oi = "_topLeftContainer_d3jn7_9", Hi = "_topRightContainer_d3jn7_15", Mi = "_overlay_d3jn7_1", Bi = "_downScale_d3jn7_39", Ei = "_title_d3jn7_45", zi = "_gradient_d3jn7_49", Gi = "_playIcon_d3jn7_58", B = {
-  overlayContainer: Ri,
-  topLeftContainer: Oi,
-  topRightContainer: Hi,
-  overlay: Mi,
-  downScale: Bi,
-  title: Ei,
-  gradient: zi,
-  playIcon: Gi
-};
-function Ui(e) {
-  let n = "mb-1";
-  return e && (n += B.downScale), n;
-}
-function Zi(e) {
-  var C, x, f;
-  const { canNavigate: n, canConsume: i } = u.getCanBeConsumed(e.video), a = de.isObject((C = e.appLink) == null ? void 0 : C.params) ? (x = e.appLink) == null ? void 0 : x.params : {}, o = {
-    ...e.analyticsOptions,
-    entity: u.getAnalyticsEntity(e.video)
-  }, c = ge.showFavouriteButton(e.video, e.hovering), s = u.isVideo(e.video), r = u.getRating(e.video), [l, d] = Ye({ delay: 100 }), m = d && i && e.hoverToPlay, v = {
-    ...e.analyticsData,
-    id: e.video.id,
-    name: e.video.name
-  }, g = {
-    ...o,
-    actionType: O.Click,
-    descriptor: be.Thumbnail
-  };
-  return /* @__PURE__ */ t.jsx(Y, { title: u.getPrivacyReasoning(e.video), spanHack: !0, spanHackClassName: "", children: /* @__PURE__ */ t.jsxs("div", { className: "position-relative rounded-3 overflow-hidden", ref: l, children: [
-    /* @__PURE__ */ t.jsx(
-      Je,
-      {
-        isPlugin: e.commonVideoProps.isPlugin,
-        isPluginPopup: e.commonVideoProps.isPluginPopup,
-        className: "rounded-3",
-        appLink: n ? e.appLink : null,
-        analyticsData: v,
-        analyticsOptions: g
-      }
-    ),
-    c && /* @__PURE__ */ t.jsx("div", { className: B.topRightContainer, children: /* @__PURE__ */ t.jsx(
-      qe,
-      {
-        setFavourite: e.commonVideoProps.setFavourite,
-        canFavourite: e.commonVideoProps.canFavourite,
-        video: e.video,
-        analyticsData: e.analyticsData,
-        analyticsOptions: o
-      }
-    ) }),
-    !n && /* @__PURE__ */ t.jsx("div", { className: B.topRightContainer, children: /* @__PURE__ */ t.jsx(pe, {}) }),
-    /* @__PURE__ */ t.jsxs("div", { className: `${B.topLeftContainer} d-flex flex-no-wrap`, children: [
-      e.showOwner && /* @__PURE__ */ t.jsx(Ke, { video: e.video, imageCdnUrl: e.commonVideoProps.imageCdnUrl }),
-      /* @__PURE__ */ t.jsx(Ie, { video: e.video }),
-      /* @__PURE__ */ t.jsx(
-        ke,
-        {
-          video: e.video,
-          companyLogoFallbackUrl: e.commonVideoProps.companyLogoFallbackUrl
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t.jsxs(
-      ze,
-      {
-        data: u.getThumbnail(e.video),
-        appLink: n ? e.appLink : null,
-        imageType: He.Thumbnails,
-        imageOptions: e.imageOptions,
-        preload: e.preload,
-        className: B.gradient,
-        alt: ("series" in e.video && ((f = e.video.series) != null && f.name) ? `${e.video.series.name}: ` : "") + e.video.name,
-        analyticsData: v,
-        analyticsOptions: g,
-        preventFocus: !0,
-        children: [
-          !!(e.hovering && n) && /* @__PURE__ */ t.jsx(T, { className: B.playIcon, svg: Yt }),
-          /* @__PURE__ */ t.jsx(Ue, { type: Ze.Video }),
-          /* @__PURE__ */ t.jsx("div", { className: B.overlayContainer, children: /* @__PURE__ */ t.jsxs("div", { className: B.overlay, children: [
-            /* @__PURE__ */ t.jsxs("div", { className: `${Ui(e.hovering)} ${B.title}`, children: [
-              s && /* @__PURE__ */ t.jsx(
-                Ne,
-                {
-                  type: e.commonVideoProps.subTextType,
-                  className: "text-shadow clamp-1",
-                  video: e.video,
-                  appLink: null,
-                  analyticsOptions: null
-                }
-              ),
-              /* @__PURE__ */ t.jsx("span", { className: "h6 text-reset text-shadow clamp-1", children: u.getTitle(e.video) })
-            ] }),
-            /* @__PURE__ */ t.jsx(Xe, { video: e.video }),
-            e.hovering && /* @__PURE__ */ t.jsx(Ee, { className: "mt-1", children: u.isVideo(e.video) && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-              /* @__PURE__ */ t.jsx(
-                J,
-                {
-                  type: Z.Rating,
-                  data: r
-                }
-              ),
-              e.video.hasSubtitle && /* @__PURE__ */ t.jsx("span", { className: "badge p-0", children: /* @__PURE__ */ t.jsx(T, { svg: Dn }) }),
-              /* @__PURE__ */ t.jsx(
-                J,
-                {
-                  type: Z.Interactive,
-                  data: e.video.hasInteractives
-                }
-              ),
-              /* @__PURE__ */ t.jsx(
-                J,
-                {
-                  type: Z.DurationExact,
-                  data: u.getDuration(e.video)
-                }
-              )
-            ] }) })
-          ] }) })
-        ]
-      }
-    ),
-    m && /* @__PURE__ */ t.jsx(
-      et,
-      {
-        objectId: e.video.id,
-        objectTypeId: e.video.typeId,
-        mode: "hover",
-        context: a.context,
-        contextId: a.contextId,
-        moviesAndTv: a.mtv
-      },
-      e.video.id
-    )
-  ] }) });
-}
-const Wi = b.createContext({});
-function Yi(e, n, i) {
-  const [a, o] = b.useState(e), c = b.useRef(e ? /* @__PURE__ */ new Date() : null);
-  b.useEffect(() => {
-    if (!(!n || !i) && !(!i.entity || !n.location))
-      if (e)
-        a || o(!0), c.current = /* @__PURE__ */ new Date(), Fe.logUserAction(n, {
-          ...i,
-          actionType: O.Hover
-        });
-      else {
-        if (!a)
-          return;
-        const s = (/* @__PURE__ */ new Date()).getTime() - c.current.getTime();
-        c.current = null, Fe.logUserAction({
-          ...n,
-          timeHoveredInMilliseconds: s,
-          timeHoveredInSeconds: s / 1e3
-        }, {
-          ...i,
-          actionType: O.Unhover
-        });
-      }
-  }, [e]);
-}
-const xe = 8, Qi = 1.2, qi = (e, n, i, a = Qi) => {
-  const { x: o, y: c, width: s, height: r } = e, l = document.getElementById("content-width-reference");
-  if (!l) return {};
-  let d, m = n || s * a, v = n ? n * (r / s) : r * a, g = n ? m / s : a;
-  d = o - (m - s) / 2, m < i && (d = d - (i - m) / 2, m = i, g = m / s, v = r * g);
-  const C = c - (v - r) / 2 + window.scrollY;
-  let x = d, f = "center";
-  return d - l.offsetLeft < xe && (x = o - xe / 2, f = "8px"), l.offsetWidth + l.offsetLeft - (d + m) < xe && (x = n ? o + s - n : o - s * (g - 1) + xe, f = "calc(100% - 8px)"), { left: x, top: C, height: v, width: m, transformOrigin: f, position: "absolute", originalWidth: s, originalHeight: r };
-}, Xi = "_positionWrapper_gkmg7_1", Ki = "_animationWrapper_gkmg7_4", wt = {
-  positionWrapper: Xi,
-  animationWrapper: Ki
-};
-function Qt(e) {
-  var V, Q;
-  const { hoverableComponent: n, componentProps: i, minHoverWidth: a, fixedHoverWidth: o, hoverScale: c } = e, { setPreviewContentNode: s } = b.useContext(Wi);
-  s === void 0 && Et.throw(new zt("Please use VideoPreviewContext inside a VideoPreviewContextProvider"));
-  const r = b.useMemo(() => Bn(), []), [l, d] = Ye({ delay: 100 }), [m, v] = me(), [g, C] = b.useState(!1), x = b.useRef(null), f = b.useRef(!1), h = d || v;
-  Yi(h, e.analyticsData, e.analyticsOptions), b.useEffect(() => {
-    f.current !== h && (s(h || g ? r : null), f.current = h);
-  }, [h]);
-  const { x: k, y: _, width: y, height: w } = ((Q = (V = x.current) == null ? void 0 : V.getBoundingClientRect) == null ? void 0 : Q.call(V)) || {}, S = b.useMemo(
-    () => qi({ x: k, y: _, width: y, height: w }, o, a, c),
-    [k, _, y, w, c]
-  ), M = S ? S.originalWidth / S.width : 1, G = n;
-  return /* @__PURE__ */ t.jsxs("div", { ref: x, children: [
-    /* @__PURE__ */ t.jsx("div", { ref: l, children: /* @__PURE__ */ t.jsx(G, { isHovering: !1, ...i }) }),
-    (h || g) && /* @__PURE__ */ t.jsx(En, { node: r, children: /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        className: `${wt.positionWrapper} ${wt.animationWrapper}`,
-        style: {
-          "--scale": M,
-          ...S
-        },
-        ref: m,
-        children: /* @__PURE__ */ t.jsx(
-          G,
-          {
-            isHovering: !0,
-            hoverPositionConfig: S,
-            cleanPortalNode: () => s(null),
-            ...i
-          }
-        )
-      }
-    ) })
-  ] });
-}
-Qt.ReferenceContainer = (e) => /* @__PURE__ */ t.jsx("div", { id: "content-width-reference", className: "flex-grow-1", children: e.children });
-function Ji(e) {
-  return e.audience ? /* @__PURE__ */ t.jsx(
-    "div",
-    {
-      className: `audience-label border rounded-pill d-inline-block px-2 text-nowrap 
-      ${"border-" + e.border} ${e.className ? e.className : ""}`,
-      children: e.audience.name
-    }
-  ) : /* @__PURE__ */ t.jsx(t.Fragment, {});
-}
-const pi = "_badgeContainer_1jc1x_1", ea = "_sm_1jc1x_24", bt = {
-  badgeContainer: pi,
-  sm: ea
-};
-tt.defaultProps = {
-  newDurationStyle: !0,
-  size: "md"
-};
-function tt(e) {
-  const n = u.getRating(e.video), i = !!e.audience && e.size !== "sm", a = !i && !e.hideRating && !!n && e.size !== "sm";
-  return e.hideDuration && !i && !a ? /* @__PURE__ */ t.jsx(t.Fragment, {}) : /* @__PURE__ */ t.jsxs(Ee, { className: `${bt.badgeContainer} ${e.size === "sm" ? bt.sm : ""}`, children: [
-    i && /* @__PURE__ */ t.jsx(
-      Ji,
-      {
-        audience: e.audience,
-        className: "bg-white text-dark",
-        border: "dark"
-      }
-    ),
-    a && /* @__PURE__ */ t.jsx(
-      J,
-      {
-        type: Z.Rating,
-        data: n
-      }
-    ),
-    !e.hideDuration && /* @__PURE__ */ t.jsx(
-      J,
-      {
-        type: e.newDurationStyle ? Z.DurationApproximate : Z.DurationExact,
-        data: e.duration || u.getDuration(e.video)
-      }
-    )
-  ] });
-}
-function ta(e) {
-  if (!e.yearGroups)
-    return /* @__PURE__ */ t.jsx(t.Fragment, {});
-  const n = We.mapRestrictionToText(e.video._restrictions, e.yearGroups), { canConsume: i } = u.getCanBeConsumed(e.video);
-  return !i || !n ? /* @__PURE__ */ t.jsx(t.Fragment, {}) : /* @__PURE__ */ t.jsx(
-    Y,
-    {
-      spanHack: !0,
-      spanHackClassName: e.className || "d-inline-block ps-1",
-      title: n,
-      placement: e.tooltipPlacement || "top",
-      children: /* @__PURE__ */ t.jsx(
-        T,
-        {
-          svg: Gt,
-          size: e.size === "sm" ? W.Small : W.Standard
-        }
-      )
-    }
-  );
-}
-const na = "_dot_dlckk_1", ia = "_smallText_dlckk_6", aa = "_title_dlckk_9", De = {
-  dot: na,
-  smallText: ia,
-  title: aa
-}, sa = "shared.videoTitle", oa = H.encloseNamespace(sa), Nt = /* @__PURE__ */ new Date();
-function ra(e) {
-  return Ct.isSame(e, Nt, "year") && Ct.isSame(e, Nt, "month");
-}
-ue.defaultProps = {
-  titleSize: "h6",
-  className: ""
-};
-function ue(e) {
-  var o;
-  const n = e.video.dateReleased, i = n && ra(n), a = e.showNewVideoIndicator && i && ((o = e.video._isClickViewCurated) == null ? void 0 : o.value);
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      Y,
-      {
-        title: `${a ? oa("newVideo") : ""}`,
-        spanHack: !0,
-        spanHackClassName: "d-inline-block",
-        children: a && /* @__PURE__ */ t.jsx("span", { className: `rounded-circle bg-green d-inline-block me-1 ${De.dot} ${e.titleSize === "h6" ? De.smallText : ""}` })
-      }
-    ),
-    /* @__PURE__ */ t.jsx("h2", { className: `${e.titleSize} ${De.title} ${e.className} d-inline`, children: e.title || e.video.name }),
-    e.showPadlock && /* @__PURE__ */ t.jsx(
-      ta,
-      {
-        video: e.video,
-        yearGroups: e.yearGroups,
-        size: e.lockSize
-      }
-    )
-  ] });
-}
-const ca = "_container_kefcx_1", la = "_titleContainer_kefcx_4", kt = {
-  container: ca,
-  titleContainer: la
-};
-function It(e) {
-  var o, c;
-  const { video: n, appLink: i } = e, { canNavigate: a } = u.getCanBeConsumed(n);
-  return /* @__PURE__ */ t.jsx("div", { className: `mt-2 ${kt.container}`, children: /* @__PURE__ */ t.jsxs("div", { className: `d-flex flex-column ${kt.titleContainer}`, children: [
-    u.isVideo(n) && /* @__PURE__ */ t.jsx(
-      Ne,
-      {
-        type: e.commonVideoProps.subTextType,
-        className: "text-truncate",
-        video: n,
-        appLink: (c = (o = e.commonVideoProps).getSubTextAppLink) == null ? void 0 : c.call(o, e.video),
-        analyticsOptions: { location: ie.VideoThumbnail }
-      }
-    ),
-    /* @__PURE__ */ t.jsx(R, { className: "text-reset clamp-2 align-middle", appLink: a ? i : null, children: /* @__PURE__ */ t.jsx(
-      ue,
-      {
-        video: e.video,
-        yearGroups: e.commonVideoProps.yearGroups,
-        lockSize: "sm",
-        showNewVideoIndicator: e.commonVideoProps.showNewVideoIndicator,
-        showPadlock: !e.commonVideoProps.hasStudentExperience
-      }
-    ) })
-  ] }) });
-}
-const da = "_tag_1p8e8_1", ua = "_icon_1p8e8_5", ma = "_disabled_1p8e8_15", ga = "_active_1p8e8_18", re = {
-  tag: da,
-  icon: ua,
-  disabled: ma,
-  active: ga
-};
-function nt(e) {
-  var n, i;
-  return e.appLink ? /* @__PURE__ */ t.jsx(
-    R,
-    {
-      appLink: e.appLink,
-      analyticsData: e.appLinkAnalyticsData,
-      analyticsOptions: e.appLinkAnalyticsOptions,
-      className: `
-          p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer
-          text-decoration-none ${(n = e.theme) == null ? void 0 : n.container} ${re.tag} ${e.active ? re.active : ""}
-        `,
-      children: /* @__PURE__ */ t.jsx(St, { ...e })
-    }
-  ) : /* @__PURE__ */ t.jsx(
-    "div",
-    {
-      className: `p-1 pe-2 rounded-pill d-inline-flex align-items-center ${(i = e.theme) == null ? void 0 : i.container} ${re.tag} ${re.disabled}`,
-      children: /* @__PURE__ */ t.jsx(St, { ...e })
-    }
-  );
-}
-function St(e) {
-  var n;
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      T,
-      {
-        className: `${re.icon} rounded-circle bg-${e.iconVariant} text-white`,
-        svg: e.svg
-      }
-    ),
-    /* @__PURE__ */ t.jsx("span", { className: `ps-1 text-nowrap user-select-none ${(n = e.theme) == null ? void 0 : n.tabLabel}`, children: e.text })
-  ] });
-}
-const va = "shared.classroomGuideTag";
-function ha(e) {
-  var n;
-  return !e.video || u.isInteractive(e.video) || u.isClip(e.video) ? /* @__PURE__ */ t.jsx(t.Fragment, {}) : (n = e.video._hasCurriculumLinks) != null && n.value ? /* @__PURE__ */ t.jsx(
-    nt,
-    {
-      theme: {
-        container: "classroom-guide-tag",
-        tabLabel: "classroom-guide-tag-label"
-      },
-      svg: An,
-      iconVariant: "navy",
-      text: H.getPhrase(va, "curriculum"),
-      appLink: e.appLink,
-      appLinkAnalyticsData: {
-        videoGuidanceType: "curriculum",
-        ...u.getAnalyticsData(e.video),
-        ...e.analyticsData
-      },
-      appLinkAnalyticsOptions: {
-        actionType: O.Click,
-        entity: u.getAnalyticsEntity(e.video),
-        ...e.analyticsOptions
-      }
-    }
-  ) : /* @__PURE__ */ t.jsx(t.Fragment, {});
-}
-const Ca = "shared.interactivesTag";
-function fa(e) {
-  var i;
-  if (!u.showInteractivesGuidance(e.video))
-    return /* @__PURE__ */ t.jsx(t.Fragment, {});
-  const n = !u.isInteractive(e.video) && (((i = e.video.interactives) == null ? void 0 : i.data.length) || 0);
-  return /* @__PURE__ */ t.jsx(
-    nt,
-    {
-      svg: zn,
-      iconVariant: "green",
-      text: H.getPhrase(Ca, "interactives", { smartCount: n }),
-      appLink: e.appLink,
-      appLinkAnalyticsData: {
-        videoGuidanceType: "interactive",
-        videoGuidanceTotalItems: n,
-        ...u.getAnalyticsData(e.video),
-        ...e.analyticsData
-      },
-      appLinkAnalyticsOptions: {
-        actionType: O.Click,
-        entity: u.getAnalyticsEntity(e.video),
-        ...e.analyticsOptions
-      }
-    }
-  );
-}
-const xa = "shared.resourcesTag";
-function ya(e) {
-  var n, i;
-  return u.isInteractive(e) ? 0 : (((n = e.resources) == null ? void 0 : n.data.length) || 0) + (((i = e.links) == null ? void 0 : i.data.length) || 0);
-}
-function La(e) {
-  if (!u.showResourcesGuidance(e.video))
-    return /* @__PURE__ */ t.jsx(t.Fragment, {});
-  const n = ya(e.video);
-  return /* @__PURE__ */ t.jsx(
-    nt,
-    {
-      svg: Gn,
-      iconVariant: "indigo",
-      text: H.getPhrase(xa, "resources", { smartCount: n }),
-      appLink: e.appLink,
-      appLinkAnalyticsData: {
-        videoGuidanceType: "resource",
-        videoGuidanceTotalItems: n,
-        ...u.getAnalyticsData(e.video),
-        ...e.analyticsData
-      },
-      appLinkAnalyticsOptions: {
-        actionType: O.Click,
-        entity: u.getAnalyticsEntity(e.video),
-        ...e.analyticsOptions
-      }
-    }
-  );
-}
-function it(e) {
-  var i, a, o, c, s, r;
-  const n = u.showInteractivesGuidance(e.video) && u.showResourcesGuidance(e.video);
-  return /* @__PURE__ */ t.jsxs("div", { className: `${e.containerClassName} ${n ? e.responsiveClassName : ""}`, children: [
-    /* @__PURE__ */ t.jsx(
-      ha,
-      {
-        appLink: (a = (i = e.commonVideoProps).getClassroomGuideAppLink) == null ? void 0 : a.call(i, e.video.id, e.video.typeId),
-        video: e.video,
-        analyticsData: e.analyticsData,
-        analyticsOptions: e.analyticsOptions
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      La,
-      {
-        appLink: (c = (o = e.commonVideoProps).getResourceGuidanceAppLink) == null ? void 0 : c.call(o, e.video.id, e.video.typeId),
-        video: e.video,
-        analyticsData: e.analyticsData,
-        analyticsOptions: e.analyticsOptions
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      fa,
-      {
-        appLink: (r = (s = e.commonVideoProps).getInteractiveGuidanceAppLink) == null ? void 0 : r.call(s, e.video.id, e.video.typeId),
-        video: e.video,
-        analyticsData: e.analyticsData,
-        analyticsOptions: e.analyticsOptions
-      }
-    )
-  ] });
-}
-const ja = "_button_tlbos_1", _t = {
-  button: ja
-}, wa = "shared.removeVideoButton";
-function ba(e) {
-  const n = e.removeButtonTooltip || H.getPhrase(wa, "removeFromRow");
-  return /* @__PURE__ */ t.jsx("div", { className: "me-2", children: /* @__PURE__ */ t.jsx(Y, { title: n, spanHack: !0, children: /* @__PURE__ */ t.jsx(
-    Oe,
-    {
-      onClick: e.onClickRemove,
-      className: `d-flex align-items-center justify-content-center ${_t.button}`,
-      tabIndex: e.preventFocus ? -1 : void 0,
-      children: /* @__PURE__ */ t.jsx(
-        T,
-        {
-          svg: Zn,
-          className: `svg-container ${_t.heart}`
-        }
-      )
-    }
-  ) }) });
-}
-const Na = "_topLeftContainer_1t9d5_1", ka = "_details_1t9d5_7", Ia = "_isHovering_1t9d5_11", Sa = "_videoGuidanceTags_1t9d5_14", _a = "_responsiveGuidance_1t9d5_21", Pa = "_topRightContainer_1t9d5_35", ne = {
-  topLeftContainer: Na,
-  details: ka,
-  isHovering: Ia,
-  videoGuidanceTags: Sa,
-  responsiveGuidance: _a,
-  topRightContainer: Pa
-}, Aa = (e) => {
-  var _;
-  const {
-    video: n,
-    appLink: i,
-    imageOptions: a,
-    preload: o,
-    isHovering: c,
-    hoverToPlay: s
-  } = e, r = de.isObject(i == null ? void 0 : i.params) ? i == null ? void 0 : i.params : {}, { canNavigate: l, canConsume: d } = u.getCanBeConsumed(n);
-  b.useEffect(() => () => {
-    var y;
-    (y = e.cleanPortalNode) == null || y.call(e);
-  }, []);
-  function m(y) {
-    var w;
-    y.preventDefault(), (w = e.onClickRemove) == null || w.call(e);
-  }
-  let v = "position-relative bg-white";
-  e.extraClasses && (v += ` ${e.extraClasses}`), c && (v += " rounded-3 shadow-lg");
-  const g = {
-    ...e.analyticsOptions,
-    entity: u.getAnalyticsEntity(n)
-  }, C = e.isHovering && d && s, x = ge.showFavouriteButton(e.video, c);
-  function f() {
-    return z.isFunction(e.onClickRemove) ? Bt.isTabletOrMobile() ? !0 : c : !1;
-  }
-  const h = {
-    ...e.analyticsData,
-    id: n.id,
-    name: n.name
-  }, k = {
-    ...g,
-    actionType: O.Click,
-    descriptor: be.Thumbnail
-  };
-  return /* @__PURE__ */ t.jsxs("div", { className: v, children: [
-    /* @__PURE__ */ t.jsxs("div", { className: ne.topRightContainer, children: [
-      f() && /* @__PURE__ */ t.jsx(
-        ba,
-        {
-          onClickRemove: m,
-          removeButtonTooltip: e.removeButtonTooltip,
-          preventFocus: !0
-        }
-      ),
-      x && /* @__PURE__ */ t.jsx(
-        qe,
-        {
-          setFavourite: e.commonVideoProps.setFavourite,
-          canFavourite: e.commonVideoProps.canFavourite,
-          video: n,
-          analyticsData: e.analyticsData,
-          analyticsOptions: g,
-          preventFocus: !0
-        }
-      ),
-      !l && /* @__PURE__ */ t.jsx(Y, { title: u.getPrivacyReasoning(e.video), spanHack: !0, spanHackClassName: "", children: /* @__PURE__ */ t.jsx(pe, {}) })
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "position-relative", children: [
-      /* @__PURE__ */ t.jsx(
-        Je,
-        {
-          isPlugin: e.commonVideoProps.isPlugin,
-          isPluginPopup: e.commonVideoProps.isPluginPopup,
-          className: c ? "rounded-top-3" : "rounded-3",
-          onClick: () => {
-            var y;
-            return (y = e.cleanPortalNode) == null ? void 0 : y.call(e);
-          },
-          appLink: l ? i : null,
-          analyticsData: h,
-          analyticsOptions: k
-        }
-      ),
-      /* @__PURE__ */ t.jsxs(
-        ze,
-        {
-          onClick: () => {
-            var y;
-            return (y = e.cleanPortalNode) == null ? void 0 : y.call(e);
-          },
-          data: u.getThumbnail(n),
-          appLink: l ? i : null,
-          imageType: He.Thumbnails,
-          imageOptions: a,
-          preload: o,
-          alt: ("series" in n && ((_ = n.series) != null && _.name) ? `${n.series.name}: ` : "") + n.name,
-          analyticsData: h,
-          analyticsOptions: k,
-          preventFocus: !e.hideTitle,
-          appLinkClassName: `position-absolute top-0 start-0 h-100 w-100 overflow-hidden ${c ? "rounded-top-3" : "rounded-3"}`,
-          imageClassName: c ? "rounded-top-3" : "rounded-3",
-          children: [
-            /* @__PURE__ */ t.jsx(Ue, { type: Ze.Video }),
-            /* @__PURE__ */ t.jsxs("div", { className: "p-absolute w-100 h-100 text-white", children: [
-              /* @__PURE__ */ t.jsxs("div", { className: `${ne.topLeftContainer} d-flex flex-no-wrap`, children: [
-                e.showOwner && /* @__PURE__ */ t.jsx(Ke, { video: n, imageCdnUrl: e.commonVideoProps.imageCdnUrl }),
-                /* @__PURE__ */ t.jsx(Ie, { video: n }),
-                /* @__PURE__ */ t.jsx(
-                  ke,
-                  {
-                    video: n,
-                    companyLogoFallbackUrl: e.commonVideoProps.companyLogoFallbackUrl
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ t.jsx(
-                tt,
-                {
-                  video: e.video,
-                  audience: e.audience,
-                  hideRating: e.hideRating,
-                  hideDuration: e.hideDuration
-                }
-              ),
-              /* @__PURE__ */ t.jsx(Xe, { video: n })
-            ] })
-          ]
-        }
-      ),
-      C && /* @__PURE__ */ t.jsx(
-        et,
-        {
-          objectId: e.video.id,
-          objectTypeId: e.video.typeId,
-          mode: "hover",
-          context: r.context,
-          contextId: r.contextId,
-          moviesAndTv: r.mtv,
-          location: "popout-video"
-        },
-        e.video.id
-      )
-    ] }),
-    !c && !e.hideTitle && /* @__PURE__ */ t.jsx(It, { ...e }),
-    /* @__PURE__ */ t.jsx("div", { className: `${ne.details} ${c ? `${ne.isHovering} box-shadow` : ""}`, children: c && /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: `${c ? ne.videoGuidanceTags : ""}`, children: [
-      /* @__PURE__ */ t.jsx(It, { ...e }),
-      e.showVideoGuidance && c && /* @__PURE__ */ t.jsx(
-        it,
-        {
-          commonVideoProps: e.commonVideoProps,
-          video: e.video,
-          analyticsData: e.analyticsData,
-          analyticsOptions: e.analyticsOptions,
-          responsiveClassName: ne.responsiveGuidance,
-          containerClassName: "d-flex justify-content-start align-items-center pt-2"
-        }
-      )
-    ] }) }) })
-  ] });
-};
-function $a(e) {
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
-    Qt,
-    {
-      hoverableComponent: Aa,
-      componentProps: e,
-      fixedHoverWidth: 400,
-      minHoverWidth: 400,
-      analyticsData: {
-        ...e.analyticsData,
-        id: e.video.id,
-        name: e.video.name
-      },
-      analyticsOptions: {
-        ...e.analyticsOptions,
-        entity: u.getAnalyticsEntity(e.video)
-      }
-    }
-  ) });
-}
-const Ta = "_mask_1jupb_1", Va = "_small_1jupb_10", Da = "_video_1jupb_10", Fa = "_playlist_1jupb_18", Ra = "_maskContainer_1jupb_28", ce = {
-  mask: Ta,
-  small: Va,
-  video: Da,
-  playlist: Fa,
-  maskContainer: Ra
-};
-var qt = /* @__PURE__ */ ((e) => (e[e.Video = 0] = "Video", e[e.Playlist = 1] = "Playlist", e[e.Series = 2] = "Series", e))(qt || {});
-function Oa(e) {
-  return e === 0 ? ce.video : e === 1 ? ce.playlist : "";
-}
-function Ha(e) {
-  return e === 0 ? Yt : null;
-}
-Xt.defaults = {
-  size: "md"
-};
-function Xt(e) {
-  const { type: n, size: i } = e, a = Oa(n), o = Ha(n);
-  return /* @__PURE__ */ t.jsxs("div", { className: `${ce.maskContainer} ${i === "sm" ? ce.small : ""}`, children: [
-    /* @__PURE__ */ t.jsx("div", { className: ce.mask }),
-    /* @__PURE__ */ t.jsx(T, { svg: o, className: a })
-  ] });
-}
-function Ma(e) {
-  return /* @__PURE__ */ t.jsx("svg", { ...e, children: /* @__PURE__ */ t.jsx(
-    "path",
-    {
-      d: "M18.783 5.192c.264.283.291.775.06 1.098l-8.91 12.444a.6.6 0 0 1-.457.266.58.58 0 0 1-.471-.228l-3.819-4.666a.905.905 0 0 1 0-1.1c.249-.304.652-.304.9 0l3.338 4.078 8.46-11.818c.232-.324.634-.356.899-.074",
-      fill: "currentColor"
-    }
-  ) });
-}
-const Ba = "_unchecked_1n862_1", Ea = "_outline_1n862_5", za = "_checked_1n862_20", Ga = "_checkMark_1n862_27", ye = {
-  unchecked: Ba,
-  outline: Ea,
-  checked: za,
-  checkMark: Ga
-};
-Kt.defaultProps = {
-  style: "filled"
-};
-function Kt(e) {
-  const [n, i] = b.useState(
-    e.status === "Complete"
-    /* Complete */
-  );
-  b.useEffect(() => {
-    i(
-      e.status === "Complete"
-      /* Complete */
-    );
-  }, [e.status]);
-  let a = `cursor-pointer rounded-circle ${n ? ye.checked : ye.unchecked}`;
-  e.className && (a += ` ${e.className}`), e.style === "outline" && (a += ` ${ye.outline}`);
-  function o() {
-    return !!e.status && e.status !== "None" && z.isFunction(e.setStatus);
-  }
-  function c() {
-    const s = !n;
-    i(s);
-    const r = s ? "Complete" : "Incomplete";
-    e.setStatus(r).catch(() => {
-      i(!s);
-    });
-  }
-  return o() ? /* @__PURE__ */ t.jsx(Oe, { className: a, onClick: c, disabled: e.disabled, children: /* @__PURE__ */ t.jsx(
-    T,
-    {
-      svg: Ma,
-      className: `svg-container ${ye.checkMark}`
-    }
-  ) }) : /* @__PURE__ */ t.jsx(t.Fragment, {});
-}
-const Ua = "_container_mn7d4_1", Za = "_action_mn7d4_10", Le = {
-  container: Ua,
-  action: Za
-};
-function Wa(e) {
-  var n;
-  return !!(!((n = u.getCanBeConsumed(e.video)) != null && n.canConsume) || z.isFunction(e.setFavourite) && z.isFunction(e.canFavourite) || z.isFunction(e.setCheckMarkStatus));
-}
-function Ya(e) {
-  const { canNavigate: n } = u.getCanBeConsumed(e.video);
-  return n ? Wa(e) ? /* @__PURE__ */ t.jsxs("div", { className: `${Le.container} d-flex align-items-center`, children: [
-    /* @__PURE__ */ t.jsx(
-      qe,
-      {
-        setFavourite: e.setFavourite,
-        canFavourite: e.canFavourite,
-        video: e.video,
-        className: Le.action,
-        analyticsData: e.analyticsData,
-        analyticsOptions: e.analyticsOptions,
-        preventFocus: !0
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      Kt,
-      {
-        status: e.checkMarkStatus,
-        setStatus: e.setCheckMarkStatus,
-        className: Le.action
-      }
-    )
-  ] }) : /* @__PURE__ */ t.jsx(t.Fragment, {}) : /* @__PURE__ */ t.jsx("div", { className: Le.container, children: /* @__PURE__ */ t.jsx(pe, { size: e.size }) });
-}
-var E = /* @__PURE__ */ ((e) => (e[e.Below = 1] = "Below", e[e.Overlay = 2] = "Overlay", e[e.Independent = 3] = "Independent", e))(E || {});
-const Qa = "_titleOverlay_f9p1o_1", qa = "_clip_f9p1o_11", Xa = "_interactive_f9p1o_18", Ka = "_titleBelow_f9p1o_25", Ja = "_overlayContainer_f9p1o_29", pa = "_topLeftContainer_f9p1o_36", e1 = "_gradient_f9p1o_42", K = {
-  titleOverlay: Qa,
-  clip: qa,
-  interactive: Xa,
-  titleBelow: Ka,
-  overlayContainer: Ja,
-  topLeftContainer: pa,
-  gradient: e1
-}, t1 = "shared.staticVideoThumbnail";
-function Pt(e) {
-  var l, d;
-  const { type: n, video: i, textPosition: a } = e, o = n === "static", c = a === E.Overlay, { canNavigate: s } = u.getCanBeConsumed(e.video);
-  let r = "";
-  return c ? (r = K.titleOverlay, s && (u.isClip(i) && (r += " " + K.clip), u.isInteractive(i) && (r += " " + K.interactive))) : r = K.titleBelow, /* @__PURE__ */ t.jsxs("div", { className: r, children: [
-    u.isVideo(i) && /* @__PURE__ */ t.jsx(
-      Ne,
-      {
-        type: o ? e.commonVideoProps.subTextType : "series",
-        className: c ? "text-shadow clamp-1" : "clamp-2",
-        video: i,
-        appLink: o && !c ? (d = (l = e.commonVideoProps).getSubTextAppLink) == null ? void 0 : d.call(l, e.video) : null,
-        analyticsOptions: { location: ie.VideoThumbnail }
-      }
-    ),
-    c || !s || !o ? /* @__PURE__ */ t.jsx("span", { className: "h6 text-reset clamp-1", children: /* @__PURE__ */ t.jsx(
-      ue,
-      {
-        video: i,
-        title: i.name ?? H.getPhrase(t1, "videoUnavailable"),
-        showNewVideoIndicator: o && e.commonVideoProps.showNewVideoIndicator,
-        showPadlock: o && !e.commonVideoProps.hasStudentExperience
-      }
-    ) }) : /* @__PURE__ */ t.jsx(R, { className: "h6 text-reset clamp-2", appLink: e.appLink, children: /* @__PURE__ */ t.jsx(
-      ue,
-      {
-        video: i,
-        showNewVideoIndicator: e.commonVideoProps.showNewVideoIndicator,
-        showPadlock: !e.commonVideoProps.hasStudentExperience
-      }
-    ) })
-  ] });
-}
-function At(e) {
-  var V, Q, ae;
-  const { type: n, video: i, textPosition: a, imageOptions: o, preload: c } = e, s = n === "static", r = s && de.isObject((V = e.appLink) == null ? void 0 : V.params) ? (Q = e.appLink) == null ? void 0 : Q.params : {}, [l, d] = me(), [m, v] = Ye({ delay: 100 }), { canNavigate: g, canConsume: C } = u.getCanBeConsumed(i);
-  function x(j) {
-    l.current = j, m.current = j;
-  }
-  const f = s && v && C && e.hoverToPlay;
-  function h() {
-    var j, ve;
-    if (s)
-      return !e.disableFavourite && ((ve = (j = e.commonVideoProps).canFavourite) == null ? void 0 : ve.call(j, e.video)) && ge.showFavouriteButton(i, d);
-  }
-  function k() {
-    let j = "position-relative";
-    return j += s && e.appLink && g ? " cursor-pointer" : "", e.extraClasses && (j += ` ${e.extraClasses}`), a === E.Overlay && (j += " rounded overflow-hidden"), j;
-  }
-  function _() {
-    let j = `overflow-hidden ${e.size === "sm" ? "rounded" : "rounded-3"}`;
-    return e.imageClassName && (j += ` ${e.imageClassName}`), a === E.Overlay && (j += ` ${K.gradient}`), j;
-  }
-  const y = s ? {
-    ...e.analyticsOptions,
-    entity: u.getAnalyticsEntity(i)
-  } : {}, w = s && !!e.appLink && !e.hideMask && g, S = s ? u.getPrivacyReasoning(e.video, e.showSignIn) : "", M = s ? {
-    ...e.analyticsData,
-    id: i.id,
-    name: i.name
-  } : {}, G = {
-    ...y,
-    actionType: O.Click,
-    descriptor: be.Thumbnail
-  };
-  return /* @__PURE__ */ t.jsx(Y, { title: S, spanHack: !0, spanHackClassName: "", children: /* @__PURE__ */ t.jsxs("div", { className: k(), ref: x, children: [
-    s && /* @__PURE__ */ t.jsx(
-      Je,
-      {
-        isPlugin: e.commonVideoProps.isPlugin,
-        isPluginPopup: e.commonVideoProps.isPluginPopup,
-        className: e.size === "sm" ? "rounded" : "rounded-3",
-        appLink: g ? e.appLink : null,
-        analyticsData: M,
-        analyticsOptions: G
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      Ya,
-      {
-        video: i,
-        checkMarkStatus: !s && e.checkMarkStatus,
-        setCheckMarkStatus: !s && e.setCheckMarkStatus,
-        setFavourite: s && e.commonVideoProps.setFavourite,
-        canFavourite: h,
-        analyticsData: s && e.analyticsData,
-        analyticsOptions: s && y,
-        size: e.size
-      }
-    ),
-    /* @__PURE__ */ t.jsxs(
-      ze,
-      {
-        data: u.getThumbnail(i),
-        appLink: s && g ? e.appLink : null,
-        onClick: s && g ? e.onClick : void 0,
-        imageType: He.Thumbnails,
-        imageOptions: o,
-        preload: c,
-        className: _(),
-        alt: ("series" in i && ((ae = i.series) != null && ae.name) ? `${i.series.name}: ` : "") + i.name,
-        analyticsData: M,
-        analyticsOptions: G,
-        preventFocus: !0,
-        children: [
-          w && /* @__PURE__ */ t.jsx(Xt, { type: qt.Video, size: e.size }),
-          /* @__PURE__ */ t.jsx(Ue, { type: Ze.Video }),
-          /* @__PURE__ */ t.jsxs("div", { className: K.overlayContainer, children: [
-            a === E.Overlay && /* @__PURE__ */ t.jsx(Pt, { ...e }),
-            /* @__PURE__ */ t.jsxs("div", { className: `${K.topLeftContainer} d-flex flex-no-wrap`, children: [
-              s && e.showOwner && /* @__PURE__ */ t.jsx(Ke, { video: i, imageCdnUrl: e.commonVideoProps.imageCdnUrl }),
-              !e.hideVideoTypeBadge && /* @__PURE__ */ t.jsx(Ie, { video: i, size: e.size }),
-              s && /* @__PURE__ */ t.jsx(
-                ke,
-                {
-                  video: i,
-                  companyLogoFallbackUrl: e.commonVideoProps.companyLogoFallbackUrl,
-                  size: e.size
-                }
-              )
-            ] }),
-            !e.hideBottomBar && /* @__PURE__ */ t.jsx(Xe, { video: i }),
-            /* @__PURE__ */ t.jsx(
-              tt,
-              {
-                video: e.video,
-                audience: e.audience,
-                hideRating: e.hideRating,
-                hideDuration: e.hideDuration,
-                newDurationStyle: e.newDurationStyle,
-                size: e.size
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    f && /* @__PURE__ */ t.jsx(
-      et,
-      {
-        objectId: e.video.id,
-        objectTypeId: e.video.typeId,
-        mode: "hover",
-        context: r.context,
-        contextId: r.contextId,
-        moviesAndTv: r.mtv
-      },
-      e.video.id
-    ),
-    a === E.Below && /* @__PURE__ */ t.jsx(Pt, { ...e })
-  ] }) });
-}
-Se.defaultProps = {
-  hideRating: !0,
-  size: "md",
-  hoverToPlay: !1
-};
-function Se(e) {
-  switch (e.type) {
-    case "static":
-      return /* @__PURE__ */ t.jsx(At, { ...e });
-    case "cosmetic":
-      return /* @__PURE__ */ t.jsx(At, { ...e });
-    case "expandable":
-      return /* @__PURE__ */ t.jsx(Zi, { ...e });
-    case "popout":
-      return /* @__PURE__ */ t.jsx($a, { ...e });
-    default:
-      return;
-  }
-}
-const n1 = "_captionsBadge_1hxkj_1", i1 = {
-  captionsBadge: n1
-};
-function a1(e) {
-  var i, a, o, c, s, r;
-  if (!e.video.description && !((i = u.getCanBeConsumed(e.video)) != null && i.canNavigate))
-    return /* @__PURE__ */ t.jsx("em", { children: u.getPrivacyReasoning(e.video, e.showSignIn) });
-  const n = !!((c = (o = (a = e.video) == null ? void 0 : a.subtitles) == null ? void 0 : o.data) != null && c.length);
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    n && /* @__PURE__ */ t.jsx("span", { className: `d-inline-block align-middle ${i1.captionsBadge}`, children: /* @__PURE__ */ t.jsx(J, { type: Z.Captions, data: (s = e.video) == null ? void 0 : s.subtitles }) }),
-    !!((r = e.video) != null && r.productionYear) && /* @__PURE__ */ t.jsxs("span", { className: "fw-semibold align-middle", children: [
-      n ? " • " : "",
-      e.video.productionYear
-    ] }),
-    !!e.video.description && /* @__PURE__ */ t.jsx(
-      "span",
-      {
-        className: "align-middle",
-        dangerouslySetInnerHTML: {
-          __html: `${e.video.productionYear || n ? " • " : ""}${Un.linkifyText(e.video.description)}`
-        }
-      }
-    )
-  ] });
-}
-function at(e) {
-  const n = Ln(oe.XS), i = !!We.getRestrictionByType(e.video, Hn.User);
-  return n ? /* @__PURE__ */ t.jsx(t.Fragment, {}) : i && !e.hasStudentExperience ? /* @__PURE__ */ t.jsx(t.Fragment, {}) : /* @__PURE__ */ t.jsx("div", { className: "position-relative overflow-hidden clamp-2", children: /* @__PURE__ */ t.jsx("p", { className: "m-0", children: /* @__PURE__ */ t.jsx(
-    a1,
-    {
-      video: e.video,
-      showSignIn: e.showSignIn
-    }
-  ) }) });
-}
-function Jt(e) {
-  return /* @__PURE__ */ t.jsx("svg", { ...e, viewBox: "0 0 16 16", children: /* @__PURE__ */ t.jsx(
-    "path",
-    {
-      d: "M1 0h14a1 1 0 0 1 1 1v1.2a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1m0 6.4h14a1 1 0 0 1 1 1v1.2a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V7.4a1 1 0 0 1 1-1m0 6.4h14a1 1 0 0 1 1 1V15a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1v-1.2a1 1 0 0 1 1-1",
-      fill: "currentColor"
-    }
-  ) });
-}
-const s1 = "_dragHandleContainer_15z7h_1", o1 = {
-  dragHandleContainer: s1
-};
-function r1(e) {
-  const n = "d-flex justify-content-center align-items-center";
-  return e ? `${n} cursor-pointer ${o1.dragHandleContainer}` : n;
-}
-function _e(e) {
-  const n = e.showDragHandle ? { ...e.dragAttributes, ...e.dragListeners } : {}, i = r1(e.showDragHandle);
-  return !e.showDragHandle && !e.showIndexes ? /* @__PURE__ */ t.jsx(t.Fragment, {}) : /* @__PURE__ */ t.jsxs(
-    F,
-    {
-      xs: 2,
-      className: i,
-      ...n,
-      children: [
-        !!e.showDragHandle && /* @__PURE__ */ t.jsx(T, { svg: e.dragHandleIcon, size: e.dragHandleIconSize }),
-        !!e.showIndexes && /* @__PURE__ */ t.jsx("span", { className: "fw-semibold", children: e.index + 1 })
-      ]
-    }
-  );
-}
-_e.defaultProps = {
-  dragHandleIcon: Jt,
-  dragHandleIconSize: W.Small
-};
-function c1(e) {
-  return /* @__PURE__ */ t.jsx(
-    J,
-    {
-      type: Z.Restriction,
-      data: { restrictions: e.restrictions, yearGroups: e.yearGroups },
-      inline: !0
-    }
-  );
-}
-function st(e) {
-  const n = We.hasRestrictions(e.video), { canConsume: i } = u.getCanBeConsumed(e.video);
-  return !n || !e.yearGroups || !i ? /* @__PURE__ */ t.jsx(t.Fragment, {}) : /* @__PURE__ */ t.jsx(Ee, { className: e.className || "pt-1", children: /* @__PURE__ */ t.jsx(c1, { restrictions: e.video._restrictions, yearGroups: e.yearGroups }) });
-}
-Pe.defaultProps = {
-  clampLevel: 1
-};
-function Pe(e) {
-  var s, r;
-  const { canNavigate: n } = u.getCanBeConsumed(e.video), i = u.getTitle(e.video), a = {
-    ...e.analyticsData,
-    id: (s = e.video) == null ? void 0 : s.id,
-    name: (r = e.video) == null ? void 0 : r.name
-  }, o = {
-    ...e.analyticsOptions,
-    actionType: O.Click,
-    descriptor: be.Title
-  };
-  function c() {
-    return e.titleSize ? e.titleSize : e.size === "md" ? "h4" : "h5";
-  }
-  return /* @__PURE__ */ t.jsx(
-    R,
-    {
-      className: e.linkClassName,
-      appLink: n ? e.appLink : null,
-      onClick: n ? e.onClickAppLink : null,
-      analyticsOptions: o,
-      analyticsData: a,
-      children: /* @__PURE__ */ t.jsx("div", { className: `clamp-${e.clampLevel} align-middle`, title: e.video.name ?? "", children: /* @__PURE__ */ t.jsx(
-        ue,
-        {
-          video: e.video,
-          title: i,
-          yearGroups: e.yearGroups,
-          lockSize: e.size,
-          titleSize: c(),
-          className: e.titleClassName,
-          showNewVideoIndicator: e.showNewVideoIndicator,
-          showPadlock: e.showPadlock
-        }
-      ) })
-    }
-  );
-}
-const l1 = "shared.signInToWatch";
-function d1(e) {
-  return /* @__PURE__ */ t.jsx(R, { appLink: e.appLink, className: e.className, children: /* @__PURE__ */ t.jsx(X, { namespace: l1, phrase: "signInToWatch" }) });
-}
-function u1(e) {
-  const n = L.useContext(Qn);
-  if (!z.isFunction(n == null ? void 0 : n.getVideoActions))
-    return /* @__PURE__ */ t.jsx(t.Fragment, {});
-  const i = n.getVideoActions(e.video, {
-    analyticsData: e.analyticsData,
-    analyticsOptions: e.analyticsOptions
-  });
-  return /* @__PURE__ */ t.jsx(
-    Wn,
-    {
-      actions: i,
-      className: "align-items-start gap-2",
-      actionsDropdownClassName: "btn btn-link py-0",
-      dropdownToggleSvgSize: W.Standard,
-      fetchMore: n.fetchMoreActions ? () => n.fetchMoreActions(e.video) : null,
-      customSize: !0
-    }
-  );
-}
-function ot(e) {
-  const { canNavigate: n } = u.getCanBeConsumed(e.video);
-  return e.showSignIn && !n ? /* @__PURE__ */ t.jsx(d1, { appLink: e.signInAppLink, className: "btn btn-outline-dark align-self-start" }) : /* @__PURE__ */ t.jsx(
-    u1,
-    {
-      video: e.video,
-      analyticsData: e.analyticsData,
-      analyticsOptions: e.analyticsOptions
-    }
-  );
-}
-const m1 = /\d/, g1 = 1, U = {
-  /**
-   * Handles audience sets like:
-   * - Year 7, Year 8, etc
-   * - Kindergarten, Grade 1, Grade 2, etc
-   */
-  yearsAndGradesBuilder(e) {
-    const n = e.map((r) => r.name).join(" "), i = n.split(" ").filter((r) => !isNaN(+r)).map((r) => +r) || [], a = n.split(" ").filter((r) => isNaN(+r)) || [], o = e.find((r) => !m1.test(r.name));
-    let c = a.find((r) => r !== (o == null ? void 0 : o.name));
-    if (e.length > 1 && (c += "s"), o && i.length)
-      return `${c} ${o.name.charAt(0)} - ${i.pop()}`;
-    const s = v1(i);
-    return `${c} ${s.join(", ")}`;
-  },
-  internationalSecondaryBuilder(e) {
-    return U.englandSecondaryBuilder(e);
-  },
-  scotlandPrimaryBuilder(e) {
-    const n = I.first(e), i = I.last(e);
-    let [a] = n.name.split(" "), [o] = i.name.split(" ");
-    return a === "First" && (a = "1st"), o === "First" && (o = "1st"), a === "Second" && (a = "2nd"), o === "Second" && (o = "2nd"), a === o ? `${a} Level` : `${a} - ${o} Level`;
-  },
-  internationalPrimaryBuilder(e) {
-    const n = I.first(e), i = I.last(e);
-    if (n.name === i.name)
-      return n.name;
-    let [a] = n.name.split(" "), [o] = i.name.split(" ");
-    return a === "Lower" && (a = "Low"), o === "Lower" && (o = "Low"), a === "Middle" && (a = "Mid"), o === "Middle" && (o = "Mid"), `${a} - ${o} Pri`;
-  },
-  /**
-   * Handles the english secondary audiences, which can be: Lower Secondary, Upper Secondary, and Advanced
-   */
-  englandSecondaryBuilder(e) {
-    const n = I.first(e), i = I.last(e);
-    if (n.name === i.name)
-      return n.name;
-    if (i.name === "Advanced") {
-      const [a] = n.name.split(" ");
-      return a.toLowerCase() === "lower" ? "Lower Sec - Adv" : "Upper Sec - Adv";
-    }
-    return "Lower - Upper Sec";
-  },
-  scotlandSecondaryBuilder(e) {
-    const n = I.first(e), i = I.last(e);
-    return n.name === i.name ? n.name : i.name === "Senior Phase" ? `${n.name} - Senior` : "Third - Fourth Level";
-  },
-  /**
-   * Handles the audience set: Reception, Key Stage 1, Lower Key Stage 2, and Upper Key Stage 2
-   */
-  englandPrimaryBuilder(e) {
-    const n = I.first(e), i = I.last(e), a = I.first(n.name.split(" ")), o = I.first(i.name.split(" ")), c = n.name.split(" ").find((d) => !isNaN(+d)), s = i.name.split(" ").find((d) => !isNaN(+d));
-    if (n === i)
-      return a === "Key" || a === "Reception" ? n.name : `${a} KS${c}`;
-    let r = "", l = "";
-    return a === "Reception" ? r = "R" : r = `KS${c}`, l = `KS${s}`, a === "Lower" && o === "Upper" ? `L ${r} - U ${l}` : (a === "Lower" && (r = `Lower ${r}`), o === "Upper" && (l = `Upper ${l}`), o === "Key" && (l = i.name), `${r} - ${l}`);
-  }
-};
-function v1(e) {
-  const n = g1;
-  let i, a, o = !1;
-  const c = [];
-  e = e.sort((l, d) => l - d);
-  let s, r;
-  for (s = 0; s < e.length; s++)
-    r = s + 1, o || (i = e[s]), a = e[r], e[s] + n === a ? o = !0 : o ? (c.push(`${i} - ${e[s]}`), o = !1) : (c.push(`${e[s]}`), o = !1);
-  return c;
-}
-const h1 = /([0-9]+)/ig, C1 = /\s|\+/ig, f1 = 1, je = {
-  /**
-   * This is needed to sort an object's audiences, as they are not sorted by the backend.
-   * To do this, we take the presentation audiences (sorted) and filter them by the object's
-   * audiences, leaving behind a sorted array of object audiences.
-   */
-  getSortedPresentationAudiences(e, n) {
-    const i = e.filter((o) => !!o).map((o) => o.id.toString());
-    return n.filter((o) => i.includes(o.masterId.toString()));
-  },
-  /**
-   * This function accepts a set of presentation audiences, and returns a single
-   * audience where the name is a merged string of the names of all of the audiences passed in.
-   *
-   * As we add more presentations that have different audience sets, we'll need to extend the `switch`
-   * statement below to either include new string builder functions, or to include new presentation IDs
-   * for existing string builder functions.
-   */
-  getMergedPresentationAudienceString(e) {
-    const { presentationId: n } = I.first(e);
-    let i = "";
-    switch (+n) {
-      // Generic `Name Number`. Sometimes has just name. Examples: Year 12, Grade 4, Kindergarten
-      case $.PresentationIds.DEFAULT:
-      case $.PresentationIds.AU_SECONDARY:
-      case $.PresentationIds.US_ELEMENTARY:
-      case $.PresentationIds.AU_PRIMARY:
-      case $.PresentationIds.STREAMABLE_LEARNING:
-        if (e.length === 1)
-          return e[0];
-        i = U.yearsAndGradesBuilder(e);
-        break;
-      case $.PresentationIds.INT_SECONDARY:
-        if (e.length === 1)
-          return e[0];
-        i = U.internationalSecondaryBuilder(e);
-        break;
-      case $.PresentationIds.INT_PRIMARY:
-        i = U.internationalPrimaryBuilder(e);
-        break;
-      case $.PresentationIds.SCT_PRIMARY:
-        i = U.scotlandPrimaryBuilder(e);
-        break;
-      case $.PresentationIds.ENG_SECONDARY:
-        i = U.englandSecondaryBuilder(e);
-        break;
-      case $.PresentationIds.SCT_SECONDARY:
-        i = U.scotlandSecondaryBuilder(e);
-        break;
-      // Key Stage 1, Lower Key Stage 2, etc.
-      case $.PresentationIds.ENG_PRIMARY:
-        i = U.englandPrimaryBuilder(e);
-        break;
-    }
-    return i ? { name: i } : null;
-  },
-  /**
-   * This function assumes the members array passed in is ordered by `name`.
-   */
-  sortMembersWithDuplicateNamesByAudience(e) {
-    const n = (o) => {
-      if (!o.length)
-        return null;
-      let c, s;
-      return o.forEach((r) => {
-        const l = +I.first(r.name.match(h1));
-        if (!c) {
-          c = r, s = l;
-          return;
-        }
-        l < s && (c = r);
-      }), c;
-    }, i = {};
-    let a = [];
-    return e.forEach((o) => {
-      if (!i[o.name]) {
-        i[o.name] = 1, a.push(o);
-        return;
-      }
-      a.push(o), i[o.name]++;
-      const s = a.splice(a.length - i[o.name]).sort((r, l) => {
-        const d = n(r.subjectPresentationAudiences.data), m = n(l.subjectPresentationAudiences.data);
-        if (!d && m)
-          return 1;
-        if (!m)
-          return -1;
-        const v = d.name.localeCompare(m.name);
-        return v === 0 ? v : v > 0 ? -1 : 1;
-      });
-      a = a.concat(s);
-    }), a;
-  },
-  getActiveAudiencesFromParams(e, n = {}) {
-    if (!de.isObject(n) || de.isEmpty(n) || !e || !e.length || !je.shouldShowAudiences(e))
-      return;
-    let { a: i } = n;
-    if (!i)
-      return;
-    typeof i == "string" && (i = [i]);
-    const a = (c) => c.replace(C1, "").toLowerCase(), o = i.reduce((c, s) => (c[a(s)] = s, c), {});
-    return e.filter((c) => o[a(c.name)]);
-  },
-  getAudienceParams(e) {
-    return e != null && e.length ? { a: e.map((n) => n.name) } : null;
-  },
-  shouldShowAudiences(e = []) {
-    return e ? e.length > f1 : !1;
-  }
-};
-function rt(e, n) {
-  const i = b.useMemo(() => !(e != null && e.length) || !n || !je.shouldShowAudiences(n) ? null : je.getSortedPresentationAudiences(e, n), [e]);
-  return b.useMemo(() => i != null && i.length ? je.getMergedPresentationAudienceString(i) : null, [i]);
-}
-const x1 = "_responsiveGuidance_1waly_2", y1 = {
-  responsiveGuidance: x1
-}, pt = L.forwardRef((e, n) => {
-  var x, f;
-  const i = Ge(), [a, o] = me(), c = A.getSize(i, e.size), s = c === "sm", { isSortable: r } = L.useContext(Ae), l = rt((x = e.video.subjectPresentationAudiences) == null ? void 0 : x.data, e.presentationAudiences), d = r && !i.xs && (o || typeof e.index > "u" || !e.showIndexes), m = e.showIndexes && !d && !i.xs, v = (d || e.showIndexes) && !i.xs, g = e.getVideoAppLink(e.video, {}), C = {
-    analyticsData: e.analyticsData,
-    analyticsOptions: {
-      entity: we.Clip,
-      location: ie.ClipListItem
-    }
-  };
-  return /* @__PURE__ */ t.jsx("div", { ref: a, className: "w-100", children: /* @__PURE__ */ t.jsxs("div", { className: `row g-0 ${s ? "" : "py-2"}`, ref: n, style: e.style, children: [
-    /* @__PURE__ */ t.jsx(F, { ...A.getThumbnailColumns(), className: `flex-column align-items-flex-start ${s ? "pb-2 pe-2" : "mb-1 px-2"}`, children: /* @__PURE__ */ t.jsxs(Be, { children: [
-      /* @__PURE__ */ t.jsx(
-        _e,
-        {
-          index: e.index,
-          showDragHandle: d,
-          showIndexes: m,
-          dragHandleIcon: e.dragHandleIcon,
-          dragHandleIconSize: e.dragHandleIconSize,
-          dragAttributes: e.dragAttributes,
-          dragListeners: e.dragListeners
-        }
-      ),
-      /* @__PURE__ */ t.jsx(F, { xs: A.getThumbnailColSize(v), children: /* @__PURE__ */ t.jsx(
-        Se,
-        {
-          ...C,
-          video: e.video,
-          appLink: g,
-          audience: l,
-          imageOptions: { size: le.Medium },
-          textPosition: E.Independent,
-          type: "static",
-          commonVideoProps: {
-            ...e.commonVideoProps,
-            subTextType: "none"
-          }
-        }
-      ) })
-    ] }) }),
-    /* @__PURE__ */ t.jsxs(
-      F,
-      {
-        ...A.getDetailsColumns(),
-        className: `${s ? "pb-2" : "px-2"} d-flex position-relative flex-column`,
-        children: [
-          /* @__PURE__ */ t.jsxs("div", { className: "d-flex justify-content-between", children: [
-            /* @__PURE__ */ t.jsx(
-              Pe,
-              {
-                video: e.video,
-                appLink: g,
-                size: c,
-                yearGroups: e.commonVideoProps.yearGroups,
-                showPadlock: !e.commonVideoProps.hasStudentExperience,
-                linkClassName: "flex-grow-1",
-                ...C
-              }
-            ),
-            /* @__PURE__ */ t.jsx(
-              ot,
-              {
-                ...C,
-                video: e.video,
-                showSignIn: e.showSignIn,
-                signInAppLink: (f = e.getSignInAppLink) == null ? void 0 : f.call(e, g)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t.jsxs("div", { children: [
-            !s && /* @__PURE__ */ t.jsx(
-              at,
-              {
-                video: e.video,
-                showSignIn: e.showSignIn,
-                hasStudentExperience: e.commonVideoProps.hasStudentExperience
-              }
-            ),
-            !e.commonVideoProps.hasStudentExperience && /* @__PURE__ */ t.jsx(st, { video: e.video, yearGroups: e.commonVideoProps.yearGroups })
-          ] }),
-          u.showVideoGuidance(e.hasPermissions) && /* @__PURE__ */ t.jsx(
-            it,
-            {
-              video: e.video,
-              getVideoAppLink: e.getVideoAppLink,
-              containerClassName: "d-flex justify-content-start align-items-center pt-sm-1 gap-1",
-              responsiveClassName: y1.responsiveGuidance,
-              commonVideoProps: e.commonVideoProps,
-              ...C
-            }
-          )
-        ]
-      }
-    )
-  ] }) });
-}), L1 = (e) => /* @__PURE__ */ t.jsx(Qe, { id: e.video.id, childComponent: pt, childProps: e });
-function $t() {
-  return `
-    <svg viewBox='0 0 24 24'>
-      <g transform='translate(1.000000, 1.000000)'>
-        <g transform='translate(5.000000, 3.000000)'>
-          <path d='M5.129,4.52970994e-14 C5.80434375,4.52970994e-14 6.35378125,0.5494375 6.35378125,1.22478125 L6.35378125,1.22478125 L6.35378125,4.12053125 C6.35378125,4.795875 5.80434375,5.3453125 5.129,5.3453125 L5.129,5.3453125 L5.01765625,5.3453125 L5.01765625,5.7625625 C5.14371875,5.7230625 5.2778125,5.70175 5.4166875,5.70175 C5.8579375,5.70175 6.24996875,5.9166875 6.4935,6.24740625 C6.6880625,6.13675 6.9129375,6.0735 7.15228125,6.0735 C7.61575,6.0735 8.024875,6.31059375 8.26471875,6.6699375 C8.450875,6.57140625 8.6629375,6.51559375 8.88784375,6.51559375 C9.6248125,6.51559375 10.2244688,7.11515625 10.2244688,7.85209375 L10.2244688,7.85209375 L10.2239688,11.0194063 C10.22375,12.719125 9.73003125,14.3683438 8.79625,15.7887188 C8.7095625,15.9205625 8.562375,15.9999688 8.4045625,15.9999688 L8.4045625,15.9999688 L3.1323125,15.9999688 C3.0124375,15.9999688 2.897125,15.9540625 2.8100625,15.8716563 C2.80745313,15.8691864 2.80274841,15.8647056 2.79608533,15.8582606 L2.73370254,15.7963915 C2.38498908,15.4434944 0.983540179,13.9211451 0.6698125,11.95725 L0.6698125,11.95725 L0.0538125,9.3209375 C-0.03209375,8.95328125 0.043625,8.5848125 0.261625,8.3100625 C0.46915625,8.04846875 0.78865625,7.89309375 1.14465625,7.8788125 C1.47575,7.8150625 1.81340625,7.8773125 2.10134375,8.0561875 C2.19071875,8.1116875 2.272125,8.17646875 2.34459375,8.24915625 L2.34459375,8.24915625 L2.34459375,5.34534375 L2.23325,5.34534375 C1.55790625,5.34534375 1.00846875,4.79590625 1.00846875,4.1205625 L1.00846875,4.1205625 L1.00846875,1.22478125 C1.00846875,0.5494375 1.55790625,4.52970994e-14 2.23325,4.52970994e-14 L2.23325,4.52970994e-14 Z M3.6810625,3.4381875 C3.46103125,3.4381875 3.282,3.61721875 3.282,3.83725 L3.282,3.83725 L3.282,11.2870938 C3.282,11.4215625 3.22428125,11.5495625 3.12346875,11.6385313 C3.02265625,11.7275 2.88853125,11.7689063 2.7550625,11.7522188 L2.7550625,11.7522188 L2.7175,11.7475313 C2.5228125,11.7231875 2.36390625,11.580125 2.31925,11.3890625 L2.31925,11.3890625 L1.78459375,9.10071875 C1.76034375,8.9969375 1.69715625,8.9088125 1.60659375,8.8525625 C1.51603125,8.7963125 1.407,8.78928125 1.30065625,8.79571875 C1.2585,8.79828125 1.23959375,8.8036875 1.194,8.80803125 C1.10340625,8.81665625 1.035625,8.84275 0.996,8.89271875 C0.956375,8.9426875 0.94596875,9.019 0.96665625,9.107625 L0.96665625,9.107625 L1.58653125,11.7605625 C1.5891875,11.7719063 1.59140625,11.7833438 1.59321875,11.794875 C1.83815625,13.3630313 2.95146875,14.6606563 3.32925,15.0625 L3.32925,15.0625 L8.1469375,15.0625 C8.893,13.8445 9.28625,12.4519688 9.2864375,11.0193125 L9.2864375,11.0193125 L9.2869375,7.85203125 C9.2869375,7.63209375 9.10790625,7.4530625 8.887875,7.4530625 C8.66784375,7.4530625 8.4888125,7.63209375 8.4888125,7.852125 L8.4888125,7.852125 L8.4888125,8.61359375 C8.4888125,8.87246875 8.2789375,9.08234375 8.0200625,9.08234375 C7.7611875,9.08234375 7.5513125,8.87246875 7.5513125,8.61359375 L7.5513125,8.61359375 L7.5513125,7.4100625 C7.5513125,7.19003125 7.3723125,7.011 7.15228125,7.011 C6.93225,7.011 6.75321875,7.19003125 6.75321875,7.4100625 L6.75321875,7.4100625 L6.75321875,8.28625 C6.75321875,8.545125 6.54334375,8.755 6.28446875,8.755 C6.02559375,8.755 5.81571875,8.545125 5.81571875,8.28625 L5.81571875,8.28625 L5.81571875,7.0383125 C5.81571875,6.81828125 5.6366875,6.63928125 5.41665625,6.63928125 C5.196625,6.63928125 5.017625,6.81828125 5.017625,7.0383125 L5.017625,7.0383125 L5.017625,8.232875 C5.017625,8.49175 4.80775,8.701625 4.548875,8.701625 C4.29,8.701625 4.080125,8.49175 4.080125,8.232875 L4.080125,8.232875 L4.080125,3.83725 C4.080125,3.61721875 3.90109375,3.4381875 3.6810625,3.4381875 Z M11.131,-1.59872116e-14 C11.8064063,-1.59872116e-14 12.3558125,0.5494375 12.3558125,1.22478125 L12.3558125,1.22478125 L12.3558125,4.1205625 C12.3558125,4.79590625 11.806375,5.34534375 11.131,5.34534375 L11.131,5.34534375 L8.23525,5.34534375 C7.55990625,5.34534375 7.01046875,4.79590625 7.01046875,4.1205625 L7.01046875,4.1205625 L7.01046875,1.22478125 C7.01046875,0.5494375 7.55990625,-1.59872116e-14 8.23525,-1.59872116e-14 L8.23525,-1.59872116e-14 Z M11.1310313,0.9375 L8.23528125,0.9375 C8.076875,0.9375 7.948,1.066375 7.948,1.22478125 L7.948,1.22478125 L7.948,4.1205625 C7.948,4.27896875 8.076875,4.40784375 8.23528125,4.40784375 L8.23528125,4.40784375 L11.1310313,4.40784375 C11.2894375,4.40784375 11.4183438,4.27896875 11.4183438,4.1205625 L11.4183438,4.1205625 L11.4183438,1.22478125 C11.4183438,1.066375 11.2894375,0.9375 11.1310313,0.9375 L11.1310313,0.9375 Z M5.129,0.9375 L2.23325,0.9375 C2.07484375,0.9375 1.94596875,1.066375 1.94596875,1.22478125 L1.94596875,1.22478125 L1.94596875,4.1205625 C1.94596875,4.27896875 2.07484375,4.40784375 2.2331875,4.40784375 L2.2331875,4.40784375 L2.34453125,4.40784375 L2.34453125,3.83721875 C2.34453125,3.10025 2.944125,2.50065625 3.68109375,2.50065625 C4.4180625,2.50065625 5.01765625,3.10025 5.01765625,3.83721875 L5.01765625,3.83721875 L5.01765625,4.40784375 L5.129,4.40784375 C5.28740625,4.40784375 5.41628125,4.27896875 5.41628125,4.1205625 L5.41628125,4.1205625 L5.41628125,1.22478125 C5.41628125,1.066375 5.28740625,0.9375 5.129,0.9375 L5.129,0.9375 Z'></path>
-        </g>
-      </g>
-    </svg>
-  `;
-}
-function Tt() {
-  return `
-    <svg viewBox='0 0 24 24'>
-      <g transform='translate(1.000000, 1.000000)'>
-        <path d='M16.5547082,3.66666667 C17.0307547,3.66666667 17.4166667,4.10561087 17.4166667,4.65176211 L17.4166667,17.3482379 C17.4166667,17.8922911 17.0325905,18.3333333 16.5547082,18.3333333 L5.44529184,18.3333333 C4.9692453,18.3333333 4.58333333,17.8943891 4.58333333,17.3482379 L4.58333333,4.65176211 C4.58333333,4.10770892 4.96740951,3.66666667 5.44529184,3.66666667 L16.5547082,3.66666667 Z M6.64149485,4.58362946 L5.39188119,4.58333333 L5.39188119,4.58333333 L5.39140886,4.63124366 C5.39133174,4.64701901 5.39125542,4.66659213 5.39117991,4.68981696 L5.39052172,4.99349248 C5.39045096,5.0373129 5.39038099,5.08434682 5.39031181,5.13444817 L5.38951907,5.87355262 C5.38945612,5.94585631 5.38939393,6.02064317 5.38933252,6.09776711 L5.38846857,7.41164942 C5.38841476,7.50849255 5.38836171,7.60694243 5.3883094,7.706853 L5.38744819,9.63144592 C5.38740476,9.7436262 5.38736207,9.85639075 5.3873201,9.96959351 L5.38636125,13.0260679 C5.38633211,13.1353268 5.38630366,13.2437094 5.38627591,13.3510694 L5.38541667,17.4092786 L5.38541667,17.4092786 C5.38541667,17.4094727 5.40139773,17.4096625 5.43215374,17.4098483 L5.66621602,17.410657 C5.70239956,17.4107438 5.74182455,17.4108296 5.78434021,17.4109144 L6.24635879,17.4116506 C6.30606164,17.4117294 6.36840286,17.4118072 6.43323171,17.411884 L7.07978636,17.412549 C7.15818403,17.4126199 7.23861702,17.4126899 7.32093458,17.4127589 L8.38955516,17.4135407 C8.48453695,17.413602 8.58080025,17.4136624 8.67819428,17.4137218 L10.2050643,17.4145426 C10.3099966,17.4145926 10.4153058,17.4146418 10.5208411,17.41469 L12.7186143,17.4155682 C12.8199282,17.4156037 12.9204129,17.4156383 13.0199177,17.4156721 L16.5962838,17.4166643 C16.6041235,17.4166659 16.6081188,17.4166667 16.6081188,17.4166667 L16.6083574,17.404543 L16.6083574,17.404543 L16.6092636,17.1281822 C16.609336,17.0909349 16.6094075,17.0503279 16.6094783,17.0065075 L16.6102897,16.3357629 C16.6103542,16.2685716 16.610418,16.1987511 16.6104809,16.1264474 L16.6111995,15.1489598 C16.6112564,15.059128 16.6113124,14.9673972 16.6113678,14.8739137 L16.6122825,13.0334559 C16.6123288,12.924197 16.6123745,12.8140617 16.6124193,12.703196 L16.6132553,10.3177583 C16.6132901,10.2038252 16.6133242,10.0901843 16.6133575,9.97698153 L16.6143069,6.10515513 C16.6143225,6.02803119 16.6143373,5.95324434 16.6143515,5.88094064 L16.6145833,4.59072136 L16.6145833,4.59072136 L16.6027483,4.59043343 L16.6027483,4.59043343 L16.5107818,4.58987601 C16.4881671,4.58978515 16.4620094,4.5896953 16.4324595,4.58960647 L16.0789915,4.58883422 C16.0304453,4.58875142 15.9789591,4.58866963 15.9246838,4.58858883 L15.1491499,4.58766678 C15.0749737,4.58759388 14.9986113,4.58752196 14.9202136,4.58745101 L14.1637515,4.58683864 C14.0744988,4.5867735 13.983663,4.58670932 13.891395,4.58664609 L12.4188002,4.58576887 C12.3159787,4.5857151 12.2124787,4.58566226 12.108451,4.58561036 L10.2115288,4.58477559 C10.1065966,4.58473469 10.0020412,4.58469469 9.89801354,4.5846556 L6.8573146,4.58368638 C6.78313834,4.58366655 6.71114817,4.58364758 6.64149485,4.58362946 Z M9.80280172,11.9166667 C10.0210177,11.9166667 10.1979167,12.1218695 10.1979167,12.375 C10.1979167,12.6281305 10.0210177,12.8333333 9.80280172,12.8333333 L9.80280172,12.8333333 L7.38469828,12.8333333 C7.16648232,12.8333333 6.98958333,12.6281305 6.98958333,12.375 C6.98958333,12.1218695 7.16648232,11.9166667 7.38469828,11.9166667 L7.38469828,11.9166667 Z M14.5678761,9.16666667 C14.8122845,9.16666667 15.0104167,9.37186949 15.0104167,9.625 C15.0104167,9.87813051 14.8122845,10.0833333 14.5678761,10.0833333 L14.5678761,10.0833333 L7.4321239,10.0833333 C7.18771549,10.0833333 6.98958333,9.87813051 6.98958333,9.625 C6.98958333,9.37186949 7.18771549,9.16666667 7.4321239,9.16666667 L7.4321239,9.16666667 Z M14.5678761,6.41666667 C14.8122845,6.41666667 15.0104167,6.62186949 15.0104167,6.875 C15.0104167,7.12813051 14.8122845,7.33333333 14.5678761,7.33333333 L14.5678761,7.33333333 L7.4321239,7.33333333 C7.18771549,7.33333333 6.98958333,7.12813051 6.98958333,6.875 C6.98958333,6.62186949 7.18771549,6.41666667 7.4321239,6.41666667 L7.4321239,6.41666667 Z'></path>
-      </g>
-    </svg>
-  `;
-}
-function Vt() {
-  return `
-    <svg viewBox='0 0 24 24'>
-      <g transform='translate(2.000000, 2.000000)'>
-        <g transform='translate(3.500000, 2.000000)'>
-          <path d='M10.78125,7.53125 C11.0285625,7.53125 11.2715937,7.59621875 11.4840312,7.71909375 C11.7963125,7.89971875 12.1875,7.6735625 12.1875,7.31334375 L12.1875,3.3125 C12.1875,3.053625 11.977625,2.84375 11.71875,2.84375 L8.38675,2.84375 C8.42015625,2.680125 8.4375,2.51184375 8.4375,2.34375 C8.4375,1.05140625 7.38609375,0 6.09375,0 C4.80140625,0 3.75,1.05140625 3.75,2.34375 C3.75,2.51184375 3.76734375,2.680125 3.80075,2.84375 L0.46875,2.84375 C0.209875,2.84375 0,3.053625 0,3.3125 L0,7.31334375 C0,7.674125 0.391625,7.899375 0.70346875,7.71909375 C0.91590625,7.59621875 1.1589375,7.53125 1.40625,7.53125 C2.18165625,7.53125 2.8125,8.16209375 2.8125,8.9375 C2.8125,9.71290625 2.18165625,10.34375 1.40625,10.34375 C1.1589375,10.34375 0.91590625,10.2787812 0.70346875,10.1559062 C0.3911875,9.9753125 0,10.2013437 0,10.5616563 L0,15.53125 C0,15.790125 0.209875,16 0.46875,16 L4.46959375,16 C4.8303125,16 5.05578125,15.608375 4.8753125,15.2965312 C4.7524375,15.0840937 4.6875,14.8410938 4.6875,14.59375 C4.6875,13.8183438 5.31834375,13.1875 6.09375,13.1875 C6.86915625,13.1875 7.5,13.8183438 7.5,14.59375 C7.5,14.8410938 7.4350625,15.0840937 7.31215625,15.2965312 C7.13146875,15.6087812 7.3576875,16 7.717875,16 L11.71875,16 C11.977625,16 12.1875,15.790125 12.1875,15.53125 L12.1875,10.5616563 C12.1875,10.2009375 11.7959375,9.97553125 11.4840312,10.1559063 C11.2715937,10.2787812 11.0285625,10.34375 10.78125,10.34375 C10.0058438,10.34375 9.375,9.71290625 9.375,8.9375 C9.375,8.16209375 10.0058438,7.53125 10.78125,7.53125 Z M10.78125,11.28125 C10.9393125,11.28125 11.096375,11.2652812 11.25,11.234 L11.25,15.0625 L8.39021875,15.0625 C8.42153125,14.9088438 8.4375,14.7518125 8.4375,14.59375 C8.4375,13.3014062 7.38609375,12.25 6.09375,12.25 C4.80140625,12.25 3.75,13.3014062 3.75,14.59375 C3.75,14.7518125 3.76596875,14.9088438 3.79728125,15.0625 L0.9375,15.0625 L0.9375,11.234 C1.091125,11.2652812 1.2481875,11.28125 1.40625,11.28125 C2.69859375,11.28125 3.75,10.2298438 3.75,8.9375 C3.75,7.64515625 2.69859375,6.59375 1.40625,6.59375 C1.2481875,6.59375 1.091125,6.60971875 0.9375,6.641 L0.9375,3.78125 L4.46959375,3.78125 C4.8303125,3.78125 5.05578125,3.389625 4.8753125,3.07778125 C4.75596875,2.87140625 4.6875,2.603875 4.6875,2.34375 C4.6875,1.56834375 5.31834375,0.9375 6.09375,0.9375 C6.86915625,0.9375 7.5,1.56834375 7.5,2.34375 C7.5,2.603875 7.43153125,2.87140625 7.31215625,3.07778125 C7.13146875,3.39003125 7.3576875,3.78125 7.717875,3.78125 L11.25,3.78125 L11.25,6.641 C11.096375,6.60971875 10.9393125,6.59375 10.78125,6.59375 C9.48890625,6.59375 8.4375,7.64515625 8.4375,8.9375 C8.4375,10.2298438 9.48890625,11.28125 10.78125,11.28125 Z'></path>
-        </g>
-      </g>
-    </svg>
-  `;
-}
-function Dt() {
-  return `
-    <svg viewBox='0 0 24 24'>
-      <g transform='translate(1.000000, 1.000000)'>
-        <path d='M15.125,3.66666667 C16.8969136,3.66666667 18.3333333,5.10308643 18.3333333,6.875 L18.3333333,15.125 C18.3333333,16.8969136 16.8969136,18.3333333 15.125,18.3333333 L6.875,18.3333333 C5.10308643,18.3333333 3.66666667,16.8969136 3.66666667,15.125 L3.66666667,6.875 C3.66666667,5.10308643 5.10308643,3.66666667 6.875,3.66666667 L15.125,3.66666667 Z M15.125,4.58333333 L6.875,4.58333333 C5.60934745,4.58333333 4.58333333,5.60934745 4.58333333,6.875 L4.58333333,15.125 C4.58333333,16.3906526 5.60934745,17.4166667 6.875,17.4166667 L15.125,17.4166667 C16.3906526,17.4166667 17.4166667,16.3906526 17.4166667,15.125 L17.4166667,6.875 C17.4166667,5.60934745 16.3906526,4.58333333 15.125,4.58333333 Z M7.33333333,13.2916667 C7.83959435,13.2916667 8.25,13.7020723 8.25,14.2083333 C8.25,14.7145944 7.83959435,15.125 7.33333333,15.125 C6.82707231,15.125 6.41666667,14.7145944 6.41666667,14.2083333 C6.41666667,13.7020723 6.82707231,13.2916667 7.33333333,13.2916667 Z M15.0349223,13.75 C15.2880528,13.75 15.4932556,13.9552028 15.4932556,14.2083333 C15.4932556,14.4614638 15.2880528,14.6666667 15.0349223,14.6666667 L9.625,14.6666667 C9.37186949,14.6666667 9.16666667,14.4614638 9.16666667,14.2083333 C9.16666667,13.9552028 9.37186949,13.75 9.625,13.75 L15.0349223,13.75 Z M7.33333333,10.0833333 C7.83959435,10.0833333 8.25,10.493739 8.25,11 C8.25,11.506261 7.83959435,11.9166667 7.33333333,11.9166667 C6.82707231,11.9166667 6.41666667,11.506261 6.41666667,11 C6.41666667,10.493739 6.82707231,10.0833333 7.33333333,10.0833333 Z M15.125,10.5416667 C15.3781305,10.5416667 15.5833333,10.7468695 15.5833333,11 C15.5833333,11.2531305 15.3781305,11.4583333 15.125,11.4583333 L9.625,11.4583333 C9.37186949,11.4583333 9.16666667,11.2531305 9.16666667,11 C9.16666667,10.7468695 9.37186949,10.5416667 9.625,10.5416667 L15.125,10.5416667 Z M7.33333333,6.875 C7.83959435,6.875 8.25,7.28540565 8.25,7.79166667 C8.25,8.29792769 7.83959435,8.70833333 7.33333333,8.70833333 C6.82707231,8.70833333 6.41666667,8.29792769 6.41666667,7.79166667 C6.41666667,7.28540565 6.82707231,6.875 7.33333333,6.875 Z M15.125,7.33333333 C15.3781305,7.33333333 15.5833333,7.53853616 15.5833333,7.79166667 C15.5833333,8.04479718 15.3781305,8.25 15.125,8.25 L9.625,8.25 C9.37186949,8.25 9.16666667,8.04479718 9.16666667,7.79166667 C9.16666667,7.53853616 9.37186949,7.33333333 9.625,7.33333333 L15.125,7.33333333 Z'></path>
-      </g>
-    </svg>
-  `;
-}
-function Ft() {
-  return `
-    <svg viewBox='0 0 24 24'>
-      <path d='M19,5 C19.5522847,5 20,5.44771525 20,6 L20,18 C20,18.5522847 19.5522847,19 19,19 L5,19 C4.44771525,19 4,18.5522847 4,18 L4,6 C4,5.44771525 4.44771525,5 5,5 L19,5 Z M19,6 L5,6 L5,18 L19,18 L19,6 Z M13.5270821,8.72788029 L17.419465,14.7278803 C17.5697525,14.9595444 17.5037838,15.2691774 17.2721197,15.419465 C17.0404556,15.5697525 16.7308226,15.5037838 16.580535,15.2721197 L13.0911139,9.89327406 L11.4091273,12.2874279 C11.2306031,12.5415408 10.866042,12.5731488 10.6464466,12.3535534 L10.0540971,11.7612039 L7.4,15.3 C7.23431458,15.5209139 6.9209139,15.5656854 6.7,15.4 C6.4790861,15.2343146 6.43431458,14.9209139 6.6,14.7 L9.6,10.7 C9.7825648,10.4565803 10.1383987,10.4312919 10.3535534,10.6464466 L10.9328729,11.2257661 L12.6984898,8.71257207 C12.9021272,8.42271292 13.3342903,8.43069712 13.5270821,8.72788029 Z M8,7.5 C8.82842712,7.5 9.5,8.17157288 9.5,9 C9.5,9.82842712 8.82842712,10.5 8,10.5 C7.17157288,10.5 6.5,9.82842712 6.5,9 C6.5,8.17157288 7.17157288,7.5 8,7.5 Z M8,8.5 C7.72385763,8.5 7.5,8.72385763 7.5,9 C7.5,9.27614237 7.72385763,9.5 8,9.5 C8.27614237,9.5 8.5,9.27614237 8.5,9 C8.5,8.72385763 8.27614237,8.5 8,8.5 Z'></path>
-    </svg>
-  `;
-}
-function Rt() {
-  return `
-    <svg viewBox='0 0 24 24'>
-      <path d='M16.8002 15.5516C16.5657 15.84 16.5105 16.2347 16.6569 16.5764L17.145 17.7153L15.6723 17.0841C15.4046 16.9694 15.1 16.9771 14.8384 17.1053L14.756 17.1457C13.9034 17.5634 12.9645 17.7835 11.9918 17.7835C8.51692 17.7835 5.7 14.9666 5.7 11.4918C5.7 8.01692 8.51692 5.2 11.9918 5.2C15.4666 5.2 18.2835 8.01692 18.2835 11.4918C18.2835 12.958 17.7819 14.3442 16.8765 15.4578L16.8002 15.5516ZM17.1319 19.0152C17.9616 19.3708 18.8005 18.5319 18.4449 17.7021L17.8075 16.2148C18.8554 14.926 19.4835 13.2823 19.4835 11.4918C19.4835 7.35418 16.1294 4 11.9918 4C7.85418 4 4.5 7.35418 4.5 11.4918C4.5 15.6294 7.85418 18.9835 11.9918 18.9835C13.173 18.9835 14.2903 18.7102 15.284 18.2233L17.1319 19.0152Z' />
-    </svg>
-  `;
-}
-function Ot() {
-  return `
-    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>
-      <path fill-rule='evenodd' clip-rule='evenodd' d='M18.2411 13.7881C18.2887 13.5157 18.0395 13.2465 17.6953 13.3346C17.3344 13.4271 16.9508 13.4506 16.5627 13.3938C15.8185 14.404 15.232 15.0693 14.7556 15.4771C14.9397 15.8591 14.9223 16.3164 14.7953 16.7237C14.663 17.148 14.3965 17.5746 14.004 17.9197C13.1974 18.6288 11.9124 18.9538 10.252 18.3555L9.6361 18.1336L10.8248 16.4403C10.8536 16.3994 10.895 16.2797 10.948 15.9967C10.9568 15.9502 10.9658 15.8998 10.9752 15.8466L10.9753 15.846L10.9754 15.8459L10.9754 15.8459C11.0141 15.6287 11.0613 15.3639 11.1335 15.1223C11.2242 14.8188 11.3771 14.4637 11.6835 14.2095C11.9817 13.9622 12.3608 13.8619 12.8023 13.9024C13.0571 13.2864 13.5182 12.476 14.2494 11.3987L14.2357 11.357C14.2007 11.2488 14.1511 11.0868 14.119 10.8858C14.0536 10.4764 14.0643 9.9266 14.3604 9.29657C14.4494 9.10715 14.5146 8.91445 14.5573 8.72168C14.8536 7.38674 14.077 6.0484 12.7163 5.76998C12.6531 5.75701 12.5892 5.74486 12.5246 5.73347C8.70188 5.05944 5.05659 7.61193 4.38254 11.4346C3.70848 15.2574 6.26101 18.9027 10.0837 19.5768C13.9064 20.2508 17.5518 17.6983 18.2258 13.8756L18.2411 13.7881ZM15.8626 12.6572C15.8947 12.5723 15.9481 12.5005 16.0149 12.4463C16.091 12.34 16.1692 12.2296 16.2493 12.1152C17.2716 10.6552 18.1315 9.27136 18.6754 8.22122C18.8855 7.81559 19.042 7.47194 19.1431 7.19994C18.9065 7.38016 18.6161 7.63896 18.2839 7.97168C17.4465 8.81052 16.4034 10.0589 15.3866 11.5111C14.5179 12.7517 14.0214 13.6064 13.7659 14.1913L14.285 14.5548C14.6757 14.1827 15.1887 13.5831 15.8626 12.6572ZM17.4471 12.3659C17.3881 12.381 17.3282 12.3933 17.2674 12.4027C18.2189 11.0249 19.029 9.71286 19.5633 8.68114C19.8471 8.13334 20.0641 7.64372 20.1787 7.25589C20.2351 7.06519 20.2765 6.8674 20.2745 6.68479C20.2725 6.51587 20.2295 6.23216 19.9736 6.05296C19.7244 5.87848 19.4469 5.92652 19.2885 5.97523C19.1139 6.02893 18.9362 6.12717 18.7674 6.23956C18.4249 6.46764 18.0169 6.82379 17.5762 7.26518C16.8442 7.99842 15.9806 9.00929 15.1147 10.1778C15.1398 10.0455 15.1836 9.90125 15.2542 9.74611L15.2654 9.72185C16.2163 7.69819 15.1756 5.25268 12.9173 4.7904C12.8445 4.77544 12.7715 4.76158 12.6983 4.74868C8.33172 3.97872 4.16769 6.89438 3.39773 11.261C2.62777 15.6276 5.54347 19.7916 9.91006 20.5616C14.2767 21.3315 18.4407 18.4159 19.2106 14.0492L19.2262 13.9606C19.4123 12.8961 18.4178 12.1172 17.4471 12.3659ZM11.6433 17.0149C11.8176 16.7665 11.8855 16.4229 11.9309 16.1811C11.9432 16.1158 11.9545 16.0525 11.9655 15.9909C12.0033 15.7804 12.0374 15.5901 12.0916 15.4086C12.161 15.1765 12.2405 15.0468 12.3219 14.9792C12.3717 14.9379 12.4608 14.8871 12.649 14.894L13.8774 15.9774C13.9004 16.0738 13.9028 16.2267 13.8406 16.426C13.7637 16.6728 13.6001 16.9432 13.3438 17.1686C12.934 17.5288 12.2479 17.8037 11.2342 17.5976L11.6433 17.0149ZM7 14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5C8 14.2239 7.77614 14 7.5 14C7.22386 14 7 14.2239 7 14.5ZM9 14.5C9 15.3284 8.32843 16 7.5 16C6.67157 16 6 15.3284 6 14.5C6 13.6716 6.67157 13 7.5 13C8.32843 13 9 13.6716 9 14.5ZM11.6 8.5C11.6 8.77614 11.3761 9 11.1 9C10.8238 9 10.6 8.77614 10.6 8.5C10.6 8.22386 10.8238 8 11.1 8C11.3761 8 11.6 8.22386 11.6 8.5ZM9.59998 8.5C9.59998 9.32843 10.2715 10 11.1 10C11.9284 10 12.6 9.32843 12.6 8.5C12.6 7.67157 11.9284 7 11.1 7C10.2715 7 9.59998 7.67157 9.59998 8.5ZM7.70007 11C7.42393 11 7.20007 10.7761 7.20007 10.5C7.20007 10.2239 7.42393 10 7.70007 10C7.97622 10 8.20007 10.2239 8.20007 10.5C8.20007 10.7761 7.97622 11 7.70007 11ZM7.70007 12C8.5285 12 9.20007 11.3284 9.20007 10.5C9.20007 9.67157 8.5285 9 7.70007 9C6.87165 9 6.20007 9.67157 6.20007 10.5C6.20007 11.3284 6.87165 12 7.70007 12Z' />
-    </svg>
-  `;
-}
-const j1 = H.encloseNamespace("shared.interactionTypes"), P = (e, n) => H.isInitialised() ? j1(e) : n;
-function q(e) {
-  return /* @__PURE__ */ t.jsx("div", { dangerouslySetInnerHTML: { __html: e } });
-}
-const w1 = {
-  [D.Annotation]() {
-    return {
-      name: P("annotationName", "Annotation"),
-      bgClassName: "bg-pink",
-      Svg: () => q(Rt()),
-      svgEl: Rt(),
-      typeName: "annotation"
-    };
-  },
-  [D.Image]() {
-    return {
-      name: P("imageName", "Image"),
-      bgClassName: "bg-orange",
-      Svg: () => q(Ft()),
-      svgEl: Ft(),
-      typeName: "image"
-    };
-  },
-  [D.MissingWord]() {
-    return {
-      name: P("missingWordName", "Fill in the blank"),
-      prompt: P("missingWordPrompt", "Fill in the blank by typing the missing word(s)"),
-      bgClassName: "bg-teal",
-      Svg: () => q(Vt()),
-      svgEl: Vt(),
-      typeName: "missing-word"
-    };
-  },
-  [D.MultipleChoice]() {
-    return {
-      name: P("multipleChoiceName", "Multiple choice"),
-      prompt: P("multipleChoicePrompt", "Choose the correct answer(s)"),
-      bgClassName: "bg-blue",
-      Svg: () => q(Dt()),
-      svgEl: Dt(),
-      typeName: "multiple-choice"
-    };
-  },
-  [D.ShortAnswer]() {
-    return {
-      name: P("shortAnswerName", "Short answer"),
-      prompt: P("shortAnswerPrompt", "Type in your answer to the question"),
-      bgClassName: "bg-green",
-      Svg: () => q(Tt()),
-      svgEl: Tt(),
-      typeName: "short-answer"
-    };
-  },
-  [D.TrueOrFalse]() {
-    return {
-      name: P("trueOrFalseName", "True or false"),
-      prompt: P("trueOrFalsePrompt", "Choose the correct answer"),
-      bgClassName: "bg-purple",
-      Svg: () => q($t()),
-      svgEl: $t(),
-      typeName: "true-or-false"
-    };
-  },
-  [D.Illustration]() {
-    return {
-      name: P("illustrationName", "Illustrate"),
-      prompt: P("illustrationPrompt", "Draw the answer"),
-      bgClassName: "bg-indigo",
-      Svg: () => q(Ot()),
-      svgEl: Ot(),
-      typeName: "illustration"
-    };
-  }
-}, b1 = {
-  getTypeInfo: (e) => {
-    const n = w1[e];
-    if (!n) {
-      Et.throw(new zt(`No type info defined for typeId: ${e}`));
-      return;
-    }
-    return n();
-  }
-};
-function N1(e, n, i) {
-  return e.replace(new RegExp(`<${n}.*?>`, "gi"), "").replace(new RegExp(`</${n}>`, "gi"), i ? "<br>" : "");
-}
-function Ht(e, n, i = !1) {
-  return !e || !n.length ? e : n.reduce((a, o) => N1(a, o, i), e);
-}
-function k1(e) {
-  var n, i;
-  if (e)
-    return e = Ht(e, ["ul", "ol", "b", "i", "u", "old", "em", "strong", "sup", "sub", "a", "span"]), e = Ht(e, ["li", "p", "div"], !0), ((i = (n = e.split("<br>")) == null ? void 0 : n.filter((a) => !!a)[0]) == null ? void 0 : i.trim()) || "Annotation";
-}
-en.defaultProps = {
-  showIcon: !0,
-  showQuestion: !0
-};
-function en(e) {
-  const { name: n, bgClassName: i, Svg: a } = b1.getTypeInfo(e.interaction.typeId), o = e.questionNumber ? `${e.questionNumber}. ` : "";
-  let c = `interaction-type-icon flex-shrink-0 ${i}`;
-  return e.smallIcon && (c += " sm"), (e.showQuestion || e.showTypeName) && (c += e.smallIcon ? " me-1" : " me-2"), e.iconClassName && (c += ` ${e.iconClassName}`), /* @__PURE__ */ t.jsxs("span", { className: e.containerClassName, children: [
-    !!e.showIcon && /* @__PURE__ */ t.jsx("span", { className: c, children: /* @__PURE__ */ t.jsx(a, {}) }),
-    /* @__PURE__ */ t.jsxs(R, { appLink: e.appLink, onClick: e.onClick, children: [
-      !!e.showTypeName && /* @__PURE__ */ t.jsx("span", { className: e.typeNameClassName, children: /* @__PURE__ */ t.jsxs("strong", { children: [
-        o,
-        n
-      ] }) }),
-      !!e.showQuestion && /* @__PURE__ */ t.jsx("span", { className: e.questionClassName, children: e.interaction.typeId === D.Annotation ? /* @__PURE__ */ t.jsx("span", { dangerouslySetInnerHTML: {
-        __html: k1(e.interaction.data.annotation)
-      } }) : e.interaction.name })
-    ] })
-  ] });
-}
-const I1 = "shared.interactiveItem";
-function S1(e) {
-  const n = $n();
-  return typeof e == "number" ? e : n === oe.XS ? 3 : n === oe.SM ? 1 : n === oe.MD || n === oe.LG ? 2 : 3;
-}
-function _1(e) {
-  var c;
-  const n = S1(e.totalToDisplay);
-  if (!((c = e.timepoints) != null && c.length))
-    return /* @__PURE__ */ t.jsx(t.Fragment, {});
-  const i = [];
-  let a = 0;
-  e.timepoints.forEach((s) => {
-    s == null || s.interactions.forEach((r) => {
-      if (Yn[r.typeId] || a >= n)
-        return;
-      a++;
-      const l = r.typeId === D.Annotation && typeof r.data == "string" ? JSON.parse(r.data) : r.data, d = {
-        ...r,
-        data: {
-          ...l,
-          // Add interactive time to applink and convert to seconds
-          appLink: e.appLink && { ...e.appLink, params: { t: Math.floor(s.visibleAt / 1e3) } }
-        }
-      };
-      i.push(d);
-    });
-  });
-  const o = e.timepoints.reduce((s, r) => {
-    var d;
-    const l = ((d = r == null ? void 0 : r.interactions) == null ? void 0 : d.length) ?? 0;
-    return s += l, s;
-  }, 0);
-  return i.length ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    i.map((s, r) => {
-      var l, d;
-      return /* @__PURE__ */ t.jsx("div", { className: "d-flex align-items-center mb-1", children: /* @__PURE__ */ t.jsx("div", { className: "clamp-1", children: /* @__PURE__ */ t.jsx(
-        en,
-        {
-          interaction: s,
-          appLink: (l = s.data) == null ? void 0 : l.appLink,
-          onClick: (d = s.data) != null && d.appLink ? e.onClickAppLink : null,
-          smallIcon: !0
-        }
-      ) }) }, r);
-    }),
-    /* @__PURE__ */ t.jsx("div", { className: "mb-1 text-link", children: /* @__PURE__ */ t.jsx(
-      R,
-      {
-        className: "cursor-pointer hover-text-underline",
-        appLink: e.previewAppLink,
-        onClick: e.onClickAppLink,
-        children: /* @__PURE__ */ t.jsx(
-          X,
-          {
-            namespace: I1,
-            phrase: "previewQuestions",
-            options: {
-              questionsShown: i.length,
-              smartCount: o
-            }
-          }
-        )
-      }
-    ) })
-  ] }) : /* @__PURE__ */ t.jsx(t.Fragment, {});
-}
-const tn = L.forwardRef((e, n) => {
-  var f, h, k;
-  const i = Ge(), [a, o] = me(), c = A.getSize(i, e.size), s = c === "sm", { isSortable: r } = L.useContext(Ae), l = rt((f = e.video.subjectPresentationAudiences) == null ? void 0 : f.data, e.presentationAudiences), d = r && !i.xs && (o || typeof e.index > "u" || !e.showIndexes), m = e.showIndexes && !d && !i.xs, v = (d || e.showIndexes) && !i.xs, g = e.getVideoAppLink(e.video, {}), C = {
-    analyticsData: e.analyticsData,
-    analyticsOptions: {
-      entity: we.Interactive,
-      location: ie.InteractiveListItem
-    }
-  }, { canNavigate: x } = u.getCanBeConsumed(e.video);
-  return /* @__PURE__ */ t.jsx("div", { ref: a, className: "w-100", children: /* @__PURE__ */ t.jsxs("div", { className: "row g-0 py-2", ref: n, style: e.style, children: [
-    /* @__PURE__ */ t.jsx(F, { ...A.getThumbnailColumns(), className: `flex-column align-items-flex-start ${s ? "pb-2 pe-2" : "mb-1 px-2"}`, children: /* @__PURE__ */ t.jsxs(Be, { children: [
-      /* @__PURE__ */ t.jsx(
-        _e,
-        {
-          index: e.index,
-          showDragHandle: d,
-          showIndexes: m,
-          dragHandleIcon: e.dragHandleIcon,
-          dragHandleIconSize: e.dragHandleIconSize,
-          dragAttributes: e.dragAttributes,
-          dragListeners: e.dragListeners
-        }
-      ),
-      /* @__PURE__ */ t.jsx(F, { xs: A.getThumbnailColSize(v), children: /* @__PURE__ */ t.jsx(
-        Se,
-        {
-          ...C,
-          video: e.video,
-          appLink: g,
-          audience: l,
-          imageOptions: { size: le.Medium },
-          textPosition: E.Independent,
-          type: "static",
-          hideDuration: s,
-          commonVideoProps: {
-            ...e.commonVideoProps,
-            subTextType: "none"
-          }
-        }
-      ) })
-    ] }) }),
-    /* @__PURE__ */ t.jsxs(F, { ...A.getDetailsColumns(), className: `position-relative ${s ? "pb-2" : "px-2"}`, children: [
-      /* @__PURE__ */ t.jsxs("div", { className: "d-flex justify-content-between", children: [
-        /* @__PURE__ */ t.jsx(
-          Pe,
-          {
-            video: e.video,
-            appLink: g,
-            size: c,
-            yearGroups: e.commonVideoProps.yearGroups,
-            showPadlock: !e.commonVideoProps.hasStudentExperience,
-            linkClassName: "flex-grow-1",
-            ...C
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          ot,
-          {
-            ...C,
-            video: e.video,
-            showSignIn: e.showSignIn,
-            signInAppLink: (h = e.getSignInAppLink) == null ? void 0 : h.call(e, g)
-          }
-        )
-      ] }),
-      x ? /* @__PURE__ */ t.jsx("div", { className: "pt-sm-1 pt-md-0", children: /* @__PURE__ */ t.jsx(
-        _1,
-        {
-          timepoints: (k = e.video._timepoints) == null ? void 0 : k.value,
-          appLink: g,
-          previewAppLink: e.getPreviewQuestionsAppLink(e.video)
-        }
-      ) }) : /* @__PURE__ */ t.jsx(
-        at,
-        {
-          video: e.video,
-          showSignIn: e.showSignIn,
-          hasStudentExperience: e.commonVideoProps.hasStudentExperience
-        }
-      ),
-      !e.commonVideoProps.hasStudentExperience && /* @__PURE__ */ t.jsx(st, { video: e.video, yearGroups: e.commonVideoProps.yearGroups })
-    ] })
-  ] }) });
-}), P1 = (e) => /* @__PURE__ */ t.jsx(Qe, { id: e.video.id, childComponent: tn, childProps: e }), A1 = "_responsiveGuidance_1waly_2", $1 = {
-  responsiveGuidance: A1
-}, ct = L.forwardRef((e, n) => {
-  var k, _, y, w;
-  const i = Ge(), [a, o] = me(), c = A.getSize(i, e.size), s = c === "sm", { isSortable: r } = L.useContext(Ae), l = (_ = (k = e.video) == null ? void 0 : k.subjectPresentationAudiences) == null ? void 0 : _.data, d = rt(l, e.presentationAudiences), m = r && !i.xs && (o || typeof e.index > "u" || !e.showIndexes), v = e.showIndexes && !m && !i.xs, g = (m || e.showIndexes) && !i.xs, C = (y = e.getVideoAppLink) == null ? void 0 : y.call(e, e.video, {});
-  function x() {
-    var S, M;
-    return (M = (S = e.commonVideoProps).getSubTextAppLink) == null ? void 0 : M.call(S, e.video);
-  }
-  const f = x(), h = {
-    analyticsData: e.analyticsData,
-    analyticsOptions: e.analyticsOptions ?? {
-      entity: we.Video,
-      location: ie.VideoListItem
-    }
-  };
-  return /* @__PURE__ */ t.jsx("div", { ref: a, className: "w-100", children: /* @__PURE__ */ t.jsxs("div", { className: `row g-0 ${s ? "" : "py-2"}`, style: e.style, ref: n, children: [
-    /* @__PURE__ */ t.jsx(
-      F,
-      {
-        ...A.getThumbnailColumns(),
-        className: "flex-column align-items-flex-start mb-1 mb-sm-0 pb-sm-2 pe-sm-2 px-md-2 pb-md-0",
-        children: /* @__PURE__ */ t.jsxs(Be, { children: [
-          /* @__PURE__ */ t.jsx(
-            _e,
-            {
-              index: e.index,
-              showDragHandle: m,
-              showIndexes: v,
-              dragHandleIcon: e.dragHandleIcon,
-              dragHandleIconSize: e.dragHandleIconSize,
-              dragAttributes: e.dragAttributes,
-              dragListeners: e.dragListeners
-            }
-          ),
-          /* @__PURE__ */ t.jsx(F, { xs: A.getThumbnailColSize(g), children: /* @__PURE__ */ t.jsx(
-            Se,
-            {
-              ...h,
-              video: e.video,
-              appLink: C,
-              audience: d,
-              imageOptions: { size: g ? le.Small : le.Medium },
-              textPosition: E.Independent,
-              type: "static",
-              hideRating: !1,
-              commonVideoProps: e.commonVideoProps
-            }
-          ) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ t.jsxs(
-      F,
-      {
-        ...A.getDetailsColumns(),
-        className: "d-flex position-relative flex-column px-0 px-md-2 pb-0 pb-sm-2 pb-md-0 justify-content-md-between",
-        children: [
-          /* @__PURE__ */ t.jsxs("div", { children: [
-            /* @__PURE__ */ t.jsxs("div", { className: "d-flex justify-content-between", children: [
-              /* @__PURE__ */ t.jsxs("div", { className: "flex-grow-1", children: [
-                /* @__PURE__ */ t.jsx(
-                  Ne,
-                  {
-                    ...h,
-                    video: e.video,
-                    appLink: f,
-                    type: e.commonVideoProps.subTextType
-                  }
-                ),
-                /* @__PURE__ */ t.jsx(
-                  Pe,
-                  {
-                    ...h,
-                    video: e.video,
-                    appLink: C,
-                    size: c,
-                    yearGroups: e.commonVideoProps.yearGroups,
-                    showNewVideoIndicator: e.commonVideoProps.showNewVideoIndicator,
-                    showPadlock: !e.commonVideoProps.hasStudentExperience,
-                    titleClassName: "mb-0"
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ t.jsx(
-                ot,
-                {
-                  ...h,
-                  video: e.video,
-                  showSignIn: e.showSignIn,
-                  signInAppLink: (w = e.getSignInAppLink) == null ? void 0 : w.call(e, C)
-                }
-              )
-            ] }),
-            !s && /* @__PURE__ */ t.jsx(
-              at,
-              {
-                video: e.video,
-                showSignIn: e.showSignIn,
-                hasStudentExperience: e.commonVideoProps.hasStudentExperience
-              }
-            ),
-            !e.commonVideoProps.hasStudentExperience && /* @__PURE__ */ t.jsx(st, { video: e.video, yearGroups: e.commonVideoProps.yearGroups })
-          ] }),
-          !e.hideVideoGuidance && /* @__PURE__ */ t.jsx(
-            it,
-            {
-              video: e.video,
-              getVideoAppLink: e.getVideoAppLink,
-              commonVideoProps: e.commonVideoProps,
-              containerClassName: "d-flex justify-content-start align-items-center pt-sm-1 gap-1",
-              responsiveClassName: $1.responsiveGuidance,
-              ...h
-            }
-          )
-        ]
-      }
-    )
-  ] }) });
-});
-ct.defaultProps = {
-  dragHandleIcon: Jt,
-  dragHandleIconSize: W.Small,
-  size: "md"
-};
-const T1 = (e) => /* @__PURE__ */ t.jsx(Qe, { id: e.video.id, childComponent: ct, childProps: e }), V1 = "_videoList_1w9ls_4", D1 = "_dragStyle_1w9ls_31", Mt = {
-  videoList: V1,
-  dragStyle: D1
-}, F1 = "shared.videoList", R1 = H.encloseNamespace(F1);
-function O1(e, n) {
-  return u.isClip(e) ? n ? L1 : pt : u.isInteractive(e) ? n ? P1 : tn : n ? T1 : ct;
-}
-const Ae = L.createContext({
-  isSortable: !1
-});
-function as(e) {
-  const { isSortable: n } = L.useContext(Ae), [i, a] = L.useState(!1), { checkboxHelper: o } = e, c = jn.getCurrentAppLink();
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("div", { className: `position-relative ${Mt.videoList}`, children: e.videos.map((s, r) => {
-      const l = O1(s, n), d = Number.isInteger(e.startingPositionIndex) ? e.startingPositionIndex : 0, m = o && o.getSelectedCount() > 1 && o.isChecked(s.id) ? o.getSelected() : s, v = typeof e.getAnalyticsData == "function" ? e.getAnalyticsData(r) : {
-        pagePositionIndex: d + r
-      };
-      return /* @__PURE__ */ t.jsx(
-        Pn,
-        {
-          draggable: e.drag && !n && { id: s.id, data: m },
-          dragStyle: Mt.dragStyle,
-          isDragging: i,
-          setIsDragging: a,
-          children: /* @__PURE__ */ t.jsxs("div", { className: "d-flex flex-row align-items-center", children: [
-            e.allowBulkAction && /* @__PURE__ */ t.jsx(
-              Tn,
-              {
-                className: "mx-0 mx-md-2",
-                id: s.id,
-                ariaLabel: `${R1("ariaBulkAction")}: ${s.name}`,
-                onChange: () => o.onToggleItem(s.id),
-                checked: o.isChecked(s.id)
-              }
-            ),
-            /* @__PURE__ */ t.jsx(
-              l,
-              {
-                video: s,
-                index: r,
-                getVideoAppLink: e.getVideoAppLink,
-                dragHandleIcon: e.dragHandleIcon,
-                dragHandleIconSize: e.dragHandleIconSize,
-                showSignIn: e.showSignIn,
-                getSignInAppLink: e.getSignInAppLink,
-                analyticsData: v,
-                hasPermissions: e.hasPermissions,
-                canRemovePrivateVideos: e.canRemovePrivateVideos,
-                presentationAudiences: e.presentationAudiences,
-                showIndexes: e.showIndexes,
-                getPreviewQuestionsAppLink: e.getPreviewQuestionsAppLink,
-                hideVideoGuidance: e.hideVideoGuidance,
-                showOwner: e.showOwner,
-                commonVideoProps: e.commonVideoProps,
-                analyticsOptions: e.analyticsOptions
-              }
-            )
-          ] })
-        },
-        `${s.id}:${r}`
-      );
-    }) }),
-    e.cursors && /* @__PURE__ */ t.jsx(Ut, { appLink: c, cursors: e.cursors })
-  ] });
-}
-export {
-  Ji as A,
-  pt as C,
-  tn as I,
-  Xt as M,
-  E as T,
-  as as V,
-  Qn as a,
-  ct as b,
-  rt as c,
-  Se as d,
-  Pe as e,
-  u1 as f,
-  it as g,
-  qt as h,
-  is as u
-};