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

package/dist/VideoRequests-CpDXl7E_.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./app-DcIbciDa.cjs"),c=require("./CurationStatus-BGjsO3l8.cjs"),p=require("./PermissionFilterOption-BIA__Q_O.cjs");var y=(e=>(e.Series="series",e.Playlist="playlist",e.Widget="widget",e.Folder="category",e.CategoryTree="categoryTree",e))(y||{});const u={sharedVideo:(e,t)=>i.UrlHelper.urlBuilder(`/api/objects/${e}`,{shareId:t,query:i.SharedWithStatements.VIDEO}),publicVideo:(e,t)=>i.UrlHelper.urlBuilder(`/api/objects/${e}`,{query:"thumbnail,_canBeConsumed,series,season,rating,libraries{typeId:[17]}",permissionFilterOption:p.PermissionFilterOption.StripMetadata,shareId:t}),getVideosById:e=>i.UrlHelper.urlBuilder("{gateway}/v1/objects",{"query.video":i.SharedWithStatements.VIDEO_COLLECTION,"query.clip":i.SharedWithStatements.CLIP_COLLECTION,"query.interactive":i.SharedWithStatements.INTERACTIVE_COLLECTION,id:e}),relatedVideos:e=>{const{videoId:t,context:r,collectionId:s,moviesAndTv:o,limit:a}=e,n={videoId:t,limit:a,query:i.SharedWithStatements.VIDEO_COLLECTION};return r&&(r===y.Widget?n["context.widgetId"]=s:(n["context.collectionType"]=r,n["context.collectionId"]=s)),o&&(n["context.moviesAndTv"]=!0),i.UrlHelper.urlBuilder("{gateway}/v1/suggestions/related-videos",n)}},j={video(e,t){return{url:i.UrlHelper.urlBuilder(`{gateway}/v1/objects/${e}`,{query:i.SharedWithStatements.VIDEO,permissionFilterOption:t}),publicUrl:i.UrlHelper.urlBuilder(`/api/objects/${e}`,{query:i.PublicWithStatement.VIDEO,permissionFilterOption:t}),key:`videos:${e}:${t}`}},publicVideo(e,t,r,s){return{url:u.publicVideo(e,t),key:`videos:${e}:public:${t}`,bootstrapName:`shared:object:${e}`,success:r,error:s}},sharedVideo(e,t,r,s){return{url:u.sharedVideo(e,t),key:`shared:video:${e}`,success:r,error:s}},myVideos(e,t){const{VIDEO_COLLECTION:r,CLIP_COLLECTION:s,INTERACTIVE:o}=i.SharedWithStatements,a=`videos[${r}]{libraries.typeid:${i.MasterType.WorkspaceCollection}}`,n=`clips[${s}]`,l=`interactives[${o}]{status:[${c.CurationStatus.Published},${c.CurationStatus.Draft}]}`,d={query:`(${a}|${n}|${l}){orderbydesc:id}`,permissionFilterOption:p.PermissionFilterOption.StripMetadata};return t&&(d.cursor=t),{url:i.UrlHelper.urlBuilder(`{gateway}/v1/objects/${e}/members`,d),key:`my:videos:${t}`}},videos(e,t){return{url:u.getVideosById(e),key:`videos:by:id:${e.join(",")}`,success:t}},watchHistoryVideos(e,t){return{url:u.getVideosById(e),key:`watch:history:videos:by:id:${e.join(",")}`,success:t}},updateVideo(e,t,r,s,o){return{key:`update:video:${e}`,url:`{gateway}/v1/objects/${e}`,type:i.HttpVerbs.PUT,data:t,success:r,error:s,always:o}},videoRatings(e,t){const r=e.map(s=>`id=${s}`);if(r.length)return{url:`/api/domain/v2/objects?query=rating&${r.join("&")}`,key:`video:ratings:by:id:${e.join(",")}`,normalizeOptions:{namespace:t}}},videoMixinAssocs(e,t){if(e.map(s=>`id=${s}`).length)return{url:i.UrlHelper.urlBuilder("{gateway}/v1/objects",{query:"interactives{limit:100},resources{limit:100},links{limit:100},_hasCurriculumLinks",id:e}),publicUrl:i.UrlHelper.urlBuilder("/api/objects",{query:"interactives{limit:100},resources{limit:100},links{limit:100},_hasCurriculumLinks",id:e}),key:`video:mixin:assocs:${e.join(",")}`,normalizeOptions:{namespace:t}}},getRestrictions(e){const t=e.slice().sort();return{url:`/api/domain/v1/restrictedobjects?objectTypeId=${i.MasterType.Video}${t.map(r=>`&objectId=${r}`).join("")}`,key:`restrictions:${t.join(",")}`,normalizeOptions:{namespace:"domain",idAttribute:"objectId"}}},delete(e,t,r){return{url:`{gateway}/v1/objects/${e}`,key:`delete:video:${e}`,type:i.HttpVerbs.DELETE,success:t,error:r,invalidationKeys:["videos","search"]}},deleteBulk(e,t,r,s,o){const a=e.map(l=>`videoIds=${l}`).join("&"),n=[`categoryId=${r}`,`${a}`].join("&");return{url:`/api/domain/v1/libraries/${t}/videos?${n}`,key:`delete:bulk:video:${e.join(":")}:${t}:${r}`,type:i.HttpVerbs.DELETE,success:s,error:o,invalidationKeys:["videos","search"]}},relatedVideos(e){const{videoId:t,context:r,collectionId:s,moviesAndTv:o}=e;return{url:u.relatedVideos(e),key:`related:videos:${t}:${r}:${s}:${o}`}},collectionVideos(e,t,r,s,o,a){const n=i.VideoSortHelper.getVideoSortParam(t),{VIDEO_COLLECTION:l,CLIP_COLLECTION:d,INTERACTIVE:$}=i.SharedWithStatements,v=`videos[${l}]`,m=`clips[${d}]`,b=`interactives[${$}]{status:[${c.CurationStatus.Published},${c.CurationStatus.Draft}]}`,g={query:`(${v}|${m}|${b})${n?`{${n}}`:""}`,permissionFilterOption:p.PermissionFilterOption.FilterOut,...r?{cursor:r}:{}},O=["folder","videos",e,r,t].filter(h=>!!h).join(":");return{url:i.UrlHelper.urlBuilder(`{gateway}/v1/objects/${e}/members`,g),key:O,success:s,error:o,always:a}},pointsOfInterest(e,t,r,s,o){const a={query:"{limit:100}",cursor:t};return{url:i.UrlHelper.urlBuilder(`{gateway}/v1/objects/${e}/pointsofinterest`,a),publicUrl:i.UrlHelper.urlBuilder(`/api/objects/${e}/pointsofinterest`,a),key:`pointsofinterest:${e}${t?`:${t}`:""}`,success:r,error:s,always:o}},regionAlternatives(e,t,r,s){return{url:`/api/objects/videos/${e}/region-alternatives`,publicUrl:`/api/objects/videos/${e}/region-alternatives`,key:`video:regionAlternatives:${e}`,normalize:!1,success:t,error:r,always:s}}};exports.VideoRequests=j;

