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

package/dist/ExchangeSearchResultsView-CEueb9Li.js

@@ -0,0 +1,1641 @@
+import { j as t, ao as v, ar as ue, an as w, as as _e, Q as Ne, B as y, at as C, ac as L, ad as P, ab as k, au as b, A as Ie, av as Ve, a9 as pe, R as z, aw as Te, O as $e, I as Oe, ax as De, L as he, ay as we, ap as ge, r as Fe, a as O, b as D, c as Re, T as le, ai as Ee, aj as q, ak as qe, a1 as T, a3 as He, ah as Ue, az as Me, S as J, U as H, H as U, l as Ge } from "./app-2U039aX_.js";
+import { B as ne, u as R } from "./useBreakpoints-37V489ap.js";
+import { V as F } from "./VideoHelper-3AKe5Jyy.js";
+import { c as Be } from "./ClassNameHelper-aJ0BDnVo.js";
+import { I as ze, C as We } from "./IconCircle-CxFLsbLY.js";
+import { g as xe, B as ye, I as W, a as E } from "./UseSelectAllPages-Cnk3MEAt.js";
+import { M as Xe } from "./MasterTypeHelper-uSKy6GZd.js";
+import { S as Qe, T as Ye, a as Ze } from "./TagItem-BFnSikAz.js";
+import { b as X, c as ce, d as Je, T as Ke, e as et, f as tt, A as Q, g as at, M as it, h as fe, C as st, I as nt, u as ct, a as lt } from "./VideoList-s7lvSqSs.js";
+import { B as N, a as I } from "./Badge-Ddz0Il5v.js";
+import { B as je } from "./BadgeListContainer-CqwUuWKL.js";
+import { V as rt, S as ot } from "./LinkifyHelper-DPHYATPc.js";
+import { R as Y, V as K, u as dt, I as mt, P as ut } from "./UseGetMediaQueryString-Dc_jP0rr.js";
+import { a as ht } from "./UseHover-Cc_d5rRf.js";
+import { A as gt } from "./Actions-DfeKDy3k.js";
+import { F as _, a as re, b as $, S as xt } from "./SearchFilters-C_yEnumc.js";
+import { E as yt } from "./ExchangeSearchBar-CNtU_swT.js";
+import { a as ft } from "./useGetExchangeActions-C8Y1FNSl.js";
+import { R as jt } from "./RatingRequests-Dr3w3-z8.js";
+import { E as ae } from "./ExchangeRequests-DV7BD3HZ.js";
+import { h as vt } from "./HttpErrorHandlers-DKqNIMOg.js";
+import { u as Lt } from "./UseAlerts-B2BbQeN3.js";
+import { S as Ct } from "./SharedSearchHelper-BuVD-GvT.js";
+const kt = "_appLink_1diix_1", At = "_name_1diix_4", bt = "_selectedMask_1diix_7", Pt = "_widgetItem_1diix_15", St = "_hasThemeColor_1diix_19", _t = "_text_1diix_26", Nt = "_imagePanel_1diix_29", It = "_selected_1diix_7", Vt = "_image_1diix_29", pt = "_large_1diix_59", Tt = "_comingSoonPanel_1diix_69", $t = "_newVideos_1diix_75", j = {
+  appLink: kt,
+  name: At,
+  selectedMask: bt,
+  widgetItem: Pt,
+  hasThemeColor: St,
+  text: _t,
+  imagePanel: Nt,
+  selected: It,
+  image: Vt,
+  large: pt,
+  comingSoonPanel: Tt,
+  newVideos: $t
+}, ve = "shared.subjectWidgetItem", Ot = ({ name: e, multiline: a, noUnderLine: i }) => {
+  let s = `${j.comingSoonPanel} 
+    d-flex flex-column align-items-center justify-content-center px-3 text-center`, n = "";
+  return a ? n += ` ${j.clamped} clamp-2` : (s += " text-nowrap", n += " text-truncate"), /* @__PURE__ */ t.jsxs("div", { className: s, children: [
+    /* @__PURE__ */ t.jsx("small", { className: "text-secondary", children: /* @__PURE__ */ t.jsx(y, { namespace: ve, phrase: "comingSoon" }) }),
+    /* @__PURE__ */ t.jsx("p", { className: `${i ? "" : j.name} h6`, children: /* @__PURE__ */ t.jsx("span", { className: n, children: e }) })
+  ] });
+}, Dt = ({ name: e, multiline: a, subtitle: i, noUnderLine: s, newVideosCount: n }) => {
+  let c = "px-3 d-flex flex-column justify-content-center", l = `${s ? "" : j.name} h6`;
+  return a ? l += ` ${n ? "clamp-2" : "clamp-3"} text-start` : (c += " text-nowrap text-truncate", l += " text-truncate mb-0"), /* @__PURE__ */ t.jsxs("div", { className: c, children: [
+    i && /* @__PURE__ */ t.jsx("div", { className: `text-secondary clamp-1 ${j.text}`, children: i }),
+    /* @__PURE__ */ t.jsx("div", { className: l, title: e, children: e }),
+    !!n && /* @__PURE__ */ t.jsx("div", { className: `fw-semibold d-inline-block rounded-pill px-2 mt-1 bg-light-green w-fit h-fit text-green ${j.newVideos}`, children: /* @__PURE__ */ t.jsx(y, { namespace: ve, phrase: "newVideos", options: { smartCount: n } }) })
+  ] });
+};
+ie.defaultProps = {
+  showFallbackBackgroundColour: !0
+};
+function ie(e) {
+  var l;
+  const a = ue.createUrl(e.coverUrl, { size: e.isLarge ? w.Medium : w.Small });
+  let i;
+  Xe.isClassification(e.data) && (i = e.data);
+  const s = {
+    name: e.data.name,
+    multiline: e.isLarge || e.multiline,
+    subtitle: e.subtitle,
+    noUnderLine: e.highlightOnHover,
+    newVideosCount: e.showNewVideosCount ? (l = i == null ? void 0 : i.externalMetadata) == null ? void 0 : l.childDashboardNewVideoCount : 0
+  }, n = {
+    backgroundImage: a ? `url('${a}')` : null,
+    backgroundColor: e.coverBgColor
+  }, c = xe(e.data.name, ye);
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: `${e.themeColor ? j.hasThemeColor : "border"} d-flex position-relative ${e.className} ${j.widgetItem} ${e.isSelected ? "border-success border-2" : ""} ${e.highlightOnHover && !e.themeColor ? "bg-light-blue-hover" : ""}`,
+      style: e.themeColor ? { "--themeColor": e.themeColor } : {},
+      id: `${e.data.id}-${_e.getRandomInt()}`,
+      children: [
+        e.isSelected && /* @__PURE__ */ t.jsx("div", { className: `${j.selectedMask} border-2` }),
+        /* @__PURE__ */ t.jsxs("div", { className: `${j.imagePanel} ${e.isLarge ? j.large : ""}`, children: [
+          e.isSelected && !e.hideCheckmark && /* @__PURE__ */ t.jsx("div", { className: j.selected, children: /* @__PURE__ */ t.jsx(ze, { svg: We, svgSize: Ne.Large, textVariant: "white", variant: "green" }) }),
+          a && /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: Be(
+                j.image,
+                e.imageClassName,
+                !e.coverBgColor && e.showFallbackBackgroundColour && c
+              ),
+              style: n
+            }
+          ),
+          !e.hideFallback && /* @__PURE__ */ t.jsx(
+            W,
+            {
+              type: E.Subject,
+              extraClasses: e.isLarge ? j.large : ""
+            }
+          )
+        ] }),
+        e.isComingSoon ? /* @__PURE__ */ t.jsx(Ot, { ...s }) : /* @__PURE__ */ t.jsx(Dt, { ...s })
+      ]
+    }
+  );
+}
+function Le(e) {
+  var i;
+  const a = e.getChildAppLink ? e.getChildAppLink(e.data) : null;
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: a ? /* @__PURE__ */ t.jsx(
+    v,
+    {
+      className: j.appLink,
+      appLink: a,
+      analyticsData: e.analyticsData,
+      analyticsOptions: e.analyticsOptions,
+      appLinkOptions: (i = e.getChildAppLinkOptions) == null ? void 0 : i.call(e),
+      children: /* @__PURE__ */ t.jsx(ie, { ...e })
+    }
+  ) : /* @__PURE__ */ t.jsx(ie, { ...e }) });
+}
+function wt(e) {
+  var s, n, c, l;
+  const a = {
+    ...e.analyticsData,
+    id: (s = e.data) == null ? void 0 : s.id,
+    name: (n = e.data) == null ? void 0 : n.name
+  }, i = {
+    location: k.ClassificationListItem,
+    ...e.analyticsOptions,
+    actionType: P.Click,
+    entity: L.Company,
+    descriptor: C.Cover
+  };
+  return /* @__PURE__ */ t.jsx(
+    Le,
+    {
+      ...e,
+      analyticsData: a,
+      analyticsOptions: i,
+      coverUrl: (c = e.data.logo) == null ? void 0 : c.url,
+      coverBgColor: (l = e.data.metadata) == null ? void 0 : l.colour
+    }
+  );
+}
+function Ft(e) {
+  return /* @__PURE__ */ t.jsx(b, { as: "li", sm: 6, md: e.useLargeStyle ? 6 : 4, lg: e.useLargeStyle ? 4 : 3, children: /* @__PURE__ */ t.jsx("div", { className: "position-relative px-1 mb-2", children: /* @__PURE__ */ t.jsx(
+    wt,
+    {
+      data: e.item,
+      getChildAppLink: e.appLinks.getCompanyAppLink,
+      getChildAppLinkOptions: () => {
+        var a, i;
+        return (i = (a = e.appLinks).getCompanyAppLinkOptions) == null ? void 0 : i.call(a, e.item);
+      },
+      analyticsData: {
+        itemIndex: e.itemIndex,
+        search: {
+          query: e.queryParams.query,
+          score: e.item._score,
+          maxScore: e.item._maxScore,
+          featured: e.item._featured
+        },
+        pagePositionIndex: 0
+      },
+      isLarge: e.useLargeStyle
+    }
+  ) }) });
+}
+const Rt = "_videoList_laz3z_1", Z = {
+  videoList: Rt
+}, M = "search.exchangeVideoGroup", oe = 3;
+function Et(e) {
+  const a = e.item.showCount >= oe ? oe : e.item.showCount;
+  function i() {
+    return e.pagePositionIndex === 0 ? "border-bottom pb-1 mb-3" : "border-top border-bottom pt-3 mt-2 pb-1 mb-3";
+  }
+  const s = Ie.getCurrentAppLink(), n = s.params ?? {};
+  let c = (n == null ? void 0 : n.source) ?? [];
+  c && !Array.isArray(c) && (c = [c]);
+  const l = {
+    ...s,
+    params: {
+      ...n,
+      source: [...c, Qe.ExchangeArchive]
+    }
+  }, r = {
+    query: e.queryParams.query,
+    itemIndex: e.itemIndex,
+    pagePositionIndex: e.pagePositionIndex
+  }, o = {
+    entity: L.SearchResults,
+    location: k.ExchangeSearchGroupItem,
+    actionType: P.Click,
+    descriptor: Ve.ExchangeArchive
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: i(), children: [
+    /* @__PURE__ */ t.jsx(
+      v,
+      {
+        appLink: l,
+        analyticsData: r,
+        analyticsOptions: o,
+        children: /* @__PURE__ */ t.jsx("h2", { className: "h4", children: /* @__PURE__ */ t.jsx(y, { namespace: M, phrase: "heading" }) })
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("p", { children: [
+      /* @__PURE__ */ t.jsx(y, { namespace: M, phrase: "message" }),
+      " ",
+      /* @__PURE__ */ t.jsx(
+        v,
+        {
+          appLink: e.appLinks.searchSettings,
+          className: "text-info",
+          analyticsData: r,
+          analyticsOptions: {
+            ...o,
+            descriptor: C.Settings
+          },
+          children: /* @__PURE__ */ t.jsx(y, { namespace: M, phrase: "searchSettings" })
+        }
+      ),
+      "."
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: `position-relative ${Z.videoList}`, children: e.item.videos.slice(0, a).map((h, u) => /* @__PURE__ */ t.jsx(
+      X,
+      {
+        video: h,
+        getVideoAppLink: e.appLinks.getVideoAppLink,
+        presentationAudiences: e.audiences,
+        analyticsData: {
+          search: {
+            query: e.queryParams.query,
+            score: h._score,
+            maxScore: h._maxScore,
+            featured: h._featured
+          },
+          pagePositionIndex: e.pagePositionIndex
+        },
+        hasPermissions: e.hasPermissions,
+        commonVideoProps: e.commonVideoProps
+      },
+      u
+    )) }),
+    /* @__PURE__ */ t.jsx("div", { className: "text-center py-2", children: /* @__PURE__ */ t.jsx(
+      v,
+      {
+        className: "text-secondary",
+        appLink: l,
+        analyticsData: r,
+        analyticsOptions: o,
+        children: /* @__PURE__ */ t.jsx(y, { namespace: M, phrase: "seeMore" })
+      }
+    ) })
+  ] });
+}
+const qt = "_guidance_1fvpd_30", Ht = "_responsiveGuidance_1fvpd_41", Ut = "_description_1fvpd_56", Mt = "_details_1fvpd_82", G = {
+  guidance: qt,
+  responsiveGuidance: Ht,
+  description: Ut,
+  details: Mt
+};
+Ce.defaultProps = {
+  newDurationStyle: !0,
+  badgePosition: "thumbnail"
+};
+function Ce(e) {
+  var c, l, r, o, h, u;
+  const a = (l = (c = e.video) == null ? void 0 : c.subjectPresentationAudiences) == null ? void 0 : l.data, i = ce(a, e.presentationAudiences), s = pe.mergeOptions(e.analyticsOptions, {
+    location: k.ClassificationHero,
+    entity: F.getAnalyticsEntity(e.video)
+  }), n = z.useRef(null);
+  return e.video ? /* @__PURE__ */ t.jsxs(Y, { children: [
+    /* @__PURE__ */ t.jsx(b, { xs: 12, md: 6, children: /* @__PURE__ */ t.jsx("div", { ref: n, children: /* @__PURE__ */ t.jsx(
+      Je,
+      {
+        analyticsOptions: s,
+        video: e.video,
+        appLink: (r = e.getVideoAppLink) == null ? void 0 : r.call(e, e.video, {}),
+        imageOptions: { size: w.Medium },
+        textPosition: Ke.Independent,
+        type: "static",
+        audience: e.badgePosition === "thumbnail" ? i : null,
+        hideRating: e.badgePosition === "thumbnail" ? !!i : !0,
+        commonVideoProps: e.commonVideoProps
+      }
+    ) }) }),
+    /* @__PURE__ */ t.jsxs(b, { xs: 12, md: 6, className: `${G.details} position-relative`, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "d-flex justify-content-between", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "overflow-hidden", children: [
+          /* @__PURE__ */ t.jsx(
+            rt,
+            {
+              type: e.commonVideoProps.subTextType,
+              appLink: (h = (o = e.commonVideoProps).getSubTextAppLink) == null ? void 0 : h.call(o, e.video),
+              analyticsData: e.analyticsData,
+              analyticsOptions: s,
+              video: e.video,
+              className: "text-reset clamp-1"
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            et,
+            {
+              yearGroups: e.commonVideoProps.yearGroups,
+              video: e.video,
+              analyticsData: e.analyticsData,
+              analyticsOptions: s,
+              appLink: (u = e.getVideoAppLink) == null ? void 0 : u.call(e, e.video, {}),
+              titleSize: "h4",
+              showNewVideoIndicator: e.showNewVideoIndicator,
+              showPadlock: !e.commonVideoProps.hasStudentExperience,
+              titleClassName: e.titleClassName,
+              clampLevel: 2
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t.jsx(
+          tt,
+          {
+            analyticsData: e.analyticsData,
+            analyticsOptions: s,
+            video: e.video
+          }
+        )
+      ] }),
+      e.badgePosition === "info-panel" && /* @__PURE__ */ t.jsxs(je, { className: "pb-1", children: [
+        !e.hideInteractiveBadge && /* @__PURE__ */ t.jsx(N, { type: I.Interactive, data: e.video.interactives }),
+        /* @__PURE__ */ t.jsx(N, { type: I.Rating, data: e.video.rating }),
+        /* @__PURE__ */ t.jsx(N, { type: I.ProductionYear, data: e.video.productionYear })
+      ] }),
+      /* @__PURE__ */ t.jsx("p", { className: "mb-1", children: /* @__PURE__ */ t.jsx("span", { className: G.description, children: e.video.description }) }),
+      e.badgePosition === "info-panel" && /* @__PURE__ */ t.jsx(
+        Q,
+        {
+          audience: i,
+          className: "mt-1",
+          border: "dark"
+        }
+      ),
+      e.showVideoGuidance && /* @__PURE__ */ t.jsx(
+        at,
+        {
+          video: e.video,
+          analyticsData: e.analyticsData,
+          analyticsOptions: s,
+          containerClassName: `d-flex ${G.guidance}`,
+          responsiveClassName: G.responsiveGuidance,
+          commonVideoProps: e.commonVideoProps
+        }
+      )
+    ] })
+  ] }) : /* @__PURE__ */ t.jsx(t.Fragment, {});
+}
+function Gt(e) {
+  return /* @__PURE__ */ t.jsx("div", { className: "pb-3", children: /* @__PURE__ */ t.jsx(
+    Ce,
+    {
+      video: e.item,
+      presentationAudiences: e.audiences,
+      getVideoAppLink: (a, i) => e.appLinks.getVideoAppLink(a, i),
+      analyticsData: {
+        search: {
+          query: e.queryParams.query,
+          score: e.item._score,
+          maxScore: e.item._maxScore,
+          featured: e.item._featured
+        },
+        pagePositionIndex: e.pagePositionIndex
+      },
+      hideInteractiveBadge: !0,
+      showVideoGuidance: F.showVideoGuidance(e.hasPermissions),
+      commonVideoProps: e.commonVideoProps
+    }
+  ) });
+}
+const Bt = "_playlistItem_euqll_1", zt = "_playlistItemGradient_euqll_4", Wt = "_playlistMetadata_euqll_13", Xt = "_ownerAvatarContainer_euqll_24", p = {
+  playlistItem: Bt,
+  playlistItemGradient: zt,
+  playlistMetadata: Wt,
+  ownerAvatarContainer: Xt
+};
+var Qt = ["second", "minute", "hour", "day", "week", "month", "year"];
+function Yt(e, a) {
+  if (a === 0)
+    return ["just now", "right now"];
+  var i = Qt[Math.floor(a / 2)];
+  return e > 1 && (i += "s"), [e + " " + i + " ago", "in " + e + " " + i];
+}
+var Zt = ["秒", "分钟", "小时", "天", "周", "个月", "年"];
+function Jt(e, a) {
+  if (a === 0)
+    return ["刚刚", "片刻后"];
+  var i = Zt[~~(a / 2)];
+  return [e + " " + i + "前", e + " " + i + "后"];
+}
+var se = {}, ke = function(e, a) {
+  se[e] = a;
+}, Kt = function(e) {
+  return se[e] || se.en_US;
+}, ee = [
+  60,
+  60,
+  24,
+  7,
+  365 / 7 / 12,
+  12
+];
+function ea(e) {
+  return e instanceof Date ? e : !isNaN(e) || /^\d+$/.test(e) ? new Date(parseInt(e)) : (e = (e || "").trim().replace(/\.\d+/, "").replace(/-/, "/").replace(/-/, "/").replace(/(\d)T(\d)/, "$1 $2").replace(/Z/, " UTC").replace(/([+-]\d\d):?(\d\d)/, " $1$2"), new Date(e));
+}
+function ta(e, a) {
+  var i = e < 0 ? 1 : 0;
+  e = Math.abs(e);
+  for (var s = e, n = 0; e >= ee[n] && n < ee.length; n++)
+    e /= ee[n];
+  return e = Math.floor(e), n *= 2, e > (n === 0 ? 9 : 1) && (n += 1), a(e, n, s)[i].replace("%s", e.toString());
+}
+function aa(e, a) {
+  var i = /* @__PURE__ */ new Date();
+  return (+i - +ea(e)) / 1e3;
+}
+var ia = function(e, a, i) {
+  var s = aa(e);
+  return ta(s, Kt(a));
+};
+ke("en_US", Yt);
+ke("zh_CN", Jt);
+const sa = "playlists.playlistCount";
+function na(e) {
+  var n, c, l;
+  if (!e)
+    return !1;
+  const a = ((n = e.videos) == null ? void 0 : n.count) ?? 0, i = ((c = e.interactives) == null ? void 0 : c.count) ?? 0, s = ((l = e.clips) == null ? void 0 : l.count) ?? 0;
+  return a + i + s;
+}
+function ca(e) {
+  const a = na(e.playlist);
+  return a === !1 || Number.isNaN(a) ? /* @__PURE__ */ t.jsx(t.Fragment, {}) : /* @__PURE__ */ t.jsx("span", { className: "text-shadow font-size-sm", children: /* @__PURE__ */ t.jsx(y, { namespace: sa, phrase: "count", options: { smartCount: a } }) });
+}
+const la = "_avatar_obb0e_1", ra = {
+  avatar: la
+};
+function oa() {
+  return /* @__PURE__ */ t.jsx("div", { className: ra.avatar, children: /* @__PURE__ */ t.jsx(Te, {}) });
+}
+function da(e) {
+  var n, c, l;
+  const { _liteOwner: a } = e.playlist;
+  if ((n = e.playlist._isClickViewCurated) != null && n.value)
+    return /* @__PURE__ */ t.jsx(oa, {});
+  if (!(a != null && a.id) || !((c = e.currentUser) != null && c.id))
+    return /* @__PURE__ */ t.jsx(t.Fragment, {});
+  if (a.id.toString() === e.currentUser.id.toString())
+    return /* @__PURE__ */ t.jsx(t.Fragment, {});
+  const s = typeof a.avatar == "string" ? a.avatar : (l = a.avatar) == null ? void 0 : l.url;
+  return /* @__PURE__ */ t.jsx(
+    $e,
+    {
+      imageUrl: s,
+      imageCdnUrl: e.imageCdnUrl,
+      initials: Oe.getInitials(a.name, a.surname)
+    }
+  );
+}
+const ma = "playlists.playlistList";
+Ae.defaultProps = {
+  itemStyle: "square"
+};
+function Ae(e) {
+  var h, u;
+  const a = ue.createUrl(e.data.cover && e.data.cover.url, {
+    size: w.Medium,
+    resizeType: De.Cover
+  }), i = e.data.subjectPresentationAudiences && e.data.subjectPresentationAudiences.data, s = ce(i, e.presentationAudiences);
+  let n = p.playlistItem;
+  const c = !!a || !!e.showFallbackImage;
+  c && (n += ` ${p.playlistItemGradient}`), !c && e.bgColourClassNames && (n += ` ${p.playlistItem} ${xe(e.data.name, e.bgColourClassNames)}`), e.itemStyle === "round" && (n += " rounded-3 overflow-hidden"), e.itemStyle === "round-left" && (n += " rounded-start-lg overflow-hidden");
+  const l = {
+    ...e.analyticsData,
+    id: (h = e.data) == null ? void 0 : h.id,
+    name: (u = e.data) == null ? void 0 : u.name
+  }, r = {
+    ...e.analyticsOptions,
+    entity: L.Playlist
+  }, o = () => {
+    var m;
+    return !e.data.contentModifiedDate || (m = e.data._isClickViewCurated) != null && m.value ? "" : he.getPhrase(ma, "lastUpdated", {
+      timeago: ia(we.convertUTCToLocal(e.data.contentModifiedDate))
+    });
+  };
+  return /* @__PURE__ */ t.jsx(
+    v,
+    {
+      appLink: e.appLink,
+      analyticsData: l,
+      analyticsOptions: r,
+      title: o(),
+      children: /* @__PURE__ */ t.jsxs(ne, { data: a, alt: e.data.name, className: n, children: [
+        !!e.showFallbackImage && /* @__PURE__ */ t.jsx(W, { type: E.Playlist }),
+        /* @__PURE__ */ t.jsxs("div", { className: `text-white ${p.playlistMetadata}`, children: [
+          !!e.showCount && /* @__PURE__ */ t.jsx(ca, { playlist: e.data }),
+          /* @__PURE__ */ t.jsx("h5", { className: `mb-0 ${e.titleClassName || ""}`, children: /* @__PURE__ */ t.jsx("span", { className: "text-shadow clamp-2", children: e.data.name }) }),
+          !!i && !!i.length && !!s && /* @__PURE__ */ t.jsx(
+            Q,
+            {
+              className: `${e.audienceLabelClass ? e.audienceLabelClass : ""} mt-1`,
+              audience: s,
+              border: "white"
+            }
+          )
+        ] }),
+        !!e.showOwner && !!e.imageCdnUrl && /* @__PURE__ */ t.jsx("div", { className: p.ownerAvatarContainer, children: /* @__PURE__ */ t.jsx(
+          da,
+          {
+            playlist: e.data,
+            currentUser: e.currentUser,
+            imageCdnUrl: e.imageCdnUrl
+          }
+        ) })
+      ] })
+    }
+  );
+}
+P.Click, L.Playlist, k.PlaylistListItem, C.Cover;
+const ua = "_videoList_sz480_1", ha = {
+  videoList: ua
+}, ga = "search.playlistWithVideos";
+function xa() {
+  const e = R();
+  return e.xl || e.xxl ? 3 : 2;
+}
+function ya(e) {
+  const a = xa(), i = e.playlist.videos.data.slice(0, a), s = {
+    actionType: P.Click,
+    entity: L.Playlist,
+    location: k.PlaylistWithVideos
+  }, n = {
+    ...e.analyticsData,
+    id: e.playlist.id,
+    name: e.playlist.name
+  };
+  return /* @__PURE__ */ t.jsx("div", { className: "ps-2 py-2", children: /* @__PURE__ */ t.jsxs(Y, { className: "g-0 border rounded-3", children: [
+    /* @__PURE__ */ t.jsx(b, { xs: 4, lg: 3, className: "pe-3", children: /* @__PURE__ */ t.jsx(
+      Ae,
+      {
+        appLink: e.playlistAppLink,
+        analyticsData: e.analyticsData,
+        analyticsOptions: {
+          ...s,
+          descriptor: C.Cover
+        },
+        data: e.playlist,
+        presentationAudiences: e.presentationAudiences,
+        bgColourClassNames: ye,
+        itemStyle: "round-left",
+        imageCdnUrl: e.commonVideoProps.imageCdnUrl,
+        currentUser: e.currentUser,
+        showCount: !1,
+        showOwner: !0
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx(b, { xs: 8, lg: 9, children: /* @__PURE__ */ t.jsxs("div", { className: "d-flex justify-content-between", children: [
+      /* @__PURE__ */ t.jsx("div", { className: `pt-3 mb-n2 ${ha.videoList}`, children: i == null ? void 0 : i.map((c) => {
+        const l = {
+          ...n,
+          videoId: c.id,
+          videoName: c.name
+        };
+        return /* @__PURE__ */ t.jsx("div", { className: "mb-2", children: /* @__PURE__ */ t.jsx(
+          X,
+          {
+            video: c,
+            getVideoAppLink: e.getVideoAppLink,
+            analyticsData: l,
+            analyticsOptions: {
+              entity: L.Video,
+              location: k.PlaylistWithVideos
+            },
+            size: "sm",
+            hasPermissions: e.hasPermissions,
+            hideVideoGuidance: !0,
+            commonVideoProps: e.commonVideoProps
+          }
+        ) }, c.id);
+      }) }),
+      /* @__PURE__ */ t.jsx("div", { className: "text-end pt-3 pe-3", children: /* @__PURE__ */ t.jsx(
+        v,
+        {
+          className: "info-link fw-semibold",
+          appLink: e.playlistAppLink,
+          analyticsData: n,
+          analyticsOptions: {
+            ...s,
+            descriptor: C.Link
+          },
+          children: /* @__PURE__ */ t.jsx(y, { namespace: ga, phrase: "seeAllVideos" })
+        }
+      ) })
+    ] }) })
+  ] }) });
+}
+function fa(e) {
+  return /* @__PURE__ */ t.jsx("div", { className: "mx-n2", children: /* @__PURE__ */ t.jsx(
+    ya,
+    {
+      playlist: e.item,
+      playlistAppLink: e.appLinks.getPlaylistAppLink(e.item),
+      presentationAudiences: e.audiences,
+      analyticsData: {
+        search: {
+          query: e.queryParams.query,
+          score: e.item._score,
+          maxScore: e.item._maxScore,
+          featured: e.item._featured
+        },
+        pagePositionIndex: e.pagePositionIndex
+      },
+      currentUser: e.currentUser,
+      preloadImage: !0,
+      getVideoAppLink: e.appLinks.getVideoAppLink,
+      hasPermissions: e.hasPermissions,
+      commonVideoProps: e.commonVideoProps
+    }
+  ) });
+}
+const ja = "_labelContainer_dqih5_1", va = "_labelContainerOverlay_dqih5_15", La = "_hoverActive_dqih5_23", Ca = "_mask_dqih5_37", ka = "_largeHoverTitle_dqih5_50", Aa = "_smallHoverTitle_dqih5_69", ba = "_largeHoverDescription_dqih5_99", Pa = "_hasTableOfContents_dqih5_141", Sa = "_smallHoverDescription_dqih5_194", A = {
+  labelContainer: ja,
+  labelContainerOverlay: va,
+  hoverActive: La,
+  mask: Ca,
+  largeHoverTitle: ka,
+  smallHoverTitle: Aa,
+  largeHoverDescription: ba,
+  hasTableOfContents: Pa,
+  smallHoverDescription: Sa
+};
+function _a(e) {
+  return /* @__PURE__ */ t.jsxs("div", { className: `py-3 mx-2 px-2 rounded bg-white text-center ${A.mask} d-flex flex-column align-items-center`, children: [
+    /* @__PURE__ */ t.jsx("h3", { className: `fw-semibold mb-0 ${A.hoverTitle} ${e.isSmall ? A.smallHoverTitle : A.largeHoverTitle}`, children: /* @__PURE__ */ t.jsx("span", { className: "clamp-3", children: e.series.name }) }),
+    !!e.series.description && /* @__PURE__ */ t.jsx("p", { className: `${e.hasTableOfContents ? A.hasTableOfContents : ""} ${A.hoverDescription} ${e.isSmall ? A.smallHoverDescription : A.largeHoverDescription} mb-0`, children: e.series.description }),
+    /* @__PURE__ */ t.jsx("div", { className: `${A.labelContainerOverlay}`, children: e.mergedAudience ? /* @__PURE__ */ t.jsx(Q, { audience: e.mergedAudience, border: "dark", className: "mt-2 w-fit" }) : /* @__PURE__ */ t.jsx(N, { type: I.Rating, data: e.series.rating, className: "mt-2" }) })
+  ] });
+}
+function Na(e) {
+  const [a, i] = ht({ className: A.hoverActive }), s = e.series && e.series.subjectPresentationAudiences && e.series.subjectPresentationAudiences.data || [], n = ce(s, e.presentationAudiences), c = !!(s && s.length && n);
+  return /* @__PURE__ */ t.jsx("div", { ref: a, children: /* @__PURE__ */ t.jsxs(
+    ne,
+    {
+      data: e.series.tallPoster,
+      alt: e.series.name,
+      imageType: ge.TallPosters,
+      preload: e.preloadImage,
+      imageOptions: { size: w.Large },
+      imageClassName: e.imageClass ? e.imageClass : "rounded-3",
+      children: [
+        i && /* @__PURE__ */ t.jsx(
+          _a,
+          {
+            isSmall: e.isSmall,
+            series: e.series,
+            mergedAudience: s && s.length ? n : null,
+            hasTableOfContents: e.hasTableOfContents
+          }
+        ),
+        /* @__PURE__ */ t.jsx(W, { type: E.Series }),
+        /* @__PURE__ */ t.jsx("div", { className: `position-absolute text-white text-shadow ${A.labelContainer}`, children: c ? /* @__PURE__ */ t.jsx(Q, { audience: n, border: "white" }) : /* @__PURE__ */ t.jsx(N, { type: I.Rating, data: e.series.rating }) })
+      ]
+    }
+  ) });
+}
+const Ia = "_videoList_sz480_1", Va = {
+  videoList: Ia
+}, pa = "search.seriesWithVideos";
+function Ta() {
+  const e = R();
+  return e.xl || e.xxl ? 5 : e.lg || e.md ? 4 : 3;
+}
+function $a(e) {
+  const a = Ta(), i = e.series.videos.data.slice(0, a), s = {
+    actionType: P.Click,
+    entity: L.Series,
+    location: k.SeriesWithVideos
+  }, n = {
+    ...e.analyticsData,
+    id: e.series.id,
+    name: e.series.name
+  };
+  return /* @__PURE__ */ t.jsx("div", { className: "ps-2 py-2", children: /* @__PURE__ */ t.jsxs(Y, { className: "g-0 border rounded-3", children: [
+    /* @__PURE__ */ t.jsx(b, { xs: 4, lg: 3, className: "pe-3", children: /* @__PURE__ */ t.jsx(
+      v,
+      {
+        appLink: e.seriesAppLink,
+        className: "position-relative",
+        analyticsData: n,
+        analyticsOptions: {
+          ...s,
+          descriptor: C.TallPoster
+        },
+        children: /* @__PURE__ */ t.jsx(
+          Na,
+          {
+            series: e.series,
+            presentationAudiences: e.presentationAudiences,
+            preloadImage: e.preloadImage,
+            imageClass: "rounded-start-lg"
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx(b, { xs: 8, lg: 9, children: /* @__PURE__ */ t.jsxs("div", { className: "d-flex justify-content-between", children: [
+      /* @__PURE__ */ t.jsx("div", { className: `pt-3 mb-n2 ${Va.videoList}`, children: i == null ? void 0 : i.map((c) => {
+        const l = {
+          ...n,
+          videoId: c.id,
+          videoName: c.name
+        };
+        return c = {
+          ...c,
+          series: e.series
+        }, /* @__PURE__ */ t.jsx("div", { className: "mb-2", children: /* @__PURE__ */ t.jsx(
+          X,
+          {
+            video: c,
+            getVideoAppLink: e.getVideoAppLink,
+            analyticsData: l,
+            analyticsOptions: {
+              entity: L.Video,
+              location: k.SeriesWithVideos
+            },
+            size: "sm",
+            hasPermissions: e.hasPermissions,
+            hideVideoGuidance: !0,
+            commonVideoProps: e.commonVideoProps
+          }
+        ) }, c.id);
+      }) }),
+      /* @__PURE__ */ t.jsx("div", { className: "text-end pt-3 pe-3", children: /* @__PURE__ */ t.jsx(
+        v,
+        {
+          className: "info-link fw-semibold",
+          appLink: e.seriesAppLink,
+          analyticsData: n,
+          analyticsOptions: {
+            ...s,
+            descriptor: C.Link
+          },
+          children: /* @__PURE__ */ t.jsx(y, { namespace: pa, phrase: "seeAllVideos" })
+        }
+      ) })
+    ] }) })
+  ] }) });
+}
+function Oa(e) {
+  return /* @__PURE__ */ t.jsx("div", { className: "mx-n2", children: /* @__PURE__ */ t.jsx(
+    $a,
+    {
+      presentationAudiences: e.audiences,
+      series: e.item,
+      seriesAppLink: e.appLinks.getSeriesAppLink(e.item),
+      getVideoAppLink: e.appLinks.getVideoAppLink,
+      analyticsData: {
+        search: {
+          query: e.queryParams.query,
+          score: e.item._score,
+          maxScore: e.item._maxScore,
+          featured: e.item._featured
+        },
+        pagePositionIndex: e.pagePositionIndex
+      },
+      preloadImage: !0,
+      hasPermissions: e.hasPermissions,
+      commonVideoProps: e.commonVideoProps
+    }
+  ) });
+}
+const Da = "search.collectionVideoList";
+function wa() {
+  const e = R();
+  return e.xs ? 2 : e.sm ? 1 : 3;
+}
+function Fa(e) {
+  const a = wa(), i = {
+    analyticsData: e.analyticsData,
+    analyticsOptions: e.analyticsOptions
+  };
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx("ul", { className: "list-unstyled my-1", children: e.videos.slice(0, a).map((s) => {
+      var c;
+      const n = !!s.episodeNumber && !!((c = s.season) != null && c.id);
+      return /* @__PURE__ */ t.jsx("li", { className: "d-flex align-items-center", children: /* @__PURE__ */ t.jsxs(
+        v,
+        {
+          ...i,
+          className: "clamp-1",
+          appLink: e.getVideoAppLink(s),
+          children: [
+            n && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+              /* @__PURE__ */ t.jsx(ot, { video: s }),
+              " "
+            ] }),
+            s.name
+          ]
+        }
+      ) }, `${e.collectionId}:${s.id}`);
+    }) }),
+    /* @__PURE__ */ t.jsx(
+      v,
+      {
+        ...i,
+        className: "info-link",
+        appLink: e.appLink,
+        children: /* @__PURE__ */ t.jsx(y, { namespace: Da, phrase: "seeAll" })
+      }
+    )
+  ] });
+}
+const Ra = "_overlay_1tsto_1", Ea = {
+  overlay: Ra
+}, qa = "search.collectionThumbnail";
+function be(e) {
+  var h, u, m;
+  const a = R(), s = K.getSize(a, "md") === "sm", n = !!((u = (h = e.collection.videos) == null ? void 0 : h.data) != null && u.length), c = n && e.collection.videos.data.find((d) => {
+    var x;
+    return !!((x = d.thumbnail) != null && x.url);
+  });
+  function l() {
+    const d = {
+      ...e.analyticsData,
+      id: e.collection.id,
+      name: e.collection.name
+    };
+    return c && (d.videoId = c.id, d.videoName = c.name), d;
+  }
+  const r = l(), o = e.collectionType === "series";
+  return /* @__PURE__ */ t.jsxs("div", { className: `row g-0 ${s ? "" : "py-2"}`, children: [
+    /* @__PURE__ */ t.jsx(b, { ...K.getThumbnailColumns(), className: `flex-column align-items-flex-start ${s ? "pb-2 pe-2" : "mb-1 px-2"}`, children: /* @__PURE__ */ t.jsx("div", { className: `position-relative overflow-hidden ${s ? "rounded" : "rounded-3"}`, children: /* @__PURE__ */ t.jsxs(
+      ne,
+      {
+        data: c == null ? void 0 : c.thumbnail,
+        appLink: e.appLink,
+        imageType: ge.Thumbnails,
+        analyticsData: r,
+        analyticsOptions: {
+          ...e.analyticsOptions,
+          descriptor: C.Thumbnail
+        },
+        children: [
+          /* @__PURE__ */ t.jsx(it, { type: e.maskType }),
+          /* @__PURE__ */ t.jsx(W, { type: e.imageFallbackType }),
+          /* @__PURE__ */ t.jsx("div", { className: `d-flex flex-column align-items-center justify-content-center text-white h-100 ${Ea.overlay}`, children: /* @__PURE__ */ t.jsx(y, { namespace: qa, phrase: "seeAll" }) })
+        ]
+      }
+    ) }) }),
+    /* @__PURE__ */ t.jsxs(b, { ...K.getDetailsColumns(), className: s ? "pb-2" : "px-2", children: [
+      !e.isPlugin && /* @__PURE__ */ t.jsx(
+        gt,
+        {
+          actions: e.getCollectionActions(
+            e.collection,
+            e.showActions,
+            e.collectionType,
+            e.analyticsOptions
+          ),
+          className: "float-end mt-n1",
+          actionsDropdownClassName: "btn btn-link ms-1"
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        v,
+        {
+          appLink: e.appLink,
+          analyticsData: r,
+          analyticsOptions: {
+            ...e.analyticsOptions,
+            descriptor: C.Title
+          },
+          children: /* @__PURE__ */ t.jsx("h5", { className: "m-0 mb-1", children: /* @__PURE__ */ t.jsx("span", { className: "clamp-1", children: e.collection.name }) })
+        }
+      ),
+      o && !e.hideBadges && /* @__PURE__ */ t.jsxs(je, { children: [
+        /* @__PURE__ */ t.jsx(N, { type: I.Rating, data: e.collection.rating }),
+        /* @__PURE__ */ t.jsx(N, { type: I.ProductionYear, data: (m = e.collection.metadata) == null ? void 0 : m.year })
+      ] }),
+      n && /* @__PURE__ */ t.jsx(
+        Fa,
+        {
+          collectionId: e.collection.id,
+          videos: e.collection.videos.data,
+          appLink: e.appLink,
+          analyticsData: r,
+          analyticsOptions: {
+            ...e.analyticsOptions,
+            descriptor: C.Link
+          },
+          getVideoAppLink: e.getVideoAppLink
+        }
+      )
+    ] })
+  ] });
+}
+function Ha(e) {
+  return /* @__PURE__ */ t.jsx("div", { className: `position-relative ${Z.videoList}`, children: /* @__PURE__ */ t.jsx(
+    be,
+    {
+      analyticsData: {
+        search: {
+          query: e.queryParams.query,
+          score: e.item._score,
+          maxScore: e.item._maxScore,
+          featured: e.item._featured
+        },
+        pagePositionIndex: e.pagePositionIndex
+      },
+      analyticsOptions: {
+        entity: L.Playlist,
+        actionType: P.Click,
+        location: k.PlaylistListItem
+      },
+      appLink: e.appLinks.getPlaylistAppLink(e.item),
+      showActions: e.showActions,
+      collection: e.item,
+      collectionType: "playlist",
+      maskType: fe.Playlist,
+      imageFallbackType: E.PlaylistThumbnail,
+      isPlugin: e.commonVideoProps.isPlugin,
+      getVideoAppLink: e.appLinks.getVideoAppLink,
+      getCollectionActions: e.appLinks.getCollectionActions
+    }
+  ) });
+}
+function Ua(e) {
+  return /* @__PURE__ */ t.jsx("div", { className: `position-relative ${Z.videoList}`, children: /* @__PURE__ */ t.jsx(
+    be,
+    {
+      analyticsData: {
+        search: {
+          query: e.queryParams.query,
+          score: e.item._score,
+          maxScore: e.item._maxScore,
+          featured: e.item._featured
+        },
+        pagePositionIndex: e.pagePositionIndex
+      },
+      analyticsOptions: {
+        entity: L.Series,
+        actionType: P.Click,
+        location: k.SeriesListItem
+      },
+      appLink: e.appLinks.getSeriesAppLink(e.item),
+      collectionType: "series",
+      collection: e.item,
+      showActions: e.showActions,
+      maskType: fe.Series,
+      imageFallbackType: E.SeriesThumbnail,
+      hideBadges: !0,
+      isPlugin: e.commonVideoProps.isPlugin,
+      getVideoAppLink: e.appLinks.getVideoAppLink,
+      getCollectionActions: e.appLinks.getCollectionActions
+    }
+  ) });
+}
+var Pe = /* @__PURE__ */ ((e) => (e.Draft = "Draft", e.ComingSoon = "ComingSoon", e.Published = "Published", e))(Pe || {});
+function Ma(e, a) {
+  var s;
+  if ((a == null ? void 0 : a.length) >= Ye.MULTI_PRESENTATION_THRESHOLD)
+    return (s = a == null ? void 0 : a.find((n) => n.id === e)) == null ? void 0 : s.name;
+}
+function Ga(e) {
+  var c, l, r, o, h, u, m, d, x, g, f, V;
+  const a = ((c = e.data) == null ? void 0 : c.status) === Pe.ComingSoon, i = Ma(e.data.presentationId, e == null ? void 0 : e.availablePresentations), s = {
+    ...e.analyticsData,
+    id: ((l = e.analyticsData) == null ? void 0 : l.id) || ((r = e.data) == null ? void 0 : r.id),
+    name: (o = e.data) == null ? void 0 : o.name,
+    presentationId: ((h = e.analyticsData) == null ? void 0 : h.presentationId) || e.data.presentationId,
+    comingSoon: !!a
+  }, n = {
+    location: k.ClassificationListItem,
+    entity: L.Classification,
+    ...e.analyticsOptions,
+    actionType: P.Click,
+    descriptor: C.Cover
+  };
+  return /* @__PURE__ */ t.jsx(
+    Le,
+    {
+      ...e,
+      analyticsData: s,
+      analyticsOptions: n,
+      coverUrl: (u = e.data.cover) == null ? void 0 : u.url,
+      coverBgColor: (d = (m = e.data) == null ? void 0 : m.metadata) == null ? void 0 : d.backgroundColor,
+      subtitle: ((x = e.getSubtitle) == null ? void 0 : x.call(e, e.data)) || i,
+      isComingSoon: a,
+      themeColor: (g = e.shouldHighlight) != null && g.call(e, e.data) ? ((V = (f = e.data) == null ? void 0 : f.metadata) == null ? void 0 : V.backgroundColor) ?? "" : ""
+    }
+  );
+}
+const Ba = Fe.memo(Ga);
+P.Click, L.UserSetting, C.Tile;
+P.Click, L.Url, C.Tile;
+function za(e) {
+  return /* @__PURE__ */ t.jsx(b, { as: "li", sm: 6, md: e.useLargeStyle ? 6 : 4, lg: e.useLargeStyle ? 4 : 3, children: /* @__PURE__ */ t.jsx("div", { className: "position-relative px-1 mb-2", children: /* @__PURE__ */ t.jsx(
+    Ba,
+    {
+      data: e.item,
+      getChildAppLink: e.appLinks.getClassificationAppLink,
+      getChildAppLinkOptions: () => {
+        var a, i;
+        return (i = (a = e.appLinks).getClassificationAppLinkOptions) == null ? void 0 : i.call(a, e.item);
+      },
+      availablePresentations: e.availablePresentations,
+      analyticsData: {
+        itemIndex: e.itemIndex,
+        search: {
+          query: e.queryParams.query,
+          score: e.item._score,
+          maxScore: e.item._maxScore,
+          featured: e.item._featured
+        },
+        pagePositionIndex: 0
+      },
+      isLarge: e.useLargeStyle,
+      highlightOnHover: e.commonVideoProps.showNewVideoIndicator
+    }
+  ) }) });
+}
+function Wa(e) {
+  function a(s) {
+    return F.isClip(s) ? st : F.isInteractive(s) ? nt : X;
+  }
+  const i = a(e.item);
+  return /* @__PURE__ */ t.jsx("div", { className: `position-relative ${Z.videoList}`, children: /* @__PURE__ */ t.jsx(
+    i,
+    {
+      video: e.item,
+      getVideoAppLink: e.appLinks.getVideoAppLink,
+      getPreviewQuestionsAppLink: e.appLinks.getPreviewQuestionsAppLink,
+      presentationAudiences: e.audiences,
+      analyticsData: {
+        search: {
+          query: e.queryParams.query,
+          score: e.item._score,
+          maxScore: e.item._maxScore,
+          featured: e.item._featured
+        },
+        pagePositionIndex: e.pagePositionIndex
+      },
+      hasPermissions: e.hasPermissions,
+      commonVideoProps: e.commonVideoProps
+    }
+  ) });
+}
+const Xa = "shared.mixedSearchResults", Qa = 8, Ya = z.memo(function(e) {
+  var c, l, r, o, h, u;
+  const a = R(), i = a.xs || a.sm;
+  if (!((c = e.results) != null && c.length) && !((l = e.topics) != null && l.totalResults) && !((r = e.companies) != null && r.totalResults))
+    return /* @__PURE__ */ t.jsx(t.Fragment, {});
+  const s = [
+    ...((o = e.companies) == null ? void 0 : o.results) ?? [],
+    ...((h = e.topics) == null ? void 0 : h.results) ?? []
+  ], n = {
+    useLargeStyle: s.length < 4,
+    ...e
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "position-relative", children: [
+    /* @__PURE__ */ t.jsx("p", { role: "status", className: "visually-hidden", children: /* @__PURE__ */ t.jsx(y, { namespace: Xa, phrase: "ariaSearch" }) }),
+    !!s.length && /* @__PURE__ */ t.jsx(Y, { as: "ul", className: "list-unstyled g-0 pb-3 mx-n1", children: s.slice(0, Qa).map((m, d) => {
+      switch (m.type.toLowerCase()) {
+        case "company":
+          return /* @__PURE__ */ t.jsx(
+            Ft,
+            {
+              item: m,
+              itemIndex: d,
+              ...n
+            },
+            d
+          );
+        case "subject":
+          return /* @__PURE__ */ t.jsx(
+            za,
+            {
+              item: m,
+              itemIndex: d,
+              ...n
+            },
+            d
+          );
+      }
+    }) }),
+    (u = e.results) == null ? void 0 : u.map((m, d) => {
+      var g, f;
+      const x = s.length ? d + 1 : d;
+      if ("isExchangeVideoGroup" in m && m.isExchangeVideoGroup)
+        return /* @__PURE__ */ t.jsx(
+          Et,
+          {
+            item: m,
+            pagePositionIndex: x,
+            ...n
+          },
+          d
+        );
+      switch ((g = m.type) == null ? void 0 : g.toLowerCase()) {
+        case "interactive":
+        case "clip":
+        case "video":
+          return d === 0 && m._featured && F.isVideo(m) ? /* @__PURE__ */ t.jsx(
+            Gt,
+            {
+              item: m,
+              pagePositionIndex: x,
+              ...n
+            },
+            d
+          ) : /* @__PURE__ */ t.jsx(
+            Wa,
+            {
+              item: m,
+              pagePositionIndex: x,
+              ...n
+            },
+            d
+          );
+        case "playlist":
+          return i ? /* @__PURE__ */ t.jsx(
+            Ha,
+            {
+              item: m,
+              pagePositionIndex: x,
+              ...n
+            },
+            d
+          ) : /* @__PURE__ */ t.jsx(
+            fa,
+            {
+              item: m,
+              pagePositionIndex: x,
+              ...n
+            },
+            d
+          );
+        case "series":
+          return i || !((f = m.tallPoster) != null && f.id) ? /* @__PURE__ */ t.jsx(
+            Ua,
+            {
+              item: m,
+              pagePositionIndex: x,
+              ...n
+            },
+            d
+          ) : /* @__PURE__ */ t.jsx(
+            Oa,
+            {
+              item: m,
+              pagePositionIndex: x,
+              ...n
+            },
+            d
+          );
+      }
+    })
+  ] });
+}), te = "search.searchSubstitute";
+function Za(e) {
+  return e.substitute ? /* @__PURE__ */ t.jsxs("div", { className: "pb-3", children: [
+    /* @__PURE__ */ t.jsxs("p", { className: "mb-1 h6", children: [
+      /* @__PURE__ */ t.jsx(y, { namespace: te, phrase: "showingFor" }),
+      " ",
+      /* @__PURE__ */ t.jsx(
+        v,
+        {
+          className: "info-link",
+          appLink: e.getAppLink(e.substitute, e.queryParams),
+          appLinkOptions: { replace: !0 },
+          children: e.substitute
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsxs("p", { className: "mb-0 h6 fw-normal", children: [
+      /* @__PURE__ */ t.jsx(y, { namespace: te, phrase: "searchInsteadFor" }),
+      /* @__PURE__ */ t.jsx(
+        v,
+        {
+          className: "info-link",
+          appLink: e.getAppLink(e.queryParams.query, { ...e.queryParams, allowSubstitute: "false" }),
+          children: e.queryParams.query
+        }
+      ),
+      /* @__PURE__ */ t.jsx(y, { namespace: te, phrase: "endOriginal" })
+    ] })
+  ] }) : /* @__PURE__ */ t.jsx(t.Fragment, {});
+}
+const Ja = "search.searchSuggestions";
+Se.defaultProps = {
+  suggestions: [],
+  queryParams: {}
+};
+function Se(e) {
+  var a;
+  return (a = e.suggestions) != null && a.length ? /* @__PURE__ */ t.jsxs("div", { className: "d-flex align-items-center mb-3", children: [
+    /* @__PURE__ */ t.jsx(y, { namespace: Ja, phrase: "didYouMean" }),
+    " ",
+    e.suggestions.map((i, s) => /* @__PURE__ */ t.jsxs(z.Fragment, { children: [
+      s !== 0 && /* @__PURE__ */ t.jsx("span", { className: "mx-1", children: "•" }),
+      /* @__PURE__ */ t.jsx(
+        v,
+        {
+          className: "info-link",
+          appLink: e.getAppLink(i, e.queryParams),
+          appLinkOptions: { replace: !0 },
+          children: i
+        }
+      )
+    ] }, `${i}:${s}`))
+  ] }) : /* @__PURE__ */ t.jsx(t.Fragment, {});
+}
+const S = {
+  useOnFilterChange(e, a) {
+    const i = { ...a };
+    delete i.query;
+    const s = Object.keys(i).map((n) => i[n]).sort((n, c) => n - c);
+    z.useEffect(() => {
+      e();
+    }, [s.join(":")]);
+  },
+  getCollectionActions(e, a, i, s) {
+    return a ? [] : [];
+  },
+  getSeriesAppLink(e) {
+    return e != null && e.id ? {
+      application: D.EXCHANGE,
+      action: O.Exchange.SERIES,
+      args: [e.id, le.slugify(e.name)]
+    } : null;
+  },
+  getVideoAppLink(e) {
+    return e != null && e.id ? {
+      application: D.EXCHANGE,
+      action: O.Exchange.PREVIEW,
+      args: [e.id, le.slugify(e.name)]
+    } : null;
+  },
+  getAppliedIndices(e = {}) {
+    const { type: a } = e;
+    if (a) {
+      if (!Array.isArray(a))
+        return [a];
+      if (a.length)
+        return a;
+    }
+    return ["video"];
+  },
+  getNestedCategoryIds(e, a) {
+    const i = (n) => {
+      const c = [], l = a.find((o) => +o.data.id == +n);
+      if (!(l != null && l.children.length))
+        return [n];
+      const r = (o) => {
+        o && (o.data && c.push(o.data.id), o.children.length && o.children.forEach((h) => {
+          r(h);
+        }));
+      };
+      return r(l), c;
+    };
+    if (!Array.isArray(e))
+      return i(e);
+    const s = [...e].map((n) => i(n));
+    return Re.flatten(s);
+  },
+  buildBackendFilterParams(e, a, i = [], s) {
+    const n = a == null ? void 0 : a.categoryId, c = n && this.getNestedCategoryIds(n, s), l = re.buildBackendFilterParams(
+      { ...a, categoryId: c },
+      i,
+      null,
+      !1,
+      []
+    );
+    return l[`${$.FILTER_PARAM_PREFIX}library`] = e, l;
+  },
+  getBackendFilters(e) {
+    if (!e.hasDataLoaded)
+      return null;
+    const { queryParams: a, ratings: i, exchange: s, categories: n } = e, c = S.buildBackendFilterParams(
+      s.data.id,
+      a,
+      i.data,
+      n.data
+    ), l = S.getAppliedIndices(a);
+    return {
+      queryParams: a,
+      backendFilters: c,
+      appliedIndices: l
+    };
+  },
+  getFilters(e, a) {
+    if (!e.hasDataLoaded || !a.hasCompleted)
+      return null;
+    const { categories: i, ratings: s } = e, n = [
+      _.Categories(i.data),
+      _.Rating(s.data, null),
+      _.HasResources(),
+      _.HasSubtitles(),
+      _.TagOrClassification(a.data)
+    ], c = re.getMoreFilters([
+      _.ProductionYear(),
+      _.IsHD(),
+      _.Duration()
+    ]);
+    return {
+      mainFilters: n,
+      moreFilters: c
+    };
+  },
+  getAppLink(e, a) {
+    return {
+      application: D.EXCHANGE,
+      action: O.Exchange.SEARCH,
+      params: {
+        ...a,
+        query: e
+      }
+    };
+  }
+}, Ka = "exchange.searchResultsEmptyState";
+function ei(e) {
+  return /* @__PURE__ */ t.jsx(Ee.Provider, { value: Ka, children: /* @__PURE__ */ t.jsxs(q, { children: [
+    /* @__PURE__ */ t.jsx(q.Image, { src: qe.EmptyStates.SEARCH }),
+    /* @__PURE__ */ t.jsx(q.Heading, { children: e.query ? /* @__PURE__ */ t.jsx(y, { phrase: "headingWithQuery", options: { query: e.query } }) : /* @__PURE__ */ t.jsx(y, { phrase: "headingWithoutQuery" }) }),
+    /* @__PURE__ */ t.jsxs(q.Info, { children: [
+      /* @__PURE__ */ t.jsx(y, { phrase: "info" }),
+      /* @__PURE__ */ t.jsx(
+        v,
+        {
+          className: "info-link",
+          appLink: { application: D.EXCHANGE, action: O.Exchange.INDEX },
+          children: /* @__PURE__ */ t.jsx(y, { phrase: "topicsAppLink" })
+        }
+      )
+    ] })
+  ] }) });
+}
+function ti(e) {
+  const a = T(He.currentUser()), i = T(ae.exchange()), s = T(jt.ratings()), n = T(ae.categories()), c = a.hasCompleted && i.hasCompleted && s.hasCompleted && n.hasCompleted;
+  return {
+    queryParams: e,
+    currentUser: a,
+    exchange: i,
+    ratings: s,
+    categories: n,
+    hasDataLoaded: c
+  };
+}
+const ai = "exchange.searchResultsView2";
+function ii(e) {
+  var m, d, x;
+  const { queryParams: a, appliedIndices: i, backendFilters: s } = e, n = Lt(), c = Ue(), l = Me((m = r()) == null ? void 0 : m.key);
+  function r(g) {
+    return e.hasDataLoaded && ae.search(a.query, i, s, g);
+  }
+  function o(g) {
+    c(r(g));
+  }
+  function h(g, f) {
+    if (g === 1)
+      return vt(f);
+    n.error(he.getPhrase(ai, "error"));
+  }
+  return {
+    ...dt(
+      r,
+      o,
+      h,
+      (g) => g.results
+    ),
+    fetchNext: o,
+    substituteQuery: (d = l.data) == null ? void 0 : d.substituteQuery,
+    suggestions: (x = l.data) == null ? void 0 : x.suggestions
+  };
+}
+const de = {
+  video: J.VIDEO_COLLECTION,
+  series: "rating,tallPoster",
+  playlist: "videos[count(),thumbnail]{limit:1},interactives[count(),_thumbnail]{limit:1},clips[count(),_thumbnail]{limit:1}",
+  classification: `cover,thumbnail,tags{tagtype:${Ze.Curation}}`,
+  clip: J.CLIP_COLLECTION,
+  interactive: J.INTERACTIVE_COLLECTION,
+  company: "logo",
+  category: "libraries[_logo],thumbnail"
+};
+function me(e) {
+  var n, c;
+  let a = e.totalResults;
+  const i = ((n = e == null ? void 0 : e.results) == null ? void 0 : n.filter((l) => {
+    var r, o, h, u, m, d, x, g;
+    if (l._index !== "series" && l._index !== "playlist")
+      return !0;
+    if (l._index === "playlist") {
+      const f = l;
+      return (o = (r = f.clips) == null ? void 0 : r.data) != null && o.length || (u = (h = f.interactives) == null ? void 0 : h.data) != null && u.length || (d = (m = f.videos) == null ? void 0 : m.data) != null && d.length ? !0 : (a--, !1);
+    }
+    return ((g = (x = l.videos) == null ? void 0 : x.data) == null ? void 0 : g.length) === 0 ? (a--, !1) : !0;
+  })) ?? [];
+  e.results = i, e.totalResults = a;
+  const s = (c = i[0]) == null ? void 0 : c._score;
+  return {
+    ...e,
+    results: Ct.mapMaxScoreToSearchResults(i, s)
+  };
+}
+function B(e) {
+  return Object.entries(e).reduce((a, [, i]) => {
+    let s = i;
+    return typeof i == "object" ? s = B(i) : ["number", "boolean", "string"].includes(typeof i) && (s = i.toString()), a.length ? `${a},${s}` : s;
+  }, "");
+}
+const si = {
+  searchDashboard(e, a, i = []) {
+    const s = i.sort((u, m) => u.id.localeCompare(m.id)).map((u) => [u.id, u == null ? void 0 : u.cursor]), n = B(a), c = `search:v5:dashboard:${e}:${s}:${n}`, {
+      [`${$.FILTER_PARAM_PREFIX}indicesFilters`]: l,
+      isLearner: r,
+      ...o
+    } = a, h = {
+      widgets: i,
+      indices: l,
+      filters: Object.entries(o).reduce((u, [m, d]) => ({ ...u, [m.replace("filters.", "")]: d }), {}),
+      query: e,
+      includeAllIndices: !1,
+      isLearner: !!r
+    };
+    return {
+      url: "{gateway}/v5/search/widgets",
+      publicUrl: "/api/search/v5/widgets",
+      type: U.POST,
+      data: h,
+      key: c
+    };
+  },
+  searchDashboardWidget(e, a, i, s = []) {
+    const n = s.sort((d, x) => d.id.localeCompare(x.id)).map((d) => [d.id, d == null ? void 0 : d.cursor]), c = B(i), l = `search:v5:dashboard:${e}:widget:${a}:${n}:${c}`, {
+      [`${$.FILTER_PARAM_PREFIX}indicesFilters`]: r,
+      isLearner: o,
+      excludeVideoIds: h,
+      ...u
+    } = i, m = {
+      widgets: s,
+      indices: r,
+      filters: Object.entries(u).reduce((d, [x, g]) => ({ ...d, [x.replace("filters.", "")]: g }), {}),
+      query: a,
+      includeAllIndices: !1,
+      isLearner: !!o,
+      ogql: de,
+      excludeVideoIds: h
+    };
+    return {
+      url: `{gateway}/v5/search/widgets/${e}`,
+      publicUrl: `/api/search/v5/widgets/${e}`,
+      type: U.POST,
+      data: m,
+      key: l
+    };
+  },
+  searchV5(e, a, i = []) {
+    const s = i.sort((u, m) => u.id.localeCompare(m.id)).map((u) => [u.id, u == null ? void 0 : u.cursor]), n = B(a), c = `search:v5:${e}:${s}:${n}`, {
+      [`${$.FILTER_PARAM_PREFIX}indicesFilters`]: l,
+      isLearner: r,
+      ...o
+    } = a, h = {
+      widgets: i,
+      indices: l,
+      filters: Object.entries(o).reduce((u, [m, d]) => ({ ...u, [m.replace("filters.", "")]: d }), {}),
+      query: e,
+      includeAllIndices: !1,
+      isLearner: !!r,
+      ogql: de
+    };
+    return {
+      url: "{gateway}/v5/search",
+      publicUrl: "/api/search/v5",
+      type: U.POST,
+      data: h,
+      key: c
+    };
+  },
+  searchV4(e) {
+    const { query: a, indices: i, filters: s = {}, sorts: n = {}, allowSubstitute: c = !0, cursor: l, limit: r } = e;
+    let o = `search:v4:${a}:${c}:${i}:${l}`;
+    o += Object.keys(s).map((g) => {
+      const f = s[g];
+      return Array.isArray(f) ? f.join(";") : f;
+    }).join(";");
+    const {
+      [`${$.FILTER_PARAM_PREFIX}excludeLibraryExclusive`]: h,
+      isLearner: u,
+      ...m
+    } = s, x = {
+      searchType: "content",
+      indices: i.map((g) => g !== "video" || !h ? { index: g } : { index: g, filters: { excludeLibraryExclusive: h } }),
+      filters: Object.entries(m).reduce((g, [f, V]) => ({ ...g, [f.replace("filters.", "")]: V }), {}),
+      sorts: n,
+      query: a,
+      allowSubstitute: c,
+      cursor: l ?? void 0,
+      isLearner: !!u,
+      limit: r
+    };
+    return {
+      url: "{gateway}/v4/search",
+      publicUrl: "/api/search/v4",
+      type: U.POST,
+      data: x,
+      key: o,
+      formatData: me
+    };
+  },
+  search(e) {
+    const { query: a, indices: i, filters: s, allowSubstitute: n, cursor: c, limit: l, success: r, error: o } = e;
+    let h = `search:${a}:${n}:${i}:${c}`;
+    h += Object.keys(s).map((m) => {
+      const d = s[m];
+      return Array.isArray(d) ? d.join(";") : d;
+    }).join(";");
+    const u = Object.assign({}, {
+      index: i,
+      cursor: c ?? void 0,
+      query: a,
+      allowSubstitute: n,
+      limit: l,
+      ...s
+    });
+    return {
+      url: H.urlBuilder("{gateway}/v3/search", u),
+      publicUrl: H.urlBuilder("/api/search", u),
+      key: h,
+      formatData: me,
+      success: r,
+      error: o
+    };
+  },
+  tagsAndClassifications(e, a, i = {}, s, n, c) {
+    const l = {
+      index: a,
+      cursor: s,
+      query: e,
+      ...i
+    };
+    let r = `filter:options:${e}:${a.join(":")}:${s}`;
+    return r += Object.keys(i).map((o) => {
+      const h = i[o];
+      return Array.isArray(h) ? h.join(";") : h;
+    }).join(";"), {
+      url: H.urlBuilder("{gateway}/v3/search/tags-and-classifications", l),
+      publicUrl: H.urlBuilder("/api/search/tags-and-classifications", l),
+      key: r,
+      success: n,
+      error: c,
+      normalize: !1
+    };
+  }
+};
+function ni(e) {
+  return T(e && si.tagsAndClassifications(
+    e.queryParams.query,
+    e.appliedIndices,
+    e.backendFilters
+  ));
+}
+function Ii(e) {
+  var d;
+  const { queryParams: a = {} } = e, i = ft("video-list"), s = ti(a), { commonVideoProps: n } = ct(), c = S.getBackendFilters(s), l = ni(c), r = ii({ ...c, ...s }), o = S.getFilters(s, l);
+  Ge({ title: a.query ?? "" });
+  const h = s.hasDataLoaded && o, u = r.hasFirstPageCompleted && // Topic and Company requests won't exist if they aren't being fetched
+  l.hasCompleted && !!o, m = (d = r.items) == null ? void 0 : d.length;
+  return h ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(yt, { query: a.query }),
+    /* @__PURE__ */ t.jsx(
+      Za,
+      {
+        substitute: r.substituteQuery,
+        queryParams: a,
+        getAppLink: S.getAppLink
+      }
+    ),
+    !r.substituteQuery && /* @__PURE__ */ t.jsx(
+      Se,
+      {
+        suggestions: r == null ? void 0 : r.suggestions,
+        queryParams: a,
+        getAppLink: S.getAppLink
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      xt,
+      {
+        queryParams: a,
+        mainFilters: o == null ? void 0 : o.mainFilters,
+        moreFilters: o == null ? void 0 : o.moreFilters,
+        analyticsOptions: {
+          entity: L.SearchResults,
+          location: k.SearchFilters
+        },
+        appLink: { application: D.EXCHANGE, action: O.Exchange.SEARCH },
+        isFetchingOptions: l.isFetching
+      }
+    ),
+    u ? /* @__PURE__ */ t.jsxs("section", { children: [
+      m ? /* @__PURE__ */ t.jsx(lt.Provider, { value: i, children: /* @__PURE__ */ t.jsx(
+        Ya,
+        {
+          queryParams: a.query,
+          results: r.items,
+          audiences: null,
+          currentUser: s.currentUser.data,
+          availablePresentations: null,
+          showActions: !0,
+          companies: null,
+          hasPermissions: () => !1,
+          appLinks: {
+            getCollectionActions: S.getCollectionActions,
+            getSeriesAppLink: S.getSeriesAppLink,
+            getVideoAppLink: S.getVideoAppLink,
+            getClassificationAppLink: () => null,
+            getClassificationAppLinkOptions: () => null,
+            getPlaylistAppLink: () => null,
+            getCompanyAppLink: () => null,
+            getPreviewQuestionsAppLink: () => null
+          },
+          commonVideoProps: n
+        }
+      ) }) : /* @__PURE__ */ t.jsx(ei, { query: a.query }),
+      r.hasMore && /* @__PURE__ */ t.jsx(
+        mt,
+        {
+          isFetching: r.isFetching,
+          fetchNext: r.fetchNext,
+          nextCursor: r.nextCursor
+        }
+      )
+    ] }) : /* @__PURE__ */ t.jsx("div", { className: "mx-n2", children: /* @__PURE__ */ t.jsx(ut, {}) })
+  ] }) : /* @__PURE__ */ t.jsx(t.Fragment, {});
+}
+export {
+  Ii as ExchangeSearchResultsView
+};