@clickview/lite 0.52.3-dev.1 → 0.52.3-dev.2

package/dist/scripts/209-fe96739cb5-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[209],{49935:(e,t,n)=>{n.d(t,{Oo:()=>v,b2:()=>g});var r=n(32735),a=n(23481),l=n(36848),i=n(86764),c=n(3747),o=n(5859),u=n(35223),s=n(83914);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,c=[],o=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var f=a.T.encloseNamespace("shared.breadcrumbComponent"),p=r.forwardRef((function(e,t){var n=e.breadcrumb,a=n.name,i=n.appLink,c=n.active,o=e.withBackIcon;return r.createElement("li",{className:"breadcrumb-item".concat(c?" active":"")},c?r.createElement("strong",null,a):r.createElement(l.F,{appLink:i,ref:t},o&&r.createElement(s.x,{svgName:u.vn.ChevronLeft,size:s.S.Small}),r.createElement("span",{className:o?"ms-2":""},a)))})),v=function(e){var t=e.breadcrumbs,n=(0,c.a)(i.r.XS),a=(null==t?void 0:t.length)||0,l=m(r.useState(!1),2),o=l[0],u=l[1],s=m(r.useState(!1),2),d=s[0],v=s[1],g=r.useRef();if(r.useEffect((function(){var e,n=null!==(e=null==t?void 0:t.reduce((function(e,t){return e+t.name.length}),0))&&void 0!==e?e:0;a>3&&n>56&&u(!0)}),[null==t?void 0:t.length]),r.useLayoutEffect((function(){var e;d&&(null===(e=g.current)||void 0===e||e.focus())}),[g.current,d]),!a||n&&a<2)return r.createElement(r.Fragment,null);if(n)return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},r.createElement(p,{breadcrumb:t[a-2],withBackIcon:!0})));var b=r.createElement(p,{breadcrumb:t[0]}),E=a>2?r.createElement(p,{breadcrumb:t[a-2]}):r.createElement(r.Fragment,null),y=r.createElement(p,{breadcrumb:t[a-1]}),h=t.slice(1,a-2);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},b,o?r.createElement("li",{className:"breadcrumb-item"},r.createElement("button",{className:"btn-link",onClick:function(){u(!1),v(!0)},"aria-label":f("expand")},"...")):h.map((function(e,t){return r.createElement(p,{key:t,breadcrumb:e,ref:0===t?g:null})})),E,y))},g=r.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,c.a)(i.r.XS)?r.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},o.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},99705:(e,t,n)=>{var r,a;n.d(t,{b:()=>a}),function(e){e.AddToPlaylist="115005679748",e.EditSsoAccounts="8202508040345",e.LibraryEditor="360001974533",e.VideoAccess="360000153947",e.AddFromOnline="360011718234",e.UploadToLibraryEditor="360012069334",e.PBTErrorCodes="360012421153",e.ManuelReview="360020004534",e.LibraryReview="360000163788"}(r||(r={})),function(e){e.Integrations="4407268725529",e.Classrooms="4405362551833",e.MakeInteractive="4405370510873",e.EditSsoAccounts="8202605666073",e.UploadToLibraryEditor="10672936659865",e.AddFromLite="10671345281561",e.ManageSsoYearGroups="14691130889241",e.ContentReview="18525199576601",e.ContentPermissions="14692125209497",e.AccessSettings="22110291468057",e.ContentGuidelines="24133696186009",e.FoxtelFaq="24133519542169",e.ViviIntegration="23826297956377",e.AppleTvIntegration="25832373739929",e.RssFeed="32567445635097"}(a||(a={}))},5859:(e,t,n)=>{function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,{u:()=>l});var a={numItems:5,minWidth:50,maxWidth:100},l={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},a),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*n.maxWidth),n.minWidth),"px")}}))}}},81803:(e,t,n)=>{n.d(t,{d:()=>p});var r=n(32735),a=n(81886),l=n(23481),i=n(49935),c=n(22902),o=n(14070),u=n(97291),s=n(96368);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var d="settings.settingsLayout",f=function(e){var t=(0,c.T)().hasPermissions,n=(0,s.e)();if(e)return t(e);var r=a.Q.C$.getCurrentAppLink();return r.application!==u.O.SETTINGS||n.some((function(e){return e.modules.some((function(e){return"appLink"in e&&e.appLink.action===r.action}))}))};function p(e){var t,n=f(e.requiredPermissions);if(r.useEffect((function(){n||a.Q.C$.trigger({application:u.O.SETTINGS,action:o.e.Settings.HOME},{replace:!0})}),[n]),!n)return r.createElement(r.Fragment,null);var c,s=e.breadcrumbs.map((function(t,n){return{name:t,appLink:{application:u.O.SETTINGS,action:o.e.Settings.HOME},active:n===e.breadcrumbs.length-1}}));return r.createElement("div",{className:"px-3"},r.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.createElement("h1",{className:"h2"},e.heading),null===(t=e.headingButton)||void 0===t?void 0:t.call(e)),r.createElement("div",{className:"pb-3"},r.createElement(i.Oo,{breadcrumbs:[{name:l.T.getPhrase(d,"settingsBreadcrumb"),appLink:{application:u.O.SETTINGS,action:o.e.Settings.HOME}}].concat((c=s,function(e){if(Array.isArray(e))return m(e)}(c)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(c)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(c)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))})),e.description&&r.createElement(r.Fragment,null,r.createElement("p",null,e.description),r.createElement("hr",null)),e.children)}},61324:(e,t,n)=>{n.r(t),n.d(t,{ContentPermissionsView:()=>_});var r=n(32735),a=n(70680),l=n(23481),i=n(97395),c=n(20354),o=n(1048),u=n(98461),s=n(2102),m=n(69674),d=n(83345),f=n(99705),p=n(39151),v=n(1666),g=n(31949),b=n(69883),E=n(87348),y=n(79612),h=n(12778),S=n(24965),N=n(81803);const w={row:"jSsH6",headerCell:"OiarJ",opaqueRating:"JUpUV",partialNameColumn:"SzdZi",partialRatingColumn:"LEWRI",partialHeading:"bE8aX",partialName:"yKKFv",partialRating:"zeYNd"};function C(){return r.createElement("div",{className:"d-flex striped-row rounded py-2 ".concat(w.row)},r.createElement("div",{className:"d-flex align-items-center ps-3 me-n2 ".concat(w.partialNameColumn)},r.createElement("div",{className:"partial-loading-background ".concat(w.partialName)})),r.createElement("div",{className:"d-flex align-items-center pe-2 ".concat(w.partialRatingColumn)},r.createElement("div",{className:"partial-loading-background ".concat(w.partialRating)})))}function A(){return r.createElement("div",{className:"d-flex py-2 mb-1"},r.createElement("div",{className:"".concat(w.partialNameColumn," ps-3 me-n2")},r.createElement("div",{className:"partial-loading-background ".concat(w.partialHeading)})),r.createElement("div",{className:"".concat(w.partialRatingColumn," pe-2")},r.createElement("div",{className:"partial-loading-background ".concat(w.partialHeading)})))}function k(){return r.createElement(r.Fragment,null,r.createElement("div",{className:"mb-3"},r.createElement(A,null),r.createElement("div",{className:"striped-list no-full-width"},r.createElement(C,null),r.createElement(C,null),r.createElement(C,null),r.createElement(C,null),r.createElement(C,null),r.createElement(C,null),r.createElement(C,null),r.createElement(C,null),r.createElement(C,null),r.createElement(C,null),r.createElement(C,null),r.createElement(C,null),r.createElement(C,null),r.createElement(C,null))))}var I=n(75896),T=n(76439),x=n(76177),O=n(81993),j=l.T.encloseNamespace("settings.contentPermissions"),G="staff";function L(e,t,n){return[{Header:j("yearGroup"),id:"yearGroup",accessor:"yearGroup",Cell:function(e){var t=e.value;return r.createElement("div",{className:"w-100 ps-3"},t.name)},width:20},{Header:j("rating"),id:"ratings",accessor:"ratings",Cell:function(a){var l=a.value,i=l.yearGroup.id===G,c=r.createElement("div",{className:"me-n1"},r.createElement(T.P,{ratings:l.ratings,yearGroup:l.yearGroup,yearGroups:n,selections:e(l.yearGroup),onSelectRange:function(e){return t(l.yearGroup,I.m.last(e))},disabled:!1,isDisabled:function(){return i},getButtonClasses:function(e,t,n,r){var a="badge rating-badge text-shadow d-flex justify-content-center me-1",l=O.u.mapRatingToClass(e.value);return r&&!i||(a+=" ".concat(w.opaqueRating)),a+(i?" cursor-default ".concat(l):t||n&&r?" "+l:" bg-gray-500")}}));return i?r.createElement(x.u,{title:j("staffTooltip"),spanHack:!0},c):c},width:40}]}function M(e,t){var n=e.map((function(e){return{yearGroup:e,ratings:{yearGroup:e,ratings:t.map((function(t){var n;return(null===(n=e.rating)||void 0===n?void 0:n.code)===t.code?Object.assign(Object.assign({},t),{active:!0}):t}))}}})),r={id:G,name:j("staff")};return n.push({yearGroup:r,ratings:{yearGroup:r,ratings:t}}),n}function R(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,c=[],o=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return F(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?F(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function F(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var U="settings.contentPermissions",P=l.T.encloseNamespace(U);function B(e){return r.createElement(s.m,{onClick:e.onClick,showSpinner:e.showSpinner,disabled:e.isDisabled,className:"text-nowrap me-2",variant:"dark"},r.createElement(d.x,{namespace:U,phrase:"save"}))}var H={table:"striped-list no-full-width mb-3",header:"fw-semibold pb-1",headerCell:"py-2 pe-2 ".concat(w.headerCell),row:"striped-row rounded ".concat(w.row),cell:"d-flex align-items-center py-2 pe-2"};function _(){var e,t=R(r.useState(!1),2),n=t[0],l=t[1],s=(0,E.Q)().isUpgrading,w=c.a.useBasicFetch(p.L.config()),C=c.a.useBasicFetch(g.N.currentUser()),A=c.a.useBasicFetch(S.Z.ratings()),I=c.a.useBasicFetch(C.data&&v.h.yearGroups(C.data.customerId)),T=R(r.useState(null),2),x=T[0],O=T[1],j=R(r.useState(null),2),F=j[0],_=j[1],W=R(r.useState(!1),2),$=W[0],q=W[1],D=(0,a.I0)(),V=(0,b.Z)();(0,y.M)({title:P("pageTitle")}),r.useEffect((function(){I.hasCompleted&&(O(I.data),_(I.data))}),[I.hasCompleted]),r.useEffect((function(){var e;F&&q((e=F).every((function(t,n){if(0===n)return!0;var r=e[n-1];return t.rating.value>=r.rating.value})))}),[F]);var Z=r.useMemo((function(){return!(!x||!F||o.t.isEqual(x,F))}),[x,F]);function z(){l(!0);var e=F.filter((function(e){return I.data.find((function(t){var n,r;return t.id===e.id&&(null===(n=t.rating)||void 0===n?void 0:n.id)!==(null===(r=e.rating)||void 0===r?void 0:r.id)}))})),t=v.h.updateYearGroupRatings(C.data.customerId,e,Q,X);c.a.fetch(D,t)}function Q(){V.success(P("success")),l(!1),O(F)}function X(){V.error(P("error")),l(!1)}var Y=!!F&&A.hasCompleted,J=h.o.getLiteArticle(f.b.ContentPermissions),K=s||!Z||!$;return r.createElement(N.d,{heading:P("heading"),breadcrumbs:[P("breadcrumb")]},s&&(null===(e=w.data)||void 0===e?void 0:e.onlineUrl)&&r.createElement("div",{className:"alert alert-danger",role:"alert"},r.createElement(d.x,{namespace:U,phrase:"upgradeWarning",options:{url:i._.safeUrlConcat(w.data.onlineUrl,"/ManageUsers/GroupAccess")}})),r.createElement("div",{className:"d-flex justify-content-between align-items-center"},r.createElement("p",null,r.createElement(d.x,{namespace:U,phrase:"description"})),r.createElement(B,{isDisabled:K,showSpinner:n,onClick:z})),r.createElement("p",null,r.createElement("small",null,r.createElement(d.x,{namespace:U,phrase:"note"}))),r.createElement("p",null,r.createElement(u.d,{href:J,className:"info-link",newTab:!0},r.createElement(d.x,{namespace:U,phrase:"learnMore"}))),Y?r.createElement(m.i,{columns:L((function(e){if(e.id===G)return A.data;var t=F.find((function(t){return t.id===e.id}));return t.rating?A.data.filter((function(e){return e.value<=t.rating.value})):[]}),(function(e,t){e.id!==G&&_((function(n){return n.map((function(n){if(n)return n.id===e.id||n.value>e.value&&n.rating.value<t.value||n.value<e.value&&n.rating.value>t.value?Object.assign(Object.assign({},n),{rating:t}):n}))}))}),F),data:M(I.data,A.data),theme:H}):r.createElement(k,null),r.createElement("div",{className:"d-flex justify-content-end pb-3"},r.createElement(B,{isDisabled:K,showSpinner:n,onClick:z})))}},24965:(e,t,n)=>{n.d(t,{Z:()=>a});var r=n(97395),a={ratings:function(e){return{url:"/api/domain/v2/me/ratings",publicUrl:r._.urlBuilder("/api/domain/v2/me/ratings",{countryCode:e}),key:"ratings",formatData:function(e){return e.sort((function(e,t){return e.value-t.value}))}}}}}}]);
+//# sourceMappingURL=209-fe96739cb5-lite.chunk.js.map

package/dist/scripts/209-fe96739cb5-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/209-fe96739cb5-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/enums/SupportArticle.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/settings/components/settings-layout/SettingsLayout.tsx","file:///app/packages/projects/lite/src/apps/settings/views/content-permissions/content-permissions.scss","file:///app/packages/projects/lite/src/apps/settings/views/content-permissions/partial-loading/PartialContentPermissionsTable.tsx","file:///app/packages/projects/lite/src/apps/settings/views/content-permissions/ContentPermissionsViewUtils.tsx","file:///app/packages/projects/lite/src/apps/settings/views/content-permissions/ContentPermissionsView.tsx","file:///app/packages/projects/lite/src/shared/flight-requests/RatingRequests.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst namespace = 'shared.breadcrumbComponent';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst COLLAPSE_CHARACTER_COUNT = 56;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = React.forwardRef((\n  props: BreadcrumbItemProps,\n  ref: React.ForwardedRef<HTMLElement>\n) => {\n  const { breadcrumb: { name, appLink, active }, withBackIcon } = props;\n  return (\n    <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n      {active\n        ? <strong>{name}</strong>\n        : <AppLink appLink={appLink} ref={ref}>\n          {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n          <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n        </AppLink>\n      }\n    </li>\n  );\n});\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n  const [ shouldFocus, setShouldFocus ] = React.useState(false);\n  const expandRef = React.useRef<HTMLElement>();\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 3 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  /**\n   * Focus our first expanded item the first time it appears.\n   */\n  React.useLayoutEffect(() => {\n    if (shouldFocus)\n      expandRef.current?.focus();\n  }, [ expandRef.current, shouldFocus ]);\n\n  function onClickExpand() {\n    setCollapse(false);\n    setShouldFocus(true);\n  }\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const secondLast = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} />;\n  const rest = breadcrumbs.slice(1, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button\n              className='btn-link'\n              onClick={onClickExpand}\n              aria-label={getPhrase('expand')}\n            >\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => (\n            <BreadcrumbItem\n              key={idx}\n              breadcrumb={breadcrumb}\n              ref={idx === 0 ? expandRef : null}\n            />\n          ))\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// Article name mapped to article ID on support site. Used by `ArticleHelper`\n\nexport enum OnlineSupportArticle {\n  AddToPlaylist = '115005679748',\n  EditSsoAccounts = '8202508040345',\n\n  // LE\n  LibraryEditor = '360001974533',\n  VideoAccess = '360000153947',\n  AddFromOnline = '360011718234',\n  UploadToLibraryEditor = '360012069334',\n  PBTErrorCodes = '360012421153',\n  ManuelReview = '360020004534',\n  LibraryReview = '360000163788',\n}\n\nexport enum LiteSupportArticle {\n  Integrations = '4407268725529',\n  Classrooms = '4405362551833',\n  MakeInteractive = '4405370510873',\n  EditSsoAccounts = '8202605666073',\n  UploadToLibraryEditor = '10672936659865',\n  AddFromLite = '10671345281561',\n  ManageSsoYearGroups = '14691130889241',\n  ContentReview = '18525199576601',\n  ContentPermissions = '14692125209497',\n  AccessSettings = '22110291468057',\n  ContentGuidelines = '24133696186009',\n  FoxtelFaq = '24133519542169',\n  ViviIntegration = '23826297956377',\n  AppleTvIntegration = '25832373739929',\n  RssFeed = '32567445635097'\n}\n","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { useGetSettingsGroups } from 'apps/settings/hooks/useGetSettingsGroups';\n\nconst namespace = 'settings.settingsLayout';\n\n/**\n * Checks if the current user has permission to access the settings module\n */\nexport const useCanAccessSettings = (requiredPermissions: PermissionName | PermissionName[]): boolean => {\n  const { hasPermissions } = usePermissions();\n  const settingsGroups = useGetSettingsGroups();\n\n  /**\n   * TODO: Update all settings pages to pasas required permissions, because checking the \n   * `useGetSettingsGroups()` values clearly doesnt work for settings pages with multiple\n   * applinks inside of them. - Sha\n   */\n  if (requiredPermissions)\n    return hasPermissions(requiredPermissions);\n\n  const currentRoute = Core.AppLinkHelper.getCurrentAppLink();\n\n  /**\n   * Allows us to have popups sitting in other locations be used\n   * by our settings pages. For example the manage video access popup\n   * in the \"videos with restricted access\" page - Sha\n   */\n  if (currentRoute.application !== AppChannels.SETTINGS)\n    return true;\n\n  return settingsGroups.some(group => {\n    return group.modules.some(settingsModule => {\n      if ('appLink' in settingsModule) {\n        return settingsModule.appLink.action === currentRoute.action;\n      }\n\n      return false;\n    });\n  });\n};\n\ninterface SettingsLayoutProps {\n  heading: string;\n  breadcrumbs: string[];\n  description?: string;\n  requiredPermissions?: PermissionName | PermissionName[];\n  headingButton?: () => JSX.Element;\n}\n\nexport function SettingsLayout(props: React.PropsWithChildren<SettingsLayoutProps>): JSX.Element {\n  const canAccess = useCanAccessSettings(props.requiredPermissions);\n\n  React.useEffect(() => {\n    if (!canAccess) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.HOME\n      }, { replace: true });\n    }\n  }, [canAccess]);\n\n  if (!canAccess)\n    return <></>;\n\n  const breadcrumbs = props.breadcrumbs.map((name, i) => ({\n    name,\n    appLink: {\n      application: AppChannels.SETTINGS,\n      action: Actions.Settings.HOME\n    },\n    active: i === props.breadcrumbs.length - 1\n  }));\n\n  return (\n    <div className='px-3'>\n      <div className='d-flex align-items-center justify-content-between'>\n        <h1 className='h2'>{props.heading}</h1>\n        {props.headingButton?.()}\n      </div>\n      <div className='pb-3'>\n        <Breadcrumbs\n          breadcrumbs={[\n            {\n              name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n              appLink: {\n                application: AppChannels.SETTINGS,\n                action: Actions.Settings.HOME\n              }\n            },\n            ...breadcrumbs\n          ]}\n        />\n      </div>\n      {props.description &&\n        <>\n          <p>{props.description}</p>\n          <hr />\n        </>\n      }\n\n      {props.children}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"row\":\"jSsH6\",\"headerCell\":\"OiarJ\",\"opaqueRating\":\"JUpUV\",\"partialNameColumn\":\"SzdZi\",\"partialRatingColumn\":\"LEWRI\",\"partialHeading\":\"bE8aX\",\"partialName\":\"yKKFv\",\"partialRating\":\"zeYNd\"};","import React from 'react';\n\nimport styles from '../content-permissions.scss';\n\nfunction PartialRow(): JSX.Element {\n  return (\n    <div className={`d-flex striped-row rounded py-2 ${styles.row}`}>\n      <div className={`d-flex align-items-center ps-3 me-n2 ${styles.partialNameColumn}`}>\n        <div className={`partial-loading-background ${styles.partialName}`} />\n      </div>\n      <div className={`d-flex align-items-center pe-2 ${styles.partialRatingColumn}`}>\n        <div className={`partial-loading-background ${styles.partialRating}`} />\n      </div>\n    </div>\n  );\n}\n\nfunction PartialHeader(): JSX.Element {\n  return (\n    <div className='d-flex py-2 mb-1'>\n      <div className={`${styles.partialNameColumn} ps-3 me-n2`}>\n        <div className={`partial-loading-background ${styles.partialHeading}`} />\n      </div>\n      <div className={`${styles.partialRatingColumn} pe-2`}>\n        <div className={`partial-loading-background ${styles.partialHeading}`} />\n      </div>\n    </div>\n  );\n}\n\nexport function PartialContentPermissionsTable(): JSX.Element {\n  return (\n    <>\n      <div className='mb-3'>\n        <PartialHeader />\n\n        <div className='striped-list no-full-width'>\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n          <PartialRow />\n        </div>\n      </div>\n    </>\n  );\n}","import React from 'react';\nimport { Column } from 'react-table';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { RatingRangeSelector } from 'libs/shared/components/rating-range-selector/RatingRangeSelector';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { Rating, YearGroup } from 'libs/shared/interfaces';\nimport { VideoDetailsHelper } from 'libs/shared/utils/VideoDetailsHelper';\n\nimport styles from './content-permissions.scss';\n\nconst namespace = 'settings.contentPermissions';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport const STAFF_YEAR_GROUP_ID = 'staff';\n\ninterface MappedRating extends Rating {\n  active?: boolean;\n}\n\ninterface TableData {\n  yearGroup: YearGroup;\n  ratings: {\n    yearGroup: YearGroup;\n    ratings: MappedRating[];\n  };\n}\n\nexport function getContentPermissionsTableColumns(\n  getSelections: (yearGroup: YearGroup) => Rating[],\n  setSelections: (yearGroup: YearGroup, maxRating: Rating) => void,\n  yearGroups: YearGroup[]\n): Column<TableData>[] {\n  return [\n    {\n      Header: getPhrase('yearGroup'),\n      id: 'yearGroup',\n      accessor: 'yearGroup',\n      Cell: ({ value: yearGroup }) => (\n        <div className='w-100 ps-3'>\n          {yearGroup.name}\n        </div>\n      ),\n      width: 20\n    },\n    {\n      Header: getPhrase('rating'),\n      id: 'ratings',\n      accessor: 'ratings',\n      Cell: ({ value: ratings }) => {\n        const isStaff = ratings.yearGroup.id === STAFF_YEAR_GROUP_ID;\n\n        const ratingsList = (\n          <div className='me-n1'>\n            <RatingRangeSelector\n              ratings={ratings.ratings}\n              yearGroup={ratings.yearGroup}\n              yearGroups={yearGroups}\n              selections={getSelections(ratings.yearGroup)}\n              onSelectRange={range => setSelections(ratings.yearGroup, ArrayHelper.last(range))}\n              disabled={false}\n              isDisabled={() => isStaff}\n              getButtonClasses={(rating: Rating, isActive, isHovering, isRatingValid) => {\n                let className = 'badge rating-badge text-shadow d-flex justify-content-center me-1';\n\n                const activeClass = VideoDetailsHelper.mapRatingToClass(rating.value);\n\n                if (!isRatingValid || isStaff)\n                  className += ` ${styles.opaqueRating}`;\n\n                if (isStaff) {\n                  className += ` cursor-default ${activeClass}`;\n                  return className;\n                }\n\n                if (isActive || (isHovering && isRatingValid))\n                  className += ' ' + activeClass;\n                else\n                  className += ' bg-gray-500';\n    \n                return className;\n              }}\n            />\n          </div>\n        );\n\n        if (isStaff) {\n          return (\n            <Tooltip title={getPhrase('staffTooltip')} spanHack>\n              {ratingsList}\n            </Tooltip>\n          );\n        }\n\n        return ratingsList;\n      },\n      width: 40\n    }\n  ];\n}\n\nexport function getContentPermissionsTableData(\n  yearGroups: YearGroup[],\n  ratings: Rating[]\n): TableData[] {\n  const rows = yearGroups.map(yearGroup => {\n    return {\n      yearGroup,\n      ratings: {\n        yearGroup,\n        ratings: ratings.map(rating => {\n          if (yearGroup.rating?.code === rating.code) {\n            return {\n              ...rating,\n              active: true\n            };\n          }\n  \n          return rating;\n        })\n      }\n    };\n  });\n\n  const staffYearGroup = { id: STAFF_YEAR_GROUP_ID, name: getPhrase('staff') } as YearGroup;\n\n  rows.push({\n    yearGroup: staffYearGroup,\n    ratings: {\n      yearGroup: staffYearGroup,\n      ratings\n    }\n  });\n\n  return rows;\n}","import React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { ExternalLink } from 'libs/shared/components/external-link/ExternalLink';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { Table, TableTheme } from 'libs/shared/components/table/Table';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useLiteUpgrade } from 'libs/shared/hooks/UseLiteUpgrade';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Config, CurrentUser, Rating, YearGroup } from 'libs/shared/interfaces';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\n\nimport { RatingRequests } from 'shared/flight-requests/RatingRequests';\n\nimport { SettingsLayout } from 'apps/settings/components/settings-layout/SettingsLayout';\n\nimport { PartialContentPermissionsTable } from './partial-loading/PartialContentPermissionsTable';\nimport { getContentPermissionsTableColumns, getContentPermissionsTableData, STAFF_YEAR_GROUP_ID } from './ContentPermissionsViewUtils';\n\nimport styles from './content-permissions.scss';\n\nconst namespace = 'settings.contentPermissions';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface SaveButtonProps {\n  onClick: () => void;\n  showSpinner: boolean;\n  isDisabled: boolean;\n}\n\nfunction SaveButton(props: SaveButtonProps): JSX.Element {\n  return (\n    <SpinnerButton\n      onClick={props.onClick}\n      showSpinner={props.showSpinner}\n      disabled={props.isDisabled}\n      className='text-nowrap me-2'\n      variant='dark'\n    >\n      <Text namespace={namespace} phrase='save' />\n    </SpinnerButton>\n  );\n}\n\nconst theme: TableTheme = {\n  table: 'striped-list no-full-width mb-3',\n  header: 'fw-semibold pb-1',\n  headerCell: `py-2 pe-2 ${styles.headerCell}`,\n  row: `striped-row rounded ${styles.row}`,\n  cell: 'd-flex align-items-center py-2 pe-2'\n};\n\nexport function ContentPermissionsView(): JSX.Element {\n  const [ showSpinner, setShowSpinner ] = React.useState(false);\n\n  const { isUpgrading } = useLiteUpgrade();\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const ratings = Flight.useBasicFetch<Rating[]>(RatingRequests.ratings());\n\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(currentUser.data &&\n    CustomerRequests.yearGroups(currentUser.data.customerId));\n\n  const [ initialYearGroupRatingMappings, setInitialYearGroupRatingMappings ] = React.useState<YearGroup[]>(null);\n  const [ draftYearGroupRatingMappings, setDraftYearGroupRatingMappings ] = React.useState<YearGroup[]>(null);\n  const [ isContentPermissionsValid, setIsContentPermissionsValid ] = React.useState(false);\n\n  const dispatch = useDispatch();\n  const alerts = useAlerts();\n\n  useSetPageMetadata({ title: getPhrase('pageTitle') });\n\n  React.useEffect(() => {\n    if (!yearGroups.hasCompleted)\n      return;\n\n    setInitialYearGroupRatingMappings(yearGroups.data);\n    setDraftYearGroupRatingMappings(yearGroups.data);\n  }, [yearGroups.hasCompleted]);\n\n  React.useEffect(() => {\n    if (draftYearGroupRatingMappings)\n      setIsContentPermissionsValid(isRatingsAscending(draftYearGroupRatingMappings));\n  }, [draftYearGroupRatingMappings]);\n\n  const hasChanged = React.useMemo(() => {\n    if (!initialYearGroupRatingMappings || !draftYearGroupRatingMappings)\n      return false;\n\n    return !ObjectHelper.isEqual(initialYearGroupRatingMappings, draftYearGroupRatingMappings);\n  }, [ initialYearGroupRatingMappings, draftYearGroupRatingMappings ]);\n\n  function getSelections(yearGroup: YearGroup): Rating[] {\n    if (yearGroup.id === STAFF_YEAR_GROUP_ID)\n      return ratings.data;\n\n    const mapping = draftYearGroupRatingMappings.find(y => y.id === yearGroup.id);\n\n    if (!mapping.rating)\n      return [];\n\n    return ratings.data.filter(r => {\n      return r.value <= mapping.rating.value;\n    });\n  }\n\n  function setSelections(selectedYearGroup: YearGroup, maxRating: Rating): void {\n    if (selectedYearGroup.id === STAFF_YEAR_GROUP_ID)\n      return;\n    \n    setDraftYearGroupRatingMappings(currentVal => {\n      return currentVal.map(yearGroup => {\n        if (!yearGroup)\n          return;\n\n        if (yearGroup.id === selectedYearGroup.id)\n          return {\n            ...yearGroup,\n            rating: maxRating\n          };\n\n        if (yearGroup.value > selectedYearGroup.value && yearGroup.rating.value < maxRating.value) {\n          return {\n            ...yearGroup,\n            rating: maxRating\n          };\n        }\n\n        if (yearGroup.value < selectedYearGroup.value && yearGroup.rating.value > maxRating.value) {\n          return {\n            ...yearGroup,\n            rating: maxRating\n          };\n        }\n        \n        return yearGroup;\n      });\n    });\n  }\n\n  function isRatingsAscending(yearGroupRatingMappings: YearGroup[]) {\n    return yearGroupRatingMappings.every((yearGroup, index) => {\n      if (index === 0) {\n        return true;\n      }\n  \n      const prevYearGroup = yearGroupRatingMappings[index - 1];\n      return yearGroup.rating.value >= prevYearGroup.rating.value;\n    });\n  }\n\n  function onSave(): void {\n    setShowSpinner(true);\n\n    const changes = draftYearGroupRatingMappings.filter(mapping => {\n      return yearGroups.data.find(y => y.id === mapping.id && y.rating?.id !== mapping.rating?.id);\n    });\n\n    const request = CustomerRequests.updateYearGroupRatings(\n      currentUser.data.customerId,\n      changes,\n      onSuccess,\n      onError\n    );\n\n    Flight.fetch(dispatch, request);\n  }\n\n  function onSuccess(): void {\n    alerts.success(getPhrase('success'));\n    setShowSpinner(false);\n    setInitialYearGroupRatingMappings(draftYearGroupRatingMappings);\n  }\n\n  function onError(): void {\n    alerts.error(getPhrase('error'));\n    setShowSpinner(false);\n  }\n\n  const dataLoaded = !!draftYearGroupRatingMappings && ratings.hasCompleted;\n\n  const href = ArticleHelper.getLiteArticle(LiteSupportArticle.ContentPermissions);\n\n  const isDisabled = isUpgrading || !hasChanged || !isContentPermissionsValid;\n\n  return (\n    <SettingsLayout\n      heading={getPhrase('heading')}\n      breadcrumbs={[getPhrase('breadcrumb')]}\n    >\n      {isUpgrading && config.data?.onlineUrl &&\n        <div className='alert alert-danger' role='alert'>\n          <Text\n            namespace={namespace}\n            phrase='upgradeWarning'\n            options={{ url: UrlHelper.safeUrlConcat(config.data.onlineUrl, '/ManageUsers/GroupAccess') }}\n          />\n        </div>\n      }\n      <div className='d-flex justify-content-between align-items-center'>\n        <p><Text namespace={namespace} phrase={'description'} /></p>\n        <SaveButton\n          isDisabled={isDisabled}\n          showSpinner={showSpinner}\n          onClick={onSave}\n        />\n      </div>\n      <p>\n        <small><Text namespace={namespace} phrase={'note'} /></small>\n      </p>\n      <p>\n        <ExternalLink\n          href={href}\n          className='info-link'\n          newTab\n        >\n          <Text namespace={namespace} phrase='learnMore' />\n        </ExternalLink>\n      </p>\n      {dataLoaded ? (\n        <Table\n          columns={getContentPermissionsTableColumns(getSelections, setSelections, draftYearGroupRatingMappings)}\n          data={getContentPermissionsTableData(yearGroups.data, ratings.data)}\n          theme={theme}\n        />\n      ) : <PartialContentPermissionsTable />}\n\n      <div className='d-flex justify-content-end pb-3'>\n        <SaveButton\n          isDisabled={isDisabled}\n          showSpinner={showSpinner}\n          onClick={onSave}\n        />\n      </div>\n    </SettingsLayout>\n  );\n}","import { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\n\nimport { Rating } from 'libs/shared/interfaces';\n\nexport const RatingRequests = {\n  ratings(countryCode?: string): Flight.PublicRequest {\n    return {\n      url: '/api/domain/v2/me/ratings',\n      publicUrl: UrlHelper.urlBuilder('/api/domain/v2/me/ratings', { countryCode }),\n      key: 'ratings',\n      // v2/me/ratings doesn't support `query={orderby:value}`. Adding this due to time constraints\n      formatData: (ratings: Rating[]) => {\n        return ratings.sort((a, b) => a.value - b.value);\n      }\n    };\n  }\n};"],"names":["getPhrase","BreadcrumbItem","props","ref","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","collapse","setCollapse","shouldFocus","setShouldFocus","expandRef","characterLength","reduce","prev","next","current","focus","first","secondLast","last","rest","slice","onClick","map","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","OnlineSupportArticle","LiteSupportArticle","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Array","Math","max","floor","random","namespace","useCanAccessSettings","requiredPermissions","hasPermissions","settingsGroups","currentRoute","application","some","group","modules","settingsModule","action","SettingsLayout","canAccess","replace","i","heading","headingButton","description","children","PartialRow","PartialHeader","PartialContentPermissionsTable","LanguageService","STAFF_YEAR_GROUP_ID","getContentPermissionsTableColumns","getSelections","setSelections","yearGroups","Header","id","accessor","Cell","yearGroup","value","ratings","isStaff","ratingsList","RatingRangeSelector","selections","onSelectRange","range","ArrayHelper","disabled","isDisabled","getButtonClasses","rating","isActive","isHovering","isRatingValid","activeClass","VideoDetailsHelper","Tooltip","title","spanHack","getContentPermissionsTableData","rows","code","staffYearGroup","push","SaveButton","SpinnerButton","showSpinner","variant","Text","phrase","theme","table","header","headerCell","row","cell","ContentPermissionsView","setShowSpinner","isUpgrading","config","ConfigRequests","currentUser","UserRequests","RatingRequests","data","CustomerRequests","customerId","initialYearGroupRatingMappings","setInitialYearGroupRatingMappings","draftYearGroupRatingMappings","setDraftYearGroupRatingMappings","isContentPermissionsValid","setIsContentPermissionsValid","dispatch","alerts","useSetPageMetadata","hasCompleted","yearGroupRatingMappings","every","index","prevYearGroup","hasChanged","ObjectHelper","onSave","changes","filter","mapping","find","y","request","onSuccess","onError","success","error","dataLoaded","href","ArticleHelper","onlineUrl","role","url","UrlHelper","ExternalLink","newTab","Table","columns","r","selectedYearGroup","maxRating","currentVal","countryCode","publicUrl","formatData","sort","a","b"],"sourceRoot":""}

package/dist/scripts/2134-b8d5c46887-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[2134],{49935:(e,t,a)=>{a.d(t,{Oo:()=>f,b2:()=>g});var n=a(32735),r=a(23481),i=a(36848),l=a(86764),c=a(3747),o=a(5859),s=a(35223),u=a(83914);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,l,c=[],o=!0,s=!1;try{if(i=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;o=!1}else for(;!(o=(n=i.call(a)).done)&&(c.push(n.value),c.length!==t);o=!0);}catch(e){s=!0,r=e}finally{try{if(!o&&null!=a.return&&(l=a.return(),Object(l)!==l))return}finally{if(s)throw r}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?d(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}var p=r.T.encloseNamespace("shared.breadcrumbComponent"),b=n.forwardRef((function(e,t){var a=e.breadcrumb,r=a.name,l=a.appLink,c=a.active,o=e.withBackIcon;return n.createElement("li",{className:"breadcrumb-item".concat(c?" active":"")},c?n.createElement("strong",null,r):n.createElement(i.F,{appLink:l,ref:t},o&&n.createElement(u.x,{svgName:s.vn.ChevronLeft,size:u.S.Small}),n.createElement("span",{className:o?"ms-2":""},r)))})),f=function(e){var t=e.breadcrumbs,a=(0,c.a)(l.r.XS),r=(null==t?void 0:t.length)||0,i=m(n.useState(!1),2),o=i[0],s=i[1],u=m(n.useState(!1),2),d=u[0],f=u[1],g=n.useRef();if(n.useEffect((function(){var e,a=null!==(e=null==t?void 0:t.reduce((function(e,t){return e+t.name.length}),0))&&void 0!==e?e:0;r>3&&a>56&&s(!0)}),[null==t?void 0:t.length]),n.useLayoutEffect((function(){var e;d&&(null===(e=g.current)||void 0===e||e.focus())}),[g.current,d]),!r||a&&r<2)return n.createElement(n.Fragment,null);if(a)return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},n.createElement(b,{breadcrumb:t[r-2],withBackIcon:!0})));var v=n.createElement(b,{breadcrumb:t[0]}),E=r>2?n.createElement(b,{breadcrumb:t[r-2]}):n.createElement(n.Fragment,null),y=n.createElement(b,{breadcrumb:t[r-1]}),h=t.slice(1,r-2);return n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},v,o?n.createElement("li",{className:"breadcrumb-item"},n.createElement("button",{className:"btn-link",onClick:function(){s(!1),f(!0)},"aria-label":p("expand")},"...")):h.map((function(e,t){return n.createElement(b,{key:t,breadcrumb:e,ref:0===t?g:null})})),E,y))},g=n.memo((function(e){var t=e.numItems,a=void 0===t?3:t;return(0,c.a)(l.r.XS)?n.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):n.createElement("nav",{"aria-label":"breadcrumb"},n.createElement("ol",{className:"breadcrumb m-0 p-0"},o.u.getPartialLoadingItems({numItems:a}).map((function(e,t){var a=e.width;return n.createElement("li",{key:t,className:"breadcrumb-item"},n.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:a},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},74696:(e,t,a)=>{a.d(t,{S:()=>s});var n=a(32735),r=a(68050),i=a(69111),l=a(9977),c=a(79967);const o={partialOptions:"Gufgq",partialName:"SicQQ",partialDescription:"dPGMq",partialThumbnail:"vZrnb",partialDragHandle:"iq73R"};function s(e){return n.createElement("div",{className:"mx-2"},Array(e.numVideos).fill(null).map((function(t,a){return n.createElement("div",{className:"d-flex",key:a},e.allowBulkActions&&n.createElement("div",{className:"form-check pe-3 pe-sm-2 mx-0 mx-md-2"}),n.createElement(u,Object.assign({},e)))})))}function u(e){var t=(0,c.k)(),a="sm"===l.O.getSize(t,"md"),s=e.withReordering&&!t.xs;return n.createElement(r.Z,{className:"".concat(a?"":"py-2"," flex-grow-1")},n.createElement(i.Z,Object.assign({},l.O.getThumbnailColumns(),{className:"flex-column align-items-flex-start ".concat(a?"pb-2 pe-1":"mb-1 pe-3 pe-md-2")}),n.createElement(r.Z,null,!!s&&n.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},n.createElement("div",{className:"partial-loading-background ".concat(o.partialDragHandle)})),n.createElement(i.Z,{xs:l.O.getThumbnailColSize(s)},n.createElement("div",{className:"partial-loading-background ".concat(a?"rounded":"rounded-3"," ").concat(o.partialThumbnail)})))),n.createElement(i.Z,Object.assign({},l.O.getDetailsColumns(),{className:a?"pb-2":"px-2"}),n.createElement("div",{className:"partial-loading-background mb-1 ".concat(o.partialName)}),n.createElement("div",{className:"partial-loading-background ".concat(o.partialDescription)})))}s.defaultProps={numVideos:15}},94644:(e,t,a)=>{a.d(t,{r:()=>u});var n=a(50242),r=a(81886),i=a(67058),l=a(14553),c=a(49267),o=a(49075),s={notFound:i.d,forbidden:{rating:l.q,yearLevel:l.q,region:c.a,privacy:l.q},badRequest:o._};function u(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(e){var i;i="number"==typeof e?e:e.status;var l=Object.assign(Object.assign({},s),t);i&&r.Q.Ry.isStatusCodeError(i)&&(i!==n.o.NotFound?i!==n.o.Forbidden?a.badRequest||r.Q.Ry.throw(new l.badRequest):a.forbidden||r.Q.Ry.throw(new l.forbidden.privacy):a.notFound||r.Q.Ry.throw(new l.notFound))}}},91286:(e,t,a)=>{a.d(t,{v:()=>l});var n=a(32735),r=a(94644);function i(e){return e.map((function(e){return e.statusCode})).join(":")}function l(e,t,a){var l=Array.isArray(e)?e:[e];(0,n.useEffect)((function(){l.forEach((function(e){(0,r.r)(e.statusCode,t,a)}))}),[i(l),t,a])}},5859:(e,t,a)=>{function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,{u:()=>i});var r={numItems:5,minWidth:50,maxWidth:100},i={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},a=Object.assign(Object.assign({},r),t);return(e=Array(a.numItems),function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return n(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?n(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*a.maxWidth),a.minWidth),"px")}}))}}},74061:(e,t,a)=>{a.r(t),a.d(t,{StudentsVideosView:()=>I});var n=a(32735),r=a(23481),i=a(20354),l=a(65858),c=a(49935),o=a(23232),s=a(37395),u=a(83345),m=a(74696),d=a(13231),p=a(51365),b=a(91286),f=a(22902),g=a(64818),v=a(31908),E=a(99742),y=a(14070),h=a(97291),N=a(51855),S=a(10741),k=a(22490),A=a(47288),O="userManager.studentsVideos",w=r.T.encloseNamespace(O);function I(e){var t,a,I,x,T,R,j=i.a.useBasicFetch(A.N.getUser(e.id)),L=i.a.useBasicFetch(A.N.getStudentVideos(e.id,e.cursor)),M=(0,f.T)().hasPermissions,G=(0,N.G)().isPlugin;return(0,b.v)(j),j.hasCompleted&&L.hasCompleted?n.createElement(p.M.Provider,{value:{getVideoActions:function(t,a){var n;n=v.M.isVideo(t)?l.py.Video:v.M.isClip(t)?l.py.Clip:l.py.Interaction;var r=Object.assign(Object.assign({},a.analyticsOptions),{entity:n,location:l.LZ.ViewStudentVideos}),i=Object.assign(Object.assign({},a.analyticsData),{id:t.id});return[{order:1,label:w("view"),button:!0,appLink:{application:h.O.USER_MANAGER,action:y.e.UserManager.STUDENTS_VIDEO,args:[e.id,t.id],params:{typeId:t.typeId}},className:"btn btn-outline-dark me-2"},{order:2,label:w("delete"),button:!0,appLink:{application:h.O.USER_MANAGER,action:y.e.UserManager.DELETE_STUDENTS_VIDEO,args:[e.id,t.id],params:{typeId:t.typeId}},className:"btn btn-outline-dark",analyticsOptions:Object.assign(Object.assign({},r),{actionType:l.Vw.Delete,workflowPhase:l.eu.Start}),analyticsData:i}]}}},n.createElement("div",{className:"px-3"},n.createElement("h1",{className:"h2"},w("heading",{name:g.l.getFullName(j.data),yearGroup:null===(t=j.data.masterYearGroup)||void 0===t?void 0:t.name})),n.createElement("div",{className:"pb-3"},n.createElement(c.Oo,{breadcrumbs:function(){var e;return[{name:r.T.getPhrase(O,"settingsBreadcrumb"),appLink:{application:h.O.SETTINGS,action:y.e.Settings.HOME}},{name:r.T.getPhrase(O,"studentsBreadcrumb"),appLink:{application:h.O.USER_MANAGER,action:y.e.UserManager.STUDENTS}},{name:w("heading",{name:g.l.getFullName(j.data),yearGroup:null===(e=j.data.masterYearGroup)||void 0===e?void 0:e.name}),active:!0}]}()})),(null===(I=null===(a=L.data)||void 0===a?void 0:a.data)||void 0===I?void 0:I.length)?n.createElement(d.E4,{videos:null===(x=L.data)||void 0===x?void 0:x.data,getVideoAppLink:function(t){return{application:h.O.USER_MANAGER,action:y.e.UserManager.STUDENTS_VIDEO,args:[e.id,t.id],params:{typeId:t.typeId}}},hasPermissions:M,getPreviewQuestionsAppLink:function(e){return S.j.getPreviewQuestionsAppLink(e)},yearGroups:null,presentationAudiences:null,isPlugin:G,getClassroomGuideAppLink:k.W.getClassroomGuideAppLink,getInteractiveGuidanceAppLink:k.W.getInteractiveGuidanceAppLink,getResourceGuidanceAppLink:k.W.getResourceGuidanceAppLink}):n.createElement(o.u,null,n.createElement(o.u.Image,{src:E.W.EmptyStates.MY_VIDEOS,altText:w("emptyInfo")}),n.createElement(o.u.Heading,null,n.createElement(u.x,{namespace:O,phrase:"emptyHeading"})),n.createElement(o.u.Info,null,n.createElement(u.x,{namespace:O,phrase:"emptyInfo",options:{name:j.data.name}}))),!!(null===(R=null===(T=L.data)||void 0===T?void 0:T.pagination)||void 0===R?void 0:R.cursors)&&n.createElement(s.t,{appLink:{application:h.O.USER_MANAGER,action:y.e.UserManager.STUDENTS_VIDEOS},cursors:{next:L.data.pagination.cursors.next,previous:e.cursor},buttonVariant:"outline-dark",className:"py-2 float-end",prevHack:!0}))):n.createElement("div",{className:"mx-n2"},n.createElement(m.S,{allowBulkActions:!0}))}},68050:(e,t,a)=>{a.d(t,{Z:()=>s});var n=a(95685),r=a.n(n),i=a(32735),l=a(46304),c=a(74512);const o=i.forwardRef((({bsPrefix:e,className:t,as:a="div",...n},i)=>{const o=(0,l.vE)(e,"row"),s=(0,l.pi)(),u=(0,l.zG)(),m=`${o}-cols`,d=[];return s.forEach((e=>{const t=n[e];let a;delete n[e],null!=t&&"object"==typeof t?({cols:a}=t):a=t;const r=e!==u?`-${e}`:"";null!=a&&d.push(`${m}${r}-${a}`)})),(0,c.jsx)(a,{ref:i,...n,className:r()(t,o,...d)})}));o.displayName="Row";const s=o}}]);
+//# sourceMappingURL=2134-b8d5c46887-lite.chunk.js.map