package/dist/VideoRequests-DlUeYLjl.js

@@ -0,0 +1,225 @@
+import { U as a, al as C, S as l, H as p, M as v, m as T } from "./app-2U039aX_.js";
+import { C as y } from "./CurationStatus-DZn3C9Qe.js";
+import { P as $ } from "./PermissionFilterOption-B-QrMVdA.js";
+var m = /* @__PURE__ */ ((e) => (e.Series = "series", e.Playlist = "playlist", e.Widget = "widget", e.Folder = "category", e.CategoryTree = "categoryTree", e))(m || {});
+const d = {
+  sharedVideo: (e, i) => a.urlBuilder(`/api/objects/${e}`, {
+    shareId: i,
+    query: l.VIDEO
+  }),
+  publicVideo: (e, i) => a.urlBuilder(`/api/objects/${e}`, {
+    // Query statement here is coupled with ClickView.Lite.Common\Services\OpenGraph\OpenGraphService.cs
+    // in lite. If you update this, please update both.
+    query: "thumbnail,_canBeConsumed,series,season,rating,libraries{typeId:[17]}",
+    permissionFilterOption: $.StripMetadata,
+    shareId: i
+  }),
+  getVideosById: (e) => a.urlBuilder("{gateway}/v1/objects", {
+    "query.video": l.VIDEO_COLLECTION,
+    "query.clip": l.CLIP_COLLECTION,
+    "query.interactive": l.INTERACTIVE_COLLECTION,
+    id: e
+  }),
+  relatedVideos: (e) => {
+    const { videoId: i, context: t, collectionId: r, moviesAndTv: s, limit: n } = e, o = {
+      videoId: i,
+      limit: n,
+      query: l.VIDEO_COLLECTION
+    };
+    return t && (t === m.Widget ? o["context.widgetId"] = r : (o["context.collectionType"] = t, o["context.collectionId"] = r)), s && (o["context.moviesAndTv"] = !0), a.urlBuilder("{gateway}/v1/suggestions/related-videos", o);
+  }
+}, f = {
+  video(e, i) {
+    return {
+      url: a.urlBuilder(`{gateway}/v1/objects/${e}`, {
+        query: l.VIDEO,
+        permissionFilterOption: i
+      }),
+      publicUrl: a.urlBuilder(`/api/objects/${e}`, {
+        query: T.VIDEO,
+        permissionFilterOption: i
+      }),
+      key: `videos:${e}:${i}`
+    };
+  },
+  publicVideo(e, i, t, r) {
+    return {
+      url: d.publicVideo(e, i),
+      key: `videos:${e}:public:${i}`,
+      bootstrapName: `shared:object:${e}`,
+      success: t,
+      error: r
+    };
+  },
+  sharedVideo(e, i, t, r) {
+    return {
+      url: d.sharedVideo(e, i),
+      key: `shared:video:${e}`,
+      success: t,
+      error: r
+    };
+  },
+  myVideos(e, i) {
+    const { VIDEO_COLLECTION: t, CLIP_COLLECTION: r, INTERACTIVE: s } = l, n = `videos[${t}]{libraries.typeid:${v.WorkspaceCollection}}`, o = `clips[${r}]`, u = `interactives[${s}]{status:[${y.Published},${y.Draft}]}`, c = {
+      query: `(${n}|${o}|${u}){orderbydesc:id}`,
+      permissionFilterOption: $.StripMetadata
+    };
+    return i && (c.cursor = i), {
+      url: a.urlBuilder(`{gateway}/v1/objects/${e}/members`, c),
+      key: `my:videos:${i}`
+    };
+  },
+  videos(e, i) {
+    return {
+      url: d.getVideosById(e),
+      key: `videos:by:id:${e.join(",")}`,
+      success: i
+    };
+  },
+  watchHistoryVideos(e, i) {
+    return {
+      url: d.getVideosById(e),
+      key: `watch:history:videos:by:id:${e.join(",")}`,
+      success: i
+    };
+  },
+  updateVideo(e, i, t, r, s) {
+    return {
+      key: `update:video:${e}`,
+      url: `{gateway}/v1/objects/${e}`,
+      type: p.PUT,
+      data: i,
+      success: t,
+      error: r,
+      always: s
+    };
+  },
+  /**
+   * This is simply an example to show the prototype for useVideoMixin
+   * eventually there will be endpoints in domain that let us fetch members
+   * without fetching the objects properties, so we can fetch stuff like
+   * hasInteractives and isFavourited as subsequent calls
+   */
+  videoRatings(e, i) {
+    const t = e.map((r) => `id=${r}`);
+    if (t.length)
+      return {
+        url: `/api/domain/v2/objects?query=rating&${t.join("&")}`,
+        key: `video:ratings:by:id:${e.join(",")}`,
+        normalizeOptions: {
+          namespace: i
+        }
+      };
+  },
+  videoMixinAssocs(e, i) {
+    if (e.map((r) => `id=${r}`).length)
+      return {
+        url: a.urlBuilder("{gateway}/v1/objects", {
+          query: "interactives{limit:100},resources{limit:100},links{limit:100},_hasCurriculumLinks",
+          id: e
+        }),
+        publicUrl: a.urlBuilder("/api/objects", {
+          query: "interactives{limit:100},resources{limit:100},links{limit:100},_hasCurriculumLinks",
+          id: e
+        }),
+        /**
+         * We are intentionally NOT sorting the IDs here. This is because `useVideoMixin` wants to provide
+         * the IDs in their original order so that the cache key here doesn't change for subsequent calls.
+         * 
+         * Here is an example of a problem that would occur if we were sorting: say we search for something,
+         * and load the first page of 25 results. The videos and clips here would have their IDs sorted in the cache
+         * key, then fetched. Then, we scrolled down and fetched the next 25, leading to 50 IDs in the array. If we
+         * sort the IDs in the key, the keys would change from the first request, leading to all of the videos/clips
+         * from the first request being fetched a second time unnecessarily. Every time you'd fetch a new page, you'd
+         * be making multiple unnecessary API calls.
+         * 
+         * TL;DR: Don't sort the IDs here, `useVideoMixin` will handle that.
+         */
+        key: `video:mixin:assocs:${e.join(",")}`,
+        normalizeOptions: {
+          namespace: i
+        }
+      };
+  },
+  getRestrictions(e) {
+    const i = e.slice().sort();
+    return {
+      url: `/api/domain/v1/restrictedobjects?objectTypeId=${v.Video}${i.map((t) => `&objectId=${t}`).join("")}`,
+      key: `restrictions:${i.join(",")}`,
+      normalizeOptions: {
+        namespace: "domain",
+        idAttribute: "objectId"
+      }
+    };
+  },
+  delete(e, i, t) {
+    return {
+      url: `{gateway}/v1/objects/${e}`,
+      key: `delete:video:${e}`,
+      type: p.DELETE,
+      success: i,
+      error: t,
+      invalidationKeys: ["videos", "search"]
+    };
+  },
+  deleteBulk(e, i, t, r, s) {
+    const n = e.map((u) => `videoIds=${u}`).join("&"), o = [
+      `categoryId=${t}`,
+      `${n}`
+    ].join("&");
+    return {
+      url: `/api/domain/v1/libraries/${i}/videos?${o}`,
+      key: `delete:bulk:video:${e.join(":")}:${i}:${t}`,
+      type: p.DELETE,
+      success: r,
+      error: s,
+      invalidationKeys: ["videos", "search"]
+    };
+  },
+  relatedVideos(e) {
+    const { videoId: i, context: t, collectionId: r, moviesAndTv: s } = e;
+    return {
+      url: d.relatedVideos(e),
+      key: `related:videos:${i}:${t}:${r}:${s}`
+    };
+  },
+  collectionVideos(e, i, t, r, s, n) {
+    const o = C.getVideoSortParam(i), { VIDEO_COLLECTION: u, CLIP_COLLECTION: c, INTERACTIVE: b } = l, g = `videos[${u}]`, j = `clips[${c}]`, I = `interactives[${b}]{status:[${y.Published},${y.Draft}]}`, O = {
+      query: `(${g}|${j}|${I})${o ? `{${o}}` : ""}`,
+      permissionFilterOption: $.FilterOut,
+      ...t ? { cursor: t } : {}
+    }, V = ["folder", "videos", e, t, i].filter((E) => !!E).join(":");
+    return {
+      url: a.urlBuilder(`{gateway}/v1/objects/${e}/members`, O),
+      key: V,
+      success: r,
+      error: s,
+      always: n
+    };
+  },
+  pointsOfInterest(e, i, t, r, s) {
+    const n = { query: "{limit:100}", cursor: i };
+    return {
+      url: a.urlBuilder(`{gateway}/v1/objects/${e}/pointsofinterest`, n),
+      publicUrl: a.urlBuilder(`/api/objects/${e}/pointsofinterest`, n),
+      key: `pointsofinterest:${e}${i ? `:${i}` : ""}`,
+      success: t,
+      error: r,
+      always: s
+    };
+  },
+  regionAlternatives(e, i, t, r) {
+    return {
+      url: `/api/objects/videos/${e}/region-alternatives`,
+      publicUrl: `/api/objects/videos/${e}/region-alternatives`,
+      key: `video:regionAlternatives:${e}`,
+      normalize: !1,
+      success: i,
+      error: t,
+      always: r
+    };
+  }
+};
+export {
+  f as V
+};