package/dist/scripts/2134-b8d5c46887-lite.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scripts/2134-b8d5c46887-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/errors/handlers/HttpErrorHandlers.ts","file:///app/packages/libs/shared/src/hooks/UseHandleObjectError.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/user-manager/views/students-videos/StudentsVideosView.tsx","file:///app/node_modules/react-bootstrap/esm/Row.js"],"sourcesContent":["import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst namespace = 'shared.breadcrumbComponent';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst COLLAPSE_CHARACTER_COUNT = 56;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = React.forwardRef((\n  props: BreadcrumbItemProps,\n  ref: React.ForwardedRef<HTMLElement>\n) => {\n  const { breadcrumb: { name, appLink, active }, withBackIcon } = props;\n  return (\n    <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n      {active\n        ? <strong>{name}</strong>\n        : <AppLink appLink={appLink} ref={ref}>\n          {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n          <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n        </AppLink>\n      }\n    </li>\n  );\n});\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n  const [ shouldFocus, setShouldFocus ] = React.useState(false);\n  const expandRef = React.useRef<HTMLElement>();\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 3 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  /**\n   * Focus our first expanded item the first time it appears.\n   */\n  React.useLayoutEffect(() => {\n    if (shouldFocus)\n      expandRef.current?.focus();\n  }, [ expandRef.current, shouldFocus ]);\n\n  function onClickExpand() {\n    setCollapse(false);\n    setShouldFocus(true);\n  }\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const secondLast = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} />;\n  const rest = breadcrumbs.slice(1, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button\n              className='btn-link'\n              onClick={onClickExpand}\n              aria-label={getPhrase('expand')}\n            >\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => (\n            <BreadcrumbItem\n              key={idx}\n              breadcrumb={breadcrumb}\n              ref={idx === 0 ? expandRef : null}\n            />\n          ))\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","import { BaseError } from 'libs/common/backbone/core/BaseError';\nimport { HttpStatus } from 'libs/common/backbone/enums/HttpStatus';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { Core } from 'libs/common/core';\n\nimport { NotFoundError } from 'libs/shared/errors/general/not-found/NotFoundError';\nimport { PrivateResourceError } from 'libs/shared/errors/general/private-resource/PrivateResourceError';\nimport { RegionLockedResourceError } from 'libs/shared/errors/general/region-locked-resource/RegionLockedResourceError';\nimport { UnspecifiedError } from 'libs/shared/errors/general/unspecified-error/UnspecifiedError';\nimport { VideoTypes } from 'libs/shared/interfaces';\n\nexport interface HttpErrorMap {\n  notFound?: new () => BaseError;\n  forbidden?: {\n    rating?: new (description: string) => BaseError;\n    yearLevel?: new (description: string) => BaseError;\n    region?: new () => BaseError;\n    privacy?: new (video?: VideoTypes) => BaseError;\n  };\n  badRequest?: new () => BaseError;\n}\n\nexport type IgnoreHttpErrorMap = {\n  [key in keyof HttpErrorMap]: boolean;\n};\n\nconst defaultErrors: HttpErrorMap = {\n  notFound: NotFoundError,\n  forbidden: {\n    rating: PrivateResourceError,\n    yearLevel: PrivateResourceError,\n    region: RegionLockedResourceError,\n    privacy: PrivateResourceError\n  },\n  badRequest: UnspecifiedError\n};\n\nexport function handleHttpError(\n  info: HttpStatus | Xhr,\n  customErrorMap: HttpErrorMap = {},\n  /**\n   * Prevent certain errors in the errorMap from being thrown\n   * so that you may implement your own handler\n   */\n  ignoreMap: IgnoreHttpErrorMap = {}\n): void {\n  if (!info)\n    return;\n\n  let statusCode: HttpStatus;\n\n  if (typeof(info) === 'number') {\n    statusCode = info;\n  } else {\n    statusCode = info.status;\n  }\n\n  const errorMap = {\n    ...defaultErrors,\n    ...customErrorMap\n  };\n\n  if (!statusCode)\n    return;\n\n  if (!Core.ErrorHelper.isStatusCodeError(statusCode))\n    return;\n\n  if (statusCode === HttpStatus.NotFound) {\n    if (!ignoreMap.notFound)\n      Core.ErrorHelper.throw(new errorMap.notFound());\n    return;\n  }\n\n  if (statusCode === HttpStatus.Forbidden) {\n  /**\n   * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,\n   * ratings, and privacy.\n   */\n    if (!ignoreMap.forbidden)\n      Core.ErrorHelper.throw(new errorMap.forbidden.privacy());\n    return;\n  }\n\n  if (!ignoreMap.badRequest)\n    Core.ErrorHelper.throw(new errorMap.badRequest());\n}\n\nexport function handleXhrError(xhr: Xhr, customErrorMap?: HttpErrorMap): void {\n  handleHttpError(xhr.status, customErrorMap);\n}","import { useEffect } from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { handleHttpError, HttpErrorMap, IgnoreHttpErrorMap } from 'libs/shared/errors/handlers/HttpErrorHandlers';\n\nfunction generateCacheKey(flightObjs: Array<Flight.Response<any>>): string {\n  return flightObjs.map(obj => obj.statusCode).join(':');\n}\n\n// TODO: Change this to just `useHandleHttpError` and only accept a status code.\nexport function useHandleObjectError(\n  _flightObjs: Flight.Response<any> | Array<Flight.Response<any>>,\n  customErrors?: HttpErrorMap,\n  ignoreErrors?: IgnoreHttpErrorMap\n): void {\n  const flightObjs = Array.isArray(_flightObjs) ? _flightObjs : [_flightObjs];\n\n  useEffect(() => {\n    flightObjs.forEach(obj => {\n      handleHttpError(obj.statusCode, customErrors, ignoreErrors);\n    });\n  }, [ generateCacheKey(flightObjs), customErrors, ignoreErrors ]);\n}","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\n\nimport { AnalyticsOptions, EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Pagination } from 'libs/shared/components/pagination/Pagination';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext, VideoActionsOptions } from 'libs/shared/context/VideoActionsContext';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { BasePaginatedCollection, User, VideoTypes } from 'libs/shared/interfaces';\nimport { UserHelper } from 'libs/shared/utils/UserHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\n\nconst namespace = 'userManager.studentsVideos';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\n\ninterface StudentsVideosViewProps {\n  id: string;\n  cursor: string;\n}\n\nexport function StudentsVideosView(props: StudentsVideosViewProps): JSX.Element {\n  const user = Flight.useBasicFetch<User>(UserManagerRequests.getUser(props.id));\n\n  const videos = Flight.useBasicFetch<BasePaginatedCollection<VideoTypes>>(\n    UserManagerRequests.getStudentVideos(props.id, props.cursor)\n  );\n\n  const { hasPermissions } = usePermissions();\n\n  const { isPlugin } = usePluginHelper();\n\n  useHandleObjectError(user);\n\n  function getBreadcrumbs(): Breadcrumb[] {\n    return [\n      {\n        name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n        appLink: {\n          application: AppChannels.SETTINGS,\n          action: Actions.Settings.HOME\n        }\n      },\n      {\n        name: LanguageService.getPhrase(namespace, 'studentsBreadcrumb'),\n        appLink: {\n          application: AppChannels.USER_MANAGER,\n          action: Actions.UserManager.STUDENTS\n        }\n      },\n      {\n        name: getPhrase('heading', { name: UserHelper.getFullName(user.data), yearGroup: user.data.masterYearGroup?.name }),\n        active: true\n      }\n    ];\n  }\n\n  function getVideoActions(video: VideoTypes, options: VideoActionsOptions): ActionOptions[] {\n    let entity: EntityType;\n    if (VideoHelper.isVideo(video))\n      entity = EntityType.Video;\n    else if (VideoHelper.isClip(video))\n      entity = EntityType.Clip;\n    else\n      entity = EntityType.Interaction;\n\n    const analyticsOptions: AnalyticsOptions = {\n      ...options.analyticsOptions,\n      entity,\n      location: LocationContext.ViewStudentVideos\n    };\n\n    const analyticsData = {\n      ...options.analyticsData,\n      id: video.id\n    };\n\n    return [{\n      order: 1,\n      label: getPhrase('view'),\n      button: true,\n      appLink: {\n        application: AppChannels.USER_MANAGER,\n        action: Actions.UserManager.STUDENTS_VIDEO,\n        args: [ props.id, video.id ],\n        params: { typeId: video.typeId }\n      },\n      className: 'btn btn-outline-dark me-2'\n    }, {\n      order: 2,\n      label: getPhrase('delete'),\n      button: true,\n      appLink: {\n        application: AppChannels.USER_MANAGER,\n        action: Actions.UserManager.DELETE_STUDENTS_VIDEO,\n        args: [ props.id, video.id ],\n        params: { typeId: video.typeId }\n      },\n      className: 'btn btn-outline-dark',\n      analyticsOptions: {\n        ...analyticsOptions,\n        actionType: UserAction.Delete,\n        workflowPhase: WorkflowPhase.Start\n      },\n      analyticsData\n    }];\n  }\n\n  const dataLoaded = (\n    user.hasCompleted &&\n    videos.hasCompleted\n  );\n\n  /**\n   * TODO: Flesh out with a better empty state\n   */\n  if (!dataLoaded)\n    return <div className='mx-n2'><PartialVideoList allowBulkActions /></div>;\n\n  return (\n    <VideoActionsContext.Provider value={{ getVideoActions }}>\n      <div className='px-3'>\n        <h1 className='h2'>{getPhrase('heading', { name: UserHelper.getFullName(user.data), yearGroup: user.data.masterYearGroup?.name })}</h1>\n        <div className='pb-3'>\n          <Breadcrumbs\n            breadcrumbs={getBreadcrumbs()}\n          />\n        </div>\n        {videos.data?.data?.length ?\n          <VideoList\n            videos={videos.data?.data}\n            getVideoAppLink={video => ({\n              application: AppChannels.USER_MANAGER,\n              action: Actions.UserManager.STUDENTS_VIDEO,\n              args: [ props.id, video.id ],\n              params: { typeId: video.typeId }\n            })}\n            hasPermissions={hasPermissions}\n            getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n            yearGroups={null}\n            presentationAudiences={null}\n            isPlugin={isPlugin}\n            getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n            getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n            getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n          /> :\n          <EmptyState>\n            <EmptyState.Image src={ImageUrls.EmptyStates.MY_VIDEOS} altText={getPhrase('emptyInfo')} />\n            <EmptyState.Heading><Text namespace={namespace} phrase='emptyHeading' /></EmptyState.Heading>\n            <EmptyState.Info><Text namespace={namespace} phrase='emptyInfo' options={{ name: user.data.name }} /></EmptyState.Info>\n          </EmptyState>\n        }\n        {!!videos.data?.pagination?.cursors && (\n          <Pagination\n            appLink={{\n              application: AppChannels.USER_MANAGER,\n              action: Actions.UserManager.STUDENTS_VIDEOS\n            }}\n            cursors={{ next: videos.data.pagination.cursors.next, previous: props.cursor }}\n            buttonVariant='outline-dark'\n            className='py-2 float-end'\n            prevHack\n          />\n        )}\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix, useBootstrapBreakpoints, useBootstrapMinBreakpoint } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Row = /*#__PURE__*/React.forwardRef(({\n  bsPrefix,\n  className,\n  // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n  as: Component = 'div',\n  ...props\n}, ref) => {\n  const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');\n  const breakpoints = useBootstrapBreakpoints();\n  const minBreakpoint = useBootstrapMinBreakpoint();\n  const sizePrefix = `${decoratedBsPrefix}-cols`;\n  const classes = [];\n  breakpoints.forEach(brkPoint => {\n    const propValue = props[brkPoint];\n    delete props[brkPoint];\n    let cols;\n    if (propValue != null && typeof propValue === 'object') {\n      ({\n        cols\n      } = propValue);\n    } else {\n      cols = propValue;\n    }\n    const infix = brkPoint !== minBreakpoint ? `-${brkPoint}` : '';\n    if (cols != null) classes.push(`${sizePrefix}${infix}-${cols}`);\n  });\n  return /*#__PURE__*/_jsx(Component, {\n    ref: ref,\n    ...props,\n    className: classNames(className, decoratedBsPrefix, ...classes)\n  });\n});\nRow.displayName = 'Row';\nexport default Row;"],"names":["getPhrase","BreadcrumbItem","props","ref","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","collapse","setCollapse","shouldFocus","setShouldFocus","expandRef","characterLength","reduce","prev","next","current","focus","first","secondLast","last","rest","slice","onClick","map","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","PartialVideoList","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","defaultErrors","notFound","forbidden","rating","yearLevel","region","privacy","badRequest","handleHttpError","info","customErrorMap","ignoreMap","statusCode","status","errorMap","generateCacheKey","flightObjs","obj","join","useHandleObjectError","_flightObjs","customErrors","ignoreErrors","isArray","useEffect","forEach","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","namespace","StudentsVideosView","user","id","videos","cursor","hasPermissions","isPlugin","hasCompleted","value","getVideoActions","video","entity","analyticsOptions","location","analyticsData","order","label","button","application","action","args","params","typeId","actionType","workflowPhase","data","yearGroup","masterYearGroup","getBreadcrumbs","getVideoAppLink","getPreviewQuestionsAppLink","interactive","yearGroups","presentationAudiences","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","src","altText","phrase","pagination","cursors","previous","buttonVariant","prevHack","bsPrefix","as","Component","decoratedBsPrefix","minBreakpoint","sizePrefix","classes","brkPoint","propValue","cols","infix","push","displayName"],"sourceRoot":""}