package/dist/VideoSortSelect-3JfrvPfj.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./app-DcIbciDa.cjs"),d=require("./MediaQueries-CE9Kbs0e.cjs"),j=require("./PartialLoadingHelper-D42uOdDd.cjs"),L="shared.breadcrumbComponent",N=e.LanguageService.encloseNamespace(L),b=64,p=48,l=e.reactExports.forwardRef((t,n)=>{const{breadcrumb:{name:s,appLink:r,active:x},withBackIcon:u}=t;let i=s,o=null;return i.length>p&&(i=s.slice(0,p)+"...",o=s),e.jsxRuntimeExports.jsx("li",{className:`breadcrumb-item${x?" active":""}`,title:o,children:x?e.jsxRuntimeExports.jsx("strong",{children:i}):e.jsxRuntimeExports.jsxs(e.AppLink,{appLink:r,ref:n,children:[u&&e.jsxRuntimeExports.jsx(e.SvgContainer,{svg:j.ChevronLeftSvg,size:e.SvgContainerSize.Small}),e.jsxRuntimeExports.jsx("span",{className:u?"ms-2":"",children:i})]})})}),P=({breadcrumbs:t})=>{const n=e.useMediaQuery(d.MediaQueryStrings.XS),s=(t==null?void 0:t.length)||0,[r,x]=e.reactExports.useState(!1),[u,i]=e.reactExports.useState(!1),o=e.reactExports.useRef(null);e.reactExports.useEffect(()=>{const c=(t==null?void 0:t.reduce((m,v)=>m+v.name.length,0))??0;s>4&&c>b&&x(!0)},[t==null?void 0:t.length]),e.reactExports.useLayoutEffect(()=>{var c;u&&((c=o.current)==null||c.focus())},[o.current,u]);function E(){x(!1),i(!0)}if(!s||n&&s<2)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});if(n)return e.jsxRuntimeExports.jsx("nav",{"aria-label":"breadcrumb",children:e.jsxRuntimeExports.jsx("ol",{className:"breadcrumb m-0 p-0",children:e.jsxRuntimeExports.jsx(l,{breadcrumb:t[s-2],withBackIcon:!0})})});const h=e.jsxRuntimeExports.jsx(l,{breadcrumb:t[0]}),R=s>2?e.jsxRuntimeExports.jsx(l,{breadcrumb:t[1]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),S=s>3?e.jsxRuntimeExports.jsx(l,{breadcrumb:t[s-2]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),f=s>1?e.jsxRuntimeExports.jsx(l,{breadcrumb:t[s-1]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),y=t.slice(2,s-2);return e.jsxRuntimeExports.jsx("nav",{"aria-label":"breadcrumb",children:e.jsxRuntimeExports.jsxs("ol",{className:"breadcrumb m-0 p-0",children:[h,R,r?e.jsxRuntimeExports.jsx("li",{className:"breadcrumb-item",children:e.jsxRuntimeExports.jsx("button",{className:"btn-link",onClick:E,"aria-label":N("expand"),children:"..."})}):y.map((c,m)=>e.jsxRuntimeExports.jsx(l,{breadcrumb:c,ref:m===0?o:null},m)),S,f]})})},T=e.reactExports.memo(function({numItems:t=3}){return e.useMediaQuery(d.MediaQueryStrings.XS)?e.jsxRuntimeExports.jsx("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):e.jsxRuntimeExports.jsx("nav",{"aria-label":"breadcrumb",children:e.jsxRuntimeExports.jsx("ol",{className:"breadcrumb m-0 p-0",children:j.PartialLoadingHelper.getPartialLoadingItems({numItems:t}).map(({width:s},r)=>e.jsxRuntimeExports.jsx("li",{className:"breadcrumb-item",children:e.jsxRuntimeExports.jsx("span",{className:"d-inline-block partial-loading-background",style:{width:s},dangerouslySetInnerHTML:{__html:"&nbsp"}})},r))})})}),a="shared.videoSortSelect",w=e.FunctionHelper.memoize(()=>({[e.VideoSortType.RecentlyAdded]:{name:e.LanguageService.getPhrase(a,"recentlyAdded")},[e.VideoSortType.AtoZ]:{name:e.LanguageService.getPhrase(a,"atoz")},[e.VideoSortType.ZtoA]:{name:e.LanguageService.getPhrase(a,"ztoa")},[e.VideoSortType.Newest]:{name:e.LanguageService.getPhrase(a,"newest")},[e.VideoSortType.Oldest]:{name:e.LanguageService.getPhrase(a,"oldest")},[e.VideoSortType.Series]:{name:e.LanguageService.getPhrase(a,"series")}}));function A(t){let n=w();return t&&(n={[e.VideoSortType.ProductionYear]:{name:e.LanguageService.getPhrase(a,"productionYear")},...n}),n}g.defaultProps={variant:"light"};function g(t){const n=t.sortTypes||A(t.includeProductionYear);return e.jsxRuntimeExports.jsxs("div",{className:"dropdown",children:[e.jsxRuntimeExports.jsx("button",{className:`btn btn-${t.variant} ms-2 dropdown-toggle`,type:"button",id:"sort-select","data-bs-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false",children:n[t.type].name}),e.jsxRuntimeExports.jsx("ul",{className:"dropdown-menu dropdown-menu-end","aria-labelledby":"sort-select",children:Object.keys(n).map(s=>{let r="dropdown-item";return s===t.type&&(r+=" active"),e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx(e.AppLink,{className:r,appLink:t.getSortAppLink(s),analyticsData:{sort:n[s].name},analyticsOptions:t.analyticsOptions,children:n[s].name})},s)})})]})}exports.Breadcrumbs=P;exports.PartialBreadcrumbs=T;exports.VideoSortSelect=g;

package/dist/VideoSortSelect-DS9Uvc-S.js

@@ -0,0 +1,116 @@
+import { r as i, _ as f, j as e, L as r, ao as j, G as C, Q as T, F as A, am as l } from "./app-2U039aX_.js";
+import { M as S } from "./MediaQueries-9caJ2eG6.js";
+import { P as E, C as k } from "./PartialLoadingHelper-DIas6hnM.js";
+const M = "shared.breadcrumbComponent", F = r.encloseNamespace(M), R = 64, x = 48, u = i.forwardRef((t, n) => {
+  const { breadcrumb: { name: a, appLink: s, active: p }, withBackIcon: h } = t;
+  let c = a, d = null;
+  return c.length > x && (c = a.slice(0, x) + "...", d = a), /* @__PURE__ */ e.jsx(
+    "li",
+    {
+      className: `breadcrumb-item${p ? " active" : ""}`,
+      title: d,
+      children: p ? /* @__PURE__ */ e.jsx("strong", { children: c }) : /* @__PURE__ */ e.jsxs(j, { appLink: s, ref: n, children: [
+        h && /* @__PURE__ */ e.jsx(C, { svg: k, size: T.Small }),
+        /* @__PURE__ */ e.jsx("span", { className: h ? "ms-2" : "", children: c })
+      ] })
+    }
+  );
+}), G = ({ breadcrumbs: t }) => {
+  const n = f(S.XS), a = (t == null ? void 0 : t.length) || 0, [s, p] = i.useState(!1), [h, c] = i.useState(!1), d = i.useRef(null);
+  i.useEffect(() => {
+    const m = (t == null ? void 0 : t.reduce((g, w) => g + w.name.length, 0)) ?? 0;
+    a > 4 && m > R && p(!0);
+  }, [t == null ? void 0 : t.length]), i.useLayoutEffect(() => {
+    var m;
+    h && ((m = d.current) == null || m.focus());
+  }, [d.current, h]);
+  function y() {
+    p(!1), c(!0);
+  }
+  if (!a || n && a < 2)
+    return /* @__PURE__ */ e.jsx(e.Fragment, {});
+  if (n)
+    return /* @__PURE__ */ e.jsx("nav", { "aria-label": "breadcrumb", children: /* @__PURE__ */ e.jsx("ol", { className: "breadcrumb m-0 p-0", children: /* @__PURE__ */ e.jsx(u, { breadcrumb: t[a - 2], withBackIcon: !0 }) }) });
+  const N = /* @__PURE__ */ e.jsx(u, { breadcrumb: t[0] }), v = a > 2 ? /* @__PURE__ */ e.jsx(u, { breadcrumb: t[1] }) : /* @__PURE__ */ e.jsx(e.Fragment, {}), P = a > 3 ? /* @__PURE__ */ e.jsx(u, { breadcrumb: t[a - 2] }) : /* @__PURE__ */ e.jsx(e.Fragment, {}), b = a > 1 ? /* @__PURE__ */ e.jsx(u, { breadcrumb: t[a - 1] }) : /* @__PURE__ */ e.jsx(e.Fragment, {}), L = t.slice(2, a - 2);
+  return /* @__PURE__ */ e.jsx("nav", { "aria-label": "breadcrumb", children: /* @__PURE__ */ e.jsxs("ol", { className: "breadcrumb m-0 p-0", children: [
+    N,
+    v,
+    s ? /* @__PURE__ */ e.jsx("li", { className: "breadcrumb-item", children: /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        className: "btn-link",
+        onClick: y,
+        "aria-label": F("expand"),
+        children: "..."
+      }
+    ) }) : L.map((m, g) => /* @__PURE__ */ e.jsx(
+      u,
+      {
+        breadcrumb: m,
+        ref: g === 0 ? d : null
+      },
+      g
+    )),
+    P,
+    b
+  ] }) });
+}, Q = i.memo(function({ numItems: t = 3 }) {
+  return f(S.XS) ? /* @__PURE__ */ e.jsx("div", { className: "partial-loading-background", style: { height: "1.3125rem", width: "6rem" } }) : /* @__PURE__ */ e.jsx("nav", { "aria-label": "breadcrumb", children: /* @__PURE__ */ e.jsx("ol", { className: "breadcrumb m-0 p-0", children: E.getPartialLoadingItems({ numItems: t }).map(({ width: a }, s) => /* @__PURE__ */ e.jsx("li", { className: "breadcrumb-item", children: /* @__PURE__ */ e.jsx("span", { className: "d-inline-block partial-loading-background", style: { width: a }, dangerouslySetInnerHTML: { __html: "&nbsp" } }) }, s)) }) });
+}), o = "shared.videoSortSelect", _ = A.memoize(() => ({
+  [l.RecentlyAdded]: {
+    name: r.getPhrase(o, "recentlyAdded")
+  },
+  [l.AtoZ]: {
+    name: r.getPhrase(o, "atoz")
+  },
+  [l.ZtoA]: {
+    name: r.getPhrase(o, "ztoa")
+  },
+  [l.Newest]: {
+    name: r.getPhrase(o, "newest")
+  },
+  [l.Oldest]: {
+    name: r.getPhrase(o, "oldest")
+  },
+  [l.Series]: {
+    name: r.getPhrase(o, "series")
+  }
+}));
+function B(t) {
+  let n = _();
+  return t && (n = {
+    [l.ProductionYear]: {
+      name: r.getPhrase(o, "productionYear")
+    },
+    ...n
+  }), n;
+}
+O.defaultProps = {
+  variant: "light"
+};
+function O(t) {
+  const n = t.sortTypes || B(t.includeProductionYear);
+  return /* @__PURE__ */ e.jsxs("div", { className: "dropdown", children: [
+    /* @__PURE__ */ e.jsx("button", { className: `btn btn-${t.variant} ms-2 dropdown-toggle`, type: "button", id: "sort-select", "data-bs-toggle": "dropdown", "aria-haspopup": "true", "aria-expanded": "false", children: n[t.type].name }),
+    /* @__PURE__ */ e.jsx("ul", { className: "dropdown-menu dropdown-menu-end", "aria-labelledby": "sort-select", children: Object.keys(n).map((a) => {
+      let s = "dropdown-item";
+      return a === t.type && (s += " active"), /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
+        j,
+        {
+          className: s,
+          appLink: t.getSortAppLink(a),
+          analyticsData: {
+            sort: n[a].name
+          },
+          analyticsOptions: t.analyticsOptions,
+          children: n[a].name
+        }
+      ) }, a);
+    }) })
+  ] });
+}
+export {
+  G as B,
+  Q as P,
+  O as V
+};