package/dist/scripts/2142-f71cf5c71f-lite.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[2142],{50690:(e,t,n)=>{n.d(t,{b:()=>r});var a=n(12788),r={renderInPortalIfExists:function(e,t){return t?(0,a.createPortal)(e,t):e}}},49935:(e,t,n)=>{n.d(t,{Oo:()=>f,b2:()=>g});var a=n(32735),r=n(23481),i=n(36848),l=n(86764),o=n(3747),c=n(5859),s=n(35223),u=n(83914);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var p=r.T.encloseNamespace("shared.breadcrumbComponent"),v=a.forwardRef((function(e,t){var n=e.breadcrumb,r=n.name,l=n.appLink,o=n.active,c=e.withBackIcon;return a.createElement("li",{className:"breadcrumb-item".concat(o?" active":"")},o?a.createElement("strong",null,r):a.createElement(i.F,{appLink:l,ref:t},c&&a.createElement(u.x,{svgName:s.vn.ChevronLeft,size:u.S.Small}),a.createElement("span",{className:c?"ms-2":""},r)))})),f=function(e){var t=e.breadcrumbs,n=(0,o.a)(l.r.XS),r=(null==t?void 0:t.length)||0,i=d(a.useState(!1),2),c=i[0],s=i[1],u=d(a.useState(!1),2),m=u[0],f=u[1],g=a.useRef();if(a.useEffect((function(){var e,n=null!==(e=null==t?void 0:t.reduce((function(e,t){return e+t.name.length}),0))&&void 0!==e?e:0;r>3&&n>56&&s(!0)}),[null==t?void 0:t.length]),a.useLayoutEffect((function(){var e;m&&(null===(e=g.current)||void 0===e||e.focus())}),[g.current,m]),!r||n&&r<2)return a.createElement(a.Fragment,null);if(n)return a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},a.createElement(v,{breadcrumb:t[r-2],withBackIcon:!0})));var h=a.createElement(v,{breadcrumb:t[0]}),y=r>2?a.createElement(v,{breadcrumb:t[r-2]}):a.createElement(a.Fragment,null),E=a.createElement(v,{breadcrumb:t[r-1]}),b=t.slice(1,r-2);return a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},h,c?a.createElement("li",{className:"breadcrumb-item"},a.createElement("button",{className:"btn-link",onClick:function(){s(!1),f(!0)},"aria-label":p("expand")},"...")):b.map((function(e,t){return a.createElement(v,{key:t,breadcrumb:e,ref:0===t?g:null})})),y,E))},g=a.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,o.a)(l.r.XS)?a.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):a.createElement("nav",{"aria-label":"breadcrumb"},a.createElement("ol",{className:"breadcrumb m-0 p-0"},c.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return a.createElement("li",{key:t,className:"breadcrumb-item"},a.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},72553:(e,t,n)=>{n.d(t,{j:()=>d});var a=n(32735),r=n(42029),i=n(83345),l=n(49439);const o={copyrightDisclaimer:"z8YoI",overlayContainer:"eJDbJ"};function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var s="shared.copyrightDisclaimer",u=150;function d(e){var t,n,d,m=(n=(0,l.L)({}),d=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}(n,d)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(n,d)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=m[0],v=m[1];return a.createElement("div",{ref:p,className:e.className},a.createElement("p",{className:"".concat(o.copyrightDisclaimer," mb-1")},a.createElement(i.x,{namespace:s,phrase:"copyrightDisclaimer"})),a.createElement(r.Z,{target:p.current,show:v,placement:e.overflowPlacement&&document.documentElement.clientHeight-(null===(t=p.current)||void 0===t?void 0:t.getBoundingClientRect().bottom)<u?e.overflowPlacement:e.placement},a.createElement("div",{className:"".concat(o.overlayContainer," mw-100 bg-white border rounded-3 p-2")},a.createElement("p",null,a.createElement(i.x,{namespace:s,phrase:"warning"})),a.createElement("p",{className:"fw-semibold mb-0"},a.createElement(i.x,{namespace:s,phrase:"sharing"})))))}},5640:(e,t,n)=>{n.d(t,{O:()=>y});var a=n(32735),r=n(23481),i=n(28400),l=n(11518),o=n(58704),c=n(59598),s=n(31908),u=n(14070),d=n(97291),m=n(22843),p=n(84591),v=n(68626),f=n(80143),g=a.memo((function(e){var t,n=e.data,r=e.thumbnailSize,i=e.preloadImage,l=e.getAppLink,o=(0,f.n)(null===(t=n.subjectPresentationAudiences)||void 0===t?void 0:t.data,e.audiences);return a.createElement("div",{className:"flex-shrink-0 px-1 col-6 col-sm-4"},a.createElement(p.u,{type:"static",textPosition:v.z.Independent,video:n,appLink:l(n),imageOptions:{size:r},preload:i,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,setFavourite:e.setFavourite,canFavourite:e.canFavourite,imageCdnUrl:e.imageCdnUrl,audience:o,hideDuration:!1,isPlugin:e.isPlugin,showOwner:e.showOwner}),a.createElement("div",{className:"mt-2"},a.createElement(m.h,Object.assign({},e,{video:n,appLink:e.getAppLink(n)}))))})),h="shared.playPageClipsV2";function y(e){var t;if(!e.canViewClips||!(null===(t=e.clips)||void 0===t?void 0:t.length))return a.createElement(a.Fragment,null);var n=s.M.isVideo(e.video),m=r.T.getPhrase(h,n?"clips":"otherClips",{count:e.clips.length});return a.createElement("section",{className:"play-page-section",id:c.K.Clips,ref:function(t){var n;t&&(null===(n=e.headingRef)||void 0===n?void 0:n.current)&&e.headingRef.current.set(c.K.Clips,t)}},a.createElement(l.kM,{name:m,contents:o.z.ClipsV2,collection:e.clips,prefetched:!0,getChildAppLink:function(e){return{application:d.O.CLIPS,action:u.e.Clips.PLAY_CLIP,args:[e.id,i.m.slugify(e.name)]}},appLink:s.M.isVideo(e.video)?{action:u.e.Videos.VIDEO_CLIPS,application:d.O.VIDEOS,args:[e.video.id,i.m.slugify(e.video.name)]}:{action:u.e.Clips.CLIP_CLIPS,application:d.O.CLIPS,args:[e.video.id,i.m.slugify(e.video.name)]},childComponent:g,extraChildComponentProps:{yearGroups:e.yearGroups,audiences:e.audiences,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,isPlugin:e.isPlugin,showOwner:!0},analyticsData:e.analyticsData}))}},8887:(e,t,n)=>{n.d(t,{a:()=>P});var a=n(32735),r=n(42648),i=n(23481),l=n(110),o=n(65858),c=n(72553),s=n(25723),u=n(78259),d=n(11607),m=n(83345),p=n(10038);const v={container:"G5zMm",collapsed:"kkd1X",seeMore:"DS4QF"};function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return g(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var h="shared.videoDetailsV2";function y(e){var t,n,r=a.useRef(null),i=f(a.useState(!1),2),l=i[0],o=i[1],c=a.useRef(0),s=f(a.useState((null===(t=r.current)||void 0===t?void 0:t.scrollHeight)>c.current),2),g=s[0],y=s[1];return a.useEffect((function(){r.current.clientHeight&&(c.current=r.current.clientHeight)}),[]),(0,p.H)((function(){var e;r.current.clientHeight&&(c.current=r.current.clientHeight,y((null===(e=r.current)||void 0===e?void 0:e.scrollHeight)>c.current))})),a.useEffect((function(){var e,t;(null===(e=r.current)||void 0===e?void 0:e.scrollHeight)&&y((null===(t=r.current)||void 0===t?void 0:t.scrollHeight)>c.current)}),[null===(n=r.current)||void 0===n?void 0:n.scrollHeight,c.current]),a.createElement("div",{className:"".concat(v.container," ").concat(l?"":v.collapsed)},!l&&g&&a.createElement(d.L,{onClick:function(){return o(!0)},className:"ms-1 text-info hover-text-underline ".concat(v.seeMore)},a.createElement(m.x,{namespace:h,phrase:"seeMore"})),a.createElement("p",{ref:r,className:"mb-0 ".concat(l?"d-inline":""),dangerouslySetInnerHTML:{__html:u.O.linkifyText(e.video.description,{nl2br:!0})}}),l&&a.createElement(d.L,{onClick:function(){return o(!1)},className:"ms-1 hover-text-underline d-inline text-info"},a.createElement(m.x,{namespace:h,phrase:"seeLess"})))}var E=n(87311),b=n(91743),I=n(8730),C=n(40178),w=n(44829),k=n(59598),N=n(31908);const S={descriptionBorder:"YUC62"};var x="shared.videoDetailsV2",O=i.T.encloseNamespace(x);function T(e){var t=e.label,n=e.items,r=e.className;if(!(n&&n.data&&n.data.length))return a.createElement(a.Fragment,null);var i=n.data.map((function(e){return e.name})).join(", ");return a.createElement("div",{className:r},t,": ",i)}function A(e){var t,n,r,i,o,c,s,u,d,p=e.video;if(!N.M.isVideo(p)&&!N.M.isClip(p))return a.createElement(a.Fragment,null);var v=N.M.getParentVideo(p);return a.createElement("div",{className:p.description?"col-md-5 ps-md-3 pt-3 pt-md-0":"col-12"},a.createElement("h2",{className:"h6 mb-1"},a.createElement(m.x,{phrase:"details"})),!!v.productionYear&&a.createElement("div",{className:"mb-1"},a.createElement(m.x,{phrase:"productionYear",options:{year:v.productionYear}})),a.createElement(T,{label:O("productionCompanies",{smartCount:null===(n=null===(t=v.productionCompanies)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length}),items:v.productionCompanies,className:"mb-1"}),a.createElement(T,{label:O("distributors",{smartCount:null===(i=null===(r=v.distributors)||void 0===r?void 0:r.data)||void 0===i?void 0:i.length}),items:v.distributors,className:"mb-1"}),a.createElement(T,{label:O("producers",{smartCount:null===(c=null===(o=v.producers)||void 0===o?void 0:o.data)||void 0===c?void 0:c.length}),items:v.producers,className:"mb-1"}),a.createElement(T,{label:O("directors",{smartCount:null===(u=null===(s=v.directors)||void 0===s?void 0:s.data)||void 0===u?void 0:u.length}),items:v.directors,className:"mb-1"}),!!v.dateBroadcast&&a.createElement("div",{className:"mb-1"},a.createElement(m.x,{phrase:"dateBroadcast",options:{date:l.O.format(v.dateBroadcast,"DD/MM/YYYY")}})),!!v.channel&&a.createElement("div",{className:"mb-1"},a.createElement(m.x,{phrase:"channel",options:{channel:v.channel.name}})),!((null===(d=p._isClickViewCurated)||void 0===d?void 0:d.value)||!p.dateCreated)&&a.createElement("div",{className:"mb-1"},a.createElement(m.x,{phrase:"dateUploaded",options:{date:l.O.format(p.dateCreated,"DD/MM/YYYY")}})))}function P(e){var t,n=e.video,i=e.maxHeight,l=void 0===i?C.x:i,u=N.M.getParentVideo(n),d=!!e.video.description,p=(0,I._)(e.video)||!!u.productionYear||!!u.dateBroadcast||!!u.channel||!(!n.dateCreated||(null===(t=n._isClickViewCurated)||void 0===t?void 0:t.value));if(!d&&!p)return a.createElement(a.Fragment,null);var v=function(){var t,n,a,r;return e.hideTags||N.M.isInteractive(e.video)||!(null===(n=null===(t=e.video.tags)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length)?null:null===(r=null===(a=e.video.tags)||void 0===a?void 0:a.data)||void 0===r?void 0:r.filter((function(e){return e.tagType===w.Q.Normal}))}();return a.createElement(m.D.Provider,{value:x},a.createElement("section",{id:k.K.VideoDetails,ref:function(t){var n;t&&(null===(n=e.headingRef)||void 0===n?void 0:n.current)&&e.headingRef.current.set(k.K.VideoDetails,t)},className:"play-page-section"},e.showHeading&&a.createElement("h2",{className:"h4 curated-widget-header"},a.createElement(m.x,{phrase:"heading"})),a.createElement("div",{className:"rounded border p-3 position-relative"},a.createElement(r.$B,{autoHeight:!0,autoHeightMax:l},a.createElement("div",{className:"row g-0"},d&&a.createElement("div",{className:p?"".concat(S.descriptionBorder," pe-3 col-md-7"):"col-12"},a.createElement("div",{className:"d-flex align-items-center"},a.createElement("h2",{className:"h6 mb-1"},a.createElement(m.x,{phrase:"description"})),a.createElement(s.m,{text:n.description,title:n.name,className:"ps-2",onLaunch:e.onLaunchImmersiveReader,onExit:e.onExitImmersiveReader,analyticsOptions:{location:o.LZ.PlayPage,entity:o.py.Video,actionType:o.Vw.Click,descriptor:o._S.LaunchImmersiveReader},analyticsData:{id:n.id,type:"description"}})),a.createElement(y,{video:e.video})),p&&a.createElement(A,Object.assign({},e))),!!(null==v?void 0:v.length)&&a.createElement("div",{className:"mt-3"},a.createElement("h2",{className:"h6 mb-1"},a.createElement(m.x,{phrase:"normalTags"})),a.createElement(b.P,Object.assign({tags:v},E.G.getTagActionProps(e.getTagAppLink,null,e.suppressInteractivity),{className:"mt-1"}))),N.M.isBroadcast(e.video)&&a.createElement(c.j,{placement:"bottom-start",className:"d-flex justify-content-start mt-2 mb-n1"})))))}},51184:(e,t,n)=>{n.d(t,{NE:()=>u,RH:()=>m,Wp:()=>d});var a=n(32735),r=n(16367),i=n(34468),l=n(73758),o=n(63847);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var s=/\[\]\(cv:\/\/poi\?id=\d+\)\n*/g;function u(e,t){var n,i,l,o=(i=(0,a.useState)(""),l=2,function(e){if(Array.isArray(e))return e}(i)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}(i,l)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}(i,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=o[0],d=o[1];return(0,a.useEffect)((function(){if(t){var n=(a=e.glance,i=a.content.replace(s,""),r(i));d(n)}var a,i}),[null===(n=e.glance)||void 0===n?void 0:n.content,t]),u}function d(e){var t,n;return(null===(t=e.glance)||void 0===t?void 0:t.content)&&"text/markdown"===(null===(n=e.glance)||void 0===n?void 0:n.format)}function m(e,t){var n=(0,a.useRef)();function r(){e&&l.n.trigger("glance:poi:mouseover",e)}function c(){l.n.trigger("glance:poi:mouseleave")}return(0,i.R)("player:poi:mouseover",(function(t){var a,r,i;(null==t?void 0:t.id)&&(null===(a=null==e?void 0:e.id)||void 0===a?void 0:a.toString())===(null===(r=null==t?void 0:t.id)||void 0===r?void 0:r.toString())&&(null===(i=n.current)||void 0===i||i.classList.add(o.Z.highlightPoi))}),null,t),(0,i.R)("player:poi:mouseleave",(function(){var e;null===(e=n.current)||void 0===e||e.classList.remove(o.Z.highlightPoi)}),null,t),(0,a.useEffect)((function(){var e,a;if(n.current&&t)return null===(e=n.current)||void 0===e||e.addEventListener("mouseover",r),null===(a=n.current)||void 0===a||a.addEventListener("mouseleave",c),function(){var e,t;null===(e=n.current)||void 0===e||e.removeEventListener("mouseover",r),null===(t=n.current)||void 0===t||t.removeEventListener("mouseleave",c)}}),[n.current]),n}},64921:(e,t,n)=>{n.d(t,{j:()=>P});var a=n(32735),r=n(59087),i=n.n(r),l=n(42648),o=n(23481),c=n(49985),s=n(65858),u=n(11607),d=n(83345),m=n(93264),p=n(51184);const v={poiEntry:"vr6R9",poiText:"znHZF",public:"v0BZ9",poiTimeStamp:"AdKwe"};function f(e){var t=m.T.ToDisplayDuration(1e3*e.poi.startTime),n=(0,p.RH)(e.poi,!e.suppressInteractivity);return e.suppressInteractivity?a.createElement("div",{className:"d-flex ".concat(v.poiEntry," mb-2")},a.createElement("span",{className:"d-flex rounded-pill justify-content-center align-items-center fw-semibold text-info bg-light-blue ".concat(v.poiTimeStamp)},t),a.createElement("div",{className:"".concat(v.public," ms-2")},e.poi.description)):a.createElement(u.L,{key:e.poi.startTime,className:"d-flex ".concat(v.poiEntry," mb-2 cursor-pointer"),onClick:function(){return e.onClickPoiItem(e.poi.startTime)},ref:n},a.createElement("div",{className:"d-flex rounded-pill justify-content-center align-items-center fw-semibold text-info bg-light-blue ".concat(v.poiTimeStamp)},t),a.createElement("div",{className:"ms-2 ".concat(v.poiText)},e.poi.description))}var g="shared.pointsOfInterestList";function h(e){return a.createElement("div",null,a.createElement("h2",{className:"h6 my-2"},a.createElement(d.x,{namespace:g,phrase:"heading"})),a.createElement("div",null,e.pointsOfInterest.map((function(t){return a.createElement(f,{key:t.startTime,poi:t,suppressInteractivity:e.suppressInteractivity,onClickPoiItem:e.onClickPoiItem})}))))}var y=n(83914),E=n(87311),b=n(91743),I=n(76177),C=n(44829),w=n(35223),k=n(31908),N=n(63847);function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var x="shared.videoAtAGlanceV2",O=o.T.encloseNamespace(x),T=350;function A(e){return e.hideScrollbar?a.createElement(a.Fragment,null,e.children):a.createElement("div",{className:"rounded border mb-4 bg-white"},a.createElement(l.ZP,{autoHeight:!0,autoHeightMax:T},a.createElement("div",{className:"px-3 px-3 pt-3 pb-2"},e.children)))}function P(e){var t,n,r,l=(0,p.NE)(e.video,e.canViewGlance),o=(n=a.useState(""),r=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}(n,r)||function(e,t){if(e){if("string"==typeof e)return S(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}(n,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=o[0],m=o[1],v=function(){var t,n,a,r;return k.M.isInteractive(e.video)||!(null===(n=null===(t=e.video.tags)||void 0===t?void 0:t.data)||void 0===n?void 0:n.length)?null:null===(r=null===(a=e.video.tags)||void 0===a?void 0:a.data)||void 0===r?void 0:r.filter((function(e){return e.tagType===C.Q.Pedagogy||e.tagType===C.Q.Skill}))}(),f=a.useRef(null);return a.useEffect((function(){var e;(null===(e=f.current)||void 0===e?void 0:e.innerText)&&m(f.current.innerText)}),[null===(t=f.current)||void 0===t?void 0:t.innerText]),e.canViewGlance?a.createElement("section",{className:"play-page-section"},a.createElement(A,{hideScrollbar:e.hideScrollbar},a.createElement("h2",{className:"h6 mb-2"},a.createElement(d.x,{namespace:x,phrase:"learningIntention"})),a.createElement("div",{className:"mb-3 ".concat(N.Z.learningIntention)},a.createElement(I.u,{title:O("copy"),spanHack:!0,spanHackClassName:N.Z.icon},a.createElement(i(),{text:u},a.createElement(y.x,{className:"svg-container me-1 cursor-pointer",svgName:w.vn.Copy,size:y.S.Small,onClick:function(){var t={id:e.video.glance.id,videoId:e.video.id,videoName:e.video.name,learningIntention:u},n={actionType:s.Vw.Copy,entity:s.py.Glance,location:s.LZ.PlayPage};c.k.logUserAction(t,n)}}))),a.createElement("div",{dangerouslySetInnerHTML:{__html:l},className:"d-inline",ref:f})),!!(null==v?void 0:v.length)&&a.createElement("div",{className:"mb-1"},a.createElement(b.P,Object.assign({tags:v},E.G.getTagActionProps(e.getTagAppLink,e.onClickTag,e.suppressInteractivity),{className:"mt-2"}))),!!e.pointsOfInterest.length&&a.createElement(h,{pointsOfInterest:e.pointsOfInterest,suppressInteractivity:e.suppressInteractivity,onClickPoiItem:function(t){e.setStartTime(t)}}))):a.createElement(a.Fragment,null)}},17997:(e,t,n)=>{n.d(t,{H:()=>s});var a=n(32735),r=n(36848),i=n(83345),l=n(22843),o=n(84591),c=n(68626),s=a.memo((function(e){var t,n,s=e.data,u=e.thumbnailSize,d=e.preloadImage,m=Object.assign(Object.assign({},e.questionsAppLink),{args:[e.data.id]}),p=null===(n=null===(t=s._timepoints)||void 0===t?void 0:t.value)||void 0===n?void 0:n.length;return a.createElement("div",{className:"flex-shrink-0 px-1 col-6 col-sm-4"},a.createElement(o.u,{type:"static",textPosition:c.z.Independent,video:s,appLink:e.getAppLink(s),imageOptions:{size:u},preload:d,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,setFavourite:e.setFavourite,canFavourite:e.canFavourite,hideDuration:!1,imageCdnUrl:e.imageCdnUrl,isPlugin:e.isPlugin,showOwner:e.showOwner}),a.createElement("div",{className:"mt-2"},a.createElement(l.h,Object.assign({},e,{video:s,appLink:e.getAppLink(s)}))),a.createElement("div",{className:"mt-1"},a.createElement(r.F,{appLink:m,className:"cursor-pointer"},a.createElement(i.x,{namespace:"shared.interactiveWidgetItemV2",phrase:"previewQuestions",options:{count:p,smartCount:p}}))))}))},95812:(e,t,n)=>{n.d(t,{J:()=>v});var a=n(32735),r=n(23481),i=n(28400),l=n(11518),o=n(58704),c=n(59598),s=n(31908),u=n(14070),d=n(97291),m=n(17997),p="shared.playPageInteractivesV2";function v(e){var t;if(!e.canViewInteractives||!(null===(t=e.interactives)||void 0===t?void 0:t.length))return a.createElement(a.Fragment,null);var n=r.T.getPhrase(p,"interactives",{count:e.interactives.length});return a.createElement("section",{className:"play-page-section",id:c.K.Interactives,ref:function(t){var n;t&&(null===(n=e.headingRef)||void 0===n?void 0:n.current)&&e.headingRef.current.set(c.K.Interactives,t)}},a.createElement(l.kM,{name:n,contents:o.z.InteractivesV2,collection:e.interactives,prefetched:!0,getChildAppLink:function(e){return{application:d.O.INTERACTIVES,action:u.e.Interactives.VIEW_INTERACTIVE,args:[e.id,i.m.slugify(e.name)]}},appLink:s.M.isVideo(e.video)?{action:u.e.Videos.VIDEO_INTERACTIVES,application:d.O.VIDEOS,args:[e.video.id,i.m.slugify(e.video.name)]}:{action:u.e.Clips.CLIP_INTERACTIVES,application:d.O.CLIPS,args:[e.video.id,i.m.slugify(e.video.name)]},childComponent:m.H,extraChildComponentProps:{yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,imageCdnUrl:e.imageCdnUrl,questionsAppLink:{application:d.O.INTERACTIVES,action:u.e.Interactives.PREVIEW_QUESTIONS},isPlugin:e.isPlugin,showOwner:!0},analyticsData:e.analyticsData}))}},53709:(e,t,n)=>{n.d(t,{M:()=>g});var a=n(32735),r=n(23481),i=n(65858),l=n(11518),o=n(16714),c=n(58704),s=n(22902),u=n(59598),d=n(74237),m=n(351);function p(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return v(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var f="shared.playPageResources";function g(e){var t=(0,s.T)().hasPermissions,n=function(e,t){var n,a,r,i,l=null!==(a=null===(n=e.resources)||void 0===n?void 0:n.data)&&void 0!==a?a:[],o=null!==(i=null===(r=e.links)||void 0===r?void 0:r.data)&&void 0!==i?i:[];if(!t)return[].concat(p(l),p(o));var c=l.filter((function(e){var t;return["additional-materials","student-activity"].includes(null===(t=e.metadata)||void 0===t?void 0:t.resourceType)}));return[].concat(p(c),p(o))}(e.video,t(o.C.StudentExperience)),v=r.T.getPhrase(f,"resources",{count:n.length});return n.length?a.createElement("section",{id:u.K.Resources,className:"play-page-section",ref:function(t){var n;t&&(null===(n=e.headingRef)||void 0===n?void 0:n.current)&&e.headingRef.current.set(u.K.Resources,t)}},a.createElement(l.kM,{name:v,contents:c.z.PlayPageResourcesV2,collection:n,prefetched:!0,childComponent:m.oA,extraChildComponentProps:{imageCdnUrl:e.imageCdnUrl,imageErrorFallbackUrl:e.resourceThumbnailFallbackUrl,actionBehaviour:e.canViewResources?"normal":"public",location:"play-page",titlePosition:"below",onClickDownload:e.canViewResources?function(t){d.T.downloadResource(t,e.analyticsData,{location:i.LZ.PlayPage,actionType:i.Vw.Download,entity:i.py.Resource})}:null},getChildAppLink:e.getAppLink,analyticsOptions:e.canViewResources?{}:{workflowPhase:i.eu.Start,descriptor:i.Yu.SignUp},analyticsData:e.analyticsData})):a.createElement(a.Fragment,null)}},351:(e,t,n)=>{n.d(t,{$G:()=>w,oA:()=>k,ZS:()=>C});var a=n(32735),r=n(39202),i=n(49985),l=n(65858),o=n(36848),c=n(11607),s=n(75891),u=n(83914),d=n(60995),m=n(76177),p=n(61150),v=n(71063),f=n(4594),g=n(1164),h=n(79967),y=n(45778),E=n(54297),b=n(35223);const I={imageStyle:"bYRn8",item:"CjuxU",dashboard:"IuRN0",playPage:"VdJvp",aspectRatio:"QK8Jh",outerContainer:"eiC_H",innerContainer:"huIRg",actions:"FsIJm",titleBelow:"DpeSr",thumbnailContainer:"ZbalL",titleAbove:"PwOSX",teacherPack:"ZHAEj",text:"k3ei6",hoverState:"BLrWL",atomGuide:"Qz8JE",studentActivity:"qNspk",additionalMaterials:"R0huw",userUploaded:"H_zGf",imageTypeResource:"AgeLb",download:"DKneu"};function C(e,t){var n,a=(0,h.k)();return"public"===t||!a.xs&&!a.sm&&"resource"===e.type&&"metadata"in e&&(e.metadata.type===g.L.Image||(e.metadata.type===g.L.Pdf?!!e.url:!!(null===(n=e.pdf)||void 0===n?void 0:n.url)))}function w(e){var t,n,r,i,l=null;"metadata"in e.data&&(l=e.data.metadata);var o=y.G.isType(e.data,f.E.Resource);return a.createElement(a.Fragment,null,a.createElement("div",{className:I.aspectRatio},a.createElement("div",{className:I.outerContainer},a.createElement("div",{className:function(t){var n,a="\n      d-flex flex-column align-items-center justify-content-end rounded-3 h-100\n      position-relative ".concat(function(e){switch(e){case"atom-guide":return I.atomGuide;case"student-activity":return I.studentActivity;case"teacher-pack":return I.teacherPack;case"additional-materials":return I.additionalMaterials;default:return I.userUploaded}}(t)," ").concat(I.innerContainer);return(null===(n=e.theme)||void 0===n?void 0:n.containerClass)?a+=" ".concat(e.theme.containerClass):a+=" pt-3 px-3",e.applyHoverState&&(a+=" ".concat(I.hoverState)),a}(null==l?void 0:l.resourceType)},"above"===e.titlePosition&&a.createElement(m.u,{title:e.data.name},a.createElement("h3",{className:"text-center text-break h5 mb-3 ".concat(I.text)},a.createElement("span",{className:"clamp-1"},e.data.name))),a.createElement("div",{className:"\n              ".concat(null!==(n=null===(t=e.theme)||void 0===t?void 0:t.thumbnailContainerClass)&&void 0!==n?n:""," w-75 overflow-hidden \n              ").concat(I.thumbnailContainer," ").concat("above"===e.titlePosition?I.titleAbove:""," \n              ").concat(I.imageStyle,"\n            ")},a.createElement(s.C,{resource:e.data,imageCdnUrl:e.imageCdnUrl,imageErrorFallbackUrl:e.imageErrorFallbackUrl,preloadImage:e.preloadImage,dynamicRatioImageOptions:e.dynamicRatioImageOptions})),o&&e.onClickDownload&&"normal"===e.actionBehaviour&&a.createElement("div",{className:I.actions},a.createElement(c.L,{onClick:function(t){t.preventDefault(),t.stopPropagation(),y.G.isResource(e.data)&&"function"==typeof e.onClickDownload&&e.onClickDownload(e.data)},className:"".concat(I.download," d-flex align-items-center justify-content-center")},a.createElement(u.x,{svgName:b.vn.Download}))),!e.hideTypeBadge&&o&&a.createElement(p.y,{typeId:f.E.Resource})))),"below"===e.titlePosition&&a.createElement("div",{className:"mt-1 ".concat(I.titleBelow)},y.G.isType(e.data,f.E.Resource)&&!!(null===(i=null===(r=e.data)||void 0===r?void 0:r.metadata)||void 0===i?void 0:i.resourceType)&&a.createElement(d.m,null,E.C.getResourceTypeName(e.data.metadata.resourceType)),a.createElement("h3",{className:"h6 clamp-2"},e.data.name)))}w.defaultProps={preloadImage:!0,actionBehaviour:"normal"};var k=a.memo((function(e){var t=C(e.data,e.actionBehaviour),n=Object.assign(Object.assign({},e.analyticsData),e.data),c=Object.assign(Object.assign({},e.analyticsOptions),{actionType:l.Vw.Click,entity:e.data.typeId===f.E.Resource?l.py.Resource:l.py.Link});function s(){i.k.logUserAction(n,c)}var u,d=Object.assign(Object.assign({},e),{applyHoverState:t||!!e.data.url});return a.createElement("div",{className:"px-1 flex-shrink-0 ".concat(I.item," ").concat("play-page"===e.location?I.playPage:I.dashboard," ").concat(v.M.RESOURCE_ITEM_SELECTOR)},(u="d-block no-decoration","link"===e.data.type?a.createElement("a",{href:e.data.url,target:"_blank",className:u,onClick:s},a.createElement(w,Object.assign({},d))):t?"public"===e.actionBehaviour?a.createElement("div",{className:"".concat(u," cursor-pointer d-inline"),onClick:function(){s(),r.C$.trigger(e.getAppLink(e.data))}},a.createElement(w,Object.assign({},d))):a.createElement(o.F,{appLink:e.getAppLink(e.data),className:u,analyticsData:n,analyticsOptions:c},a.createElement(w,Object.assign({},d))):e.data.url?a.createElement("a",{href:e.data.url,className:u,onClick:s},a.createElement(w,Object.assign({},d))):a.createElement("div",{className:u},a.createElement(w,Object.assign({},d)))))}))},75838:(e,t,n)=>{n.d(t,{w:()=>s});var a=n(32735),r=n(92869),i=n(65858),l=n(36848),o=n(11607);const c={itemsWrapper:"m6mGm",anchorWrapper:"QptZj",default:"_AZa8",selectedItem:"Nuiel",disabled:"WIzWJ",floatIcon:"ARudn",arrowIcon:"tEF5Q",listIcon:"Ql2wi"};function s(e){var t={actionType:i.Vw.Click,entity:i.py.Widget,location:i.LZ.TableOfContents};return a.createElement("div",{className:"".concat(c.itemsWrapper)},e.items.map((function(n,i){return e.localState?a.createElement(o.L,{key:n.id,className:"".concat(c.anchorWrapper," ").concat(e.activeId===n.id?c.selectedItem:""),onClick:function(){var t;r.t.preventScrollTop(),e.setControlledId(n.id),null===(t=e.onItemClick)||void 0===t||t.call(e,n)}},a.createElement("div",{className:"".concat(e.activeId||0!==i?"":c.default," ")},n.name)):a.createElement(l.F,{key:n.id,appLink:e.getAppLink(n),appLinkOptions:{replace:!0},className:"".concat(c.anchorWrapper," ").concat(e.activeId===n.id?c.selectedItem:""),onClick:function(){var t;r.t.preventScrollTop(),e.setControlledId(n.id),null===(t=e.onItemClick)||void 0===t||t.call(e,n)},analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:n.id,name:n.name}),analyticsOptions:t},a.createElement("div",{className:"".concat(e.activeId||0!==i?"":c.default," ")},n.name))})))}},65332:(e,t,n)=>{n.d(t,{D:()=>i});var a,r=n(32735),i=function(e){var t=e.setActiveId,n=e.headingElements,i=e.controlledId,l=e.setControlledId,o=r.useRef(0);r.useEffect((function(){var e=new IntersectionObserver((function(e){e.forEach((function(e){if(i)return t(i),void(a=window.setTimeout((function(){l("")}),800));if(e.isIntersecting)t(e.target.id),o.current=window.scrollY;else{var r=o.current-window.scrollY>0,c=n.findIndex((function(t){return t.id===e.target.id})),s=n[c-1];r&&(null==s?void 0:s.id)&&t(null==s?void 0:s.id)}}))}),{rootMargin:"-67px 0px -80% 0px"});return n.forEach((function(t){return e.observe(t)})),function(){a&&window.clearTimeout(a),e.disconnect()}}),[t,n.length,i])}},74237:(e,t,n)=>{n.d(t,{T:()=>o});var a=n(97395),r=n(49985),i=n(65858),l=null,o={getVideoDownloadUrl:function(e,t){return a._.safeUrlConcat(a._.makeHttps(e),"/download?token=".concat(t))},downloadResource:function(e,t,n){var a,o=l;l||(o=l=document.createElement("iframe"),document.body.appendChild(o),o.style.display="none"),o.src=e.url,r.k.logUserAction(Object.assign({id:null==e?void 0:e.id,name:null==e?void 0:e.name,resourceType:null===(a=null==e?void 0:e.metadata)||void 0===a?void 0:a.resourceType},t),Object.assign({actionType:i.Vw.Download,entity:i.py.Resource,workflowPhase:i.eu.Complete},n))}}},9465:(e,t,n)=>{n.d(t,{h:()=>h});var a=n(32735),r=n(50690),i=n(49985),l=n(65858),o=n(10874),c=n(75838),s=n(83345),u=n(75795),d=n(35223),m=n(69566);const p={container:"qA4yj",showInSide:"kd9hB",aside:"j28IY",collapse:"sFoPk",iconContainer:"PYyBV",arrowIcon:"MTodB",listIcon:"W76p8"};var v="shared.playPage";function f(e){function t(){var t;e.setIsExpanded(!e.isExpanded),t={actionType:e.isExpanded?l.Vw.Hide:l.Vw.Open,entity:l.py.TableOfContents,location:l.LZ.PlayPage},i.k.logUserAction(e.analyticsData,t)}return a.createElement("div",{className:"d-flex justify-content-end"},a.createElement("div",{className:p.container},a.createElement("div",{className:"".concat(p.iconContainer)},a.createElement(o.h,{className:"btn btn-outline-dark ".concat(p.listIcon),svgName:d.vn.TableOfContents,onClick:t}),a.createElement(o.h,{className:"btn btn-outline-dark ".concat(p.arrowIcon),svgName:e.isExpanded?d.vn.CollapseRight:d.vn.ExpandLeft,onClick:t}))))}function g(e){return a.createElement("div",{className:e.showInSide?"col col-2":"d-inline-flex gap-1"},a.createElement("aside",{className:"".concat(p.aside," position-relative ").concat(e.showInSide?"pe-1 pt-1 ":"px-3 pt-3 pb-2 border border-dark rounded-1 bg-white")},a.createElement("div",{className:"".concat(p.container," ").concat(e.showInSide?p.showInSide:"")},e.showInSide&&a.createElement(o.h,{className:"btn position-absolute ".concat(p.collapse),svgName:d.vn.CollapseRight,onClick:function(){var t;e.setIsExpanded(!1),t={actionType:l.Vw.Hide,entity:l.py.TableOfContents,location:l.LZ.PlayPage},i.k.logUserAction(e.analyticsData,t)}}),a.createElement("h2",{className:"h5"},a.createElement(s.x,{namespace:v,phrase:"tocHeading"})),a.createElement(c.w,{items:e.items,activeId:e.activeId,getAppLink:function(e){var t=u.O.getCurrentRoute().appLink,n=t.params?Object.assign({},t.params):{};return n.tocId=e.id,Object.assign(Object.assign({},t),{params:n})},setControlledId:e.setControlledId,analyticsData:e.analyticsData,onItemClick:function(){e.showInSide||e.setIsExpanded(!1)}}))),!e.showInSide&&a.createElement(f,Object.assign({},e)))}function h(e){return a.createElement(a.Fragment,null,e.isExpanded&&e.showInSide&&a.createElement(g,Object.assign({},e)),r.b.renderInPortalIfExists(!e.isExpanded&&a.createElement(f,Object.assign({},e)),document.getElementById(m.M)),r.b.renderInPortalIfExists(!e.showInSide&&e.isExpanded&&a.createElement(g,Object.assign({},e)),document.getElementById(m.M)))}},53256:(e,t,n)=>{n.d(t,{d:()=>l});var a=n(23481),r=n(59598),i=a.T.encloseNamespace("shared.play"),l={getSectionHeading:function(e,t){switch(e){case r.K.Resources:return i("resourcesHeading",{count:t.resources.length});case r.K.Clips:return t.isPlayClipPage?i("otherClipsHeading",{count:t.clips.length-1}):i("clipsHeading",{count:t.clips.length});case r.K.Interactives:return i("interactivesHeading",{count:t.interactives.length});case r.K.Video:return i("videoHeading");case r.K.VideoDetails:return i("videoDetailsHeading");case r.K.RelatedVideos:return i("upNextHeading");case r.K.CurriculumLinks:return i("curriculumLinksHeading");case r.K.ClippedFrom:return i("clippedFromHeading");default:return""}}}},63010:(e,t,n)=>{n.d(t,{Q:()=>s});var a=n(32735),r=n(57900),i=n(81812);function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,l,o=[],c=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(a=i.call(n)).done)&&(o.push(a.value),o.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw r}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var c="play-page-toc-expanded";function s(e){var t=(0,i.a)(),n=!1!==r.SG.get(c),o=!!t&&n,s=l(a.useState(e||""),2),u=s[0],d=s[1],m=l(a.useState(""),2),p=m[0],v=m[1],f=l(a.useState(o),2),g=f[0],h=f[1];return a.useEffect((function(){h(!!t&&n)}),[t]),{controlledId:u,setControlledId:d,tableOfContentsExpanded:g,tableOfContentsActiveId:p,setTableOfContentsActiveId:v,onToggleTableOfContents:function(){h(!g),r.SG.set(c,!g)}}}},14476:(e,t,n)=>{n.d(t,{i:()=>o});var a=n(32735),r=n(59598),i=[r.K.Video,r.K.CurriculumLinks,r.K.Resources,r.K.Interactives,r.K.Clips,r.K.VideoDetails,r.K.ClippedFrom,r.K.RelatedVideos],l=[r.K.Video,r.K.VideoDetails,r.K.CurriculumLinks,r.K.Resources,r.K.Interactives,r.K.Clips,r.K.ClippedFrom,r.K.RelatedVideos];function o(e){var t=a.useRef(new Map),n=(e?i:l).map((function(e){return t.current.get(e)})).filter(Boolean);return{headingRef:t,headingElements:n}}},81812:(e,t,n)=>{n.d(t,{a:()=>r});var a=n(79967);function r(){var e=(0,a.k)();return e.lg||e.xl||e.xxl}},63847:(e,t,n)=>{n.d(t,{Z:()=>a});const a={learningIntention:"MHM6O",highlightPoi:"U7Q6x",icon:"H1xbT"}}}]);
+//# sourceMappingURL=2142-f71cf5c71f-lite.chunk.js.map