package/dist/VisibleOnSvg-BisjF586.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./app-DcIbciDa.cjs");var x={exports:{}},a;function o(){return a||(a=1,function(e){function s(){return e.exports=s=Object.assign?Object.assign.bind():function(u){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(u[i]=n[i])}return u},e.exports.__esModule=!0,e.exports.default=e.exports,s.apply(null,arguments)}e.exports=s,e.exports.__esModule=!0,e.exports.default=e.exports}(x)),x.exports}function p(e){return r.jsxRuntimeExports.jsxs("svg",{...e,children:[r.jsxRuntimeExports.jsx("defs",{children:r.jsxRuntimeExports.jsx("path",{id:"a",d:"M3 12c0-2.44 4.5-6.025 9.003-6C16.494 6.025 21 9.614 21 12c0 2.45-4.504 6-9 6-4.466 0-9-3.586-9-6m1 0c0 1.804 4.042 5 8 5 3.989 0 8-3.161 8-5 0-1.778-4.017-4.977-8.003-5C8.006 6.978 4 10.17 4 12m8 4a4 4 0 1 1 0-8 4 4 0 0 1 0 8m0-1a3 3 0 1 0 0-6 3 3 0 0 0 0 6",fill:"currentColor"})}),r.jsxRuntimeExports.jsx("use",{xlinkHref:"#a",fill:"#333"})]})}exports.VisibleOnSvg=p;exports.require_extends=o;

package/dist/VisibleOnSvg-WDCQPPvV.js

@@ -0,0 +1,33 @@
+import { j as e } from "./app-2U039aX_.js";
+var x = { exports: {} }, o;
+function u() {
+  return o || (o = 1, function(r) {
+    function s() {
+      return r.exports = s = Object.assign ? Object.assign.bind() : function(i) {
+        for (var t = 1; t < arguments.length; t++) {
+          var n = arguments[t];
+          for (var a in n) ({}).hasOwnProperty.call(n, a) && (i[a] = n[a]);
+        }
+        return i;
+      }, r.exports.__esModule = !0, r.exports.default = r.exports, s.apply(null, arguments);
+    }
+    r.exports = s, r.exports.__esModule = !0, r.exports.default = r.exports;
+  }(x)), x.exports;
+}
+function f(r) {
+  return /* @__PURE__ */ e.jsxs("svg", { ...r, children: [
+    /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        id: "a",
+        d: "M3 12c0-2.44 4.5-6.025 9.003-6C16.494 6.025 21 9.614 21 12c0 2.45-4.504 6-9 6-4.466 0-9-3.586-9-6m1 0c0 1.804 4.042 5 8 5 3.989 0 8-3.161 8-5 0-1.778-4.017-4.977-8.003-5C8.006 6.978 4 10.17 4 12m8 4a4 4 0 1 1 0-8 4 4 0 0 1 0 8m0-1a3 3 0 1 0 0-6 3 3 0 0 0 0 6",
+        fill: "currentColor"
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx("use", { xlinkHref: "#a", fill: "#333" })
+  ] });
+}
+export {
+  f as V,
+  u as r
+};