npm - @clickview/lite - Versions diffs - 0.50.0-rc.2 → 0.50.0-rc.3 - Mend

@clickview/lite 0.50.0-rc.2 → 0.50.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (45) hide show

package/dist/scripts/{6863-562ff82f45-lite.chunk.js → 6863-670092eaa5-lite.chunk.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 "use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6863],{9826:(e,t,n)=>{n.d(t,{e:()=>f});var r=n(32735),a=n(91967),c=n(86764),l=n(81514),i=n(10038);const o={stickyFooter:"rIUL4",nonStickyFooter:"PuC_F"};function s(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=50;function d(e){var t="justify-content-".concat(e.justify);return r.createElement("div",{className:"py-3 bg-white ".concat(o.stickyFooter)},r.createElement("div",{className:"w-75 mx-auto d-flex ".concat(t)},e.children))}function m(e){var t=(0,l.V)(),n=t===c.r.SM||t===c.r.XS?"w-100":"w-75",a="justify-content-".concat(e.justify);return r.createElement("div",{className:"".concat(n," ").concat(a," ").concat(o.nonStickyFooter," d-flex px-3")},e.children)}function f(e){var t,n,c=function(){return window.innerHeight+window.scrollY>=document.body.offsetHeight-u},l=(t=r.useState(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,c,l,i=[],o=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=c.call(n)).done)&&(i.push(r.value),i.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}(t,n)||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}}(t,n)||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.")}()),o=l[0],f=l[1];r.useEffect((function(){return f(!c())}),[]);var p=a.q.throttle((function(){var e=!c();!o||e?!o&&e&&f(!0):f(!1)}),100);return r.useEffect((function(){return window.addEventListener("scroll",p),function(){return window.removeEventListener("scroll",p)}}),[o,f]),(0,i.H)(p,p,[o,f]),o?r.createElement(d,Object.assign({},e),e.children):r.createElement(m,Object.assign({},e),e.children)}f.defaultProps={justify:"between"}},32697:(e,t,n)=>{n.d(t,{ed:()=>r.e,cQ:()=>f.c,i:()=>m,RP:()=>h});var r=n(9826),a=n(32735);n(36848);var c=n(75896),l=n(70154),i=n(86764),o=n(81514),s=n(92875),u=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function d(e){var t=a.useContext(l.x),n=t.expandedSubject,r=t.selectedSubjects;return a.createElement(a.Fragment,null,e.subjects.map((function(t){var c=function(e,t){return!(!t||e.id===t.id||t.children.find((function(t){return t.id===e.id})))}(t,n),l=e.onSelect;return t.isExpandableOption&&(l=e.onExpand),c&&(l=e.onCollapse),e.hasSelectedBulk&&(l=function(){}),a.createElement(h,{key:t.id,subject:t,selected:!e.hasSelectedBulk&&r.includes(t.id),disabled:e.hasSelectedBulk||c,onClick:function(){return l(t)},hasSelectedBulk:e.hasSelectedBulk})})))}function m(e){var t=e.subjects,n=e.hasSelectedBulk,r=u(e,["subjects","hasSelectedBulk"]),f=a.useContext(l.x).expandedSubject,p=function(){switch((0,o.V)()){case i.r.LG:default:return 5;case i.r.MD:return 4;case i.r.SM:return 3;case i.r.XS:return 2}}(),v=t.reduce((function(e,t,n){return n%p==0?e.push([t]):c.m.last(e).push(t),e}),[]);return a.createElement("ul",{className:s.Z.grid},v.map((function(e,t){var c=f&&!!e.find((function(e){return f.id===e.id&&e.isExpandableOption}));return a.createElement(a.Fragment,{key:t},a.createElement(d,Object.assign({subjects:e,hasSelectedBulk:n},r)),c&&a.createElement("li",{className:"".concat(s.Z.subgrid," m-0")},a.createElement(m,Object.assign({subjects:f.children,hasSelectedBulk:n},r))))})))}var f=n(386),p=n(76177),v=n(54610),b=n(67453);function h(e){var t,n,r=a.useContext(l.x),c=e.subject.cover?b.j.createUrl(e.subject.cover.url,{size:v.h2.Small}):"",i=e.subject.isExpandableOption?e.subject.children.map((function(e){return e.id})):[],o=e.hasSelectedBulk?0:null===(t=null==r?void 0:r.selectedSubjects)||void 0===t?void 0:t.filter((function(e){return i.includes(e)})).length,s=a.createElement(f.c,{name:e.subject.name,imageUrl:c,onClick:e.onClick,isSelected:e.selected,isDisabled:e.disabled,isExpandable:e.subject.isExpandableOption,expand:(null===(n=null==r?void 0:r.expandedSubject)||void 0===n?void 0:n.id)===e.subject.id,selectedChildCount:o,extraClasses:e.extraClasses,hideStatus:e.hideStatus});return e.disabled?a.createElement("span",null,s):a.createElement(p.u,{title:e.subject.name},a.createElement("span",null,s))}},386:(e,t,n)=>{n.d(t,{c:()=>s});var r=n(32735),a=n(83914),c=n(35223);const l={preferenceItem:"PSWHa",expandCaret:"CCsqs",up:"w7N1R",down:"mO0Kn",disabled:"Oyw2x",selected:"Czk2N",noBorder:"_e7oe",textBox:"pfksF",itemStatus:"H4u81",unchecked:"iYkPv",green:"w5g0e"};var i=function(e){return e.selectedChildrenCount?r.createElement("div",{className:"".concat(l.itemStatus," ").concat(l.green)},e.selectedChildrenCount):r.createElement(r.Fragment,null)},o=function(e){var t;return t=e.selected?r.createElement(a.x,{svgName:c.vn.Check}):e.radioButton?r.createElement(r.Fragment,null," "):r.createElement(a.x,{svgName:c.vn.Plus}),r.createElement("div",{className:"".concat(l.itemStatus," ").concat(e.selected?l.green:l.unchecked)},t)};function s(e){var t,n="".concat(l.expandCaret," ").concat(e.expand?l.up:l.down);return r.createElement("li",{className:(t="rounded-3 ".concat(l.preferenceItem),e.extraClasses&&(t+=" "+e.extraClasses),e.isDisabled&&(t+=" "+l.disabled),e.isSelected&&!e.isExpandable&&(t+=" "+l.selected),e.hideStatus&&(t+=" "+l.noBorder),t),onClick:e.onClick,"aria-checked":e.isSelected,"aria-haspopup":e.isExpandable,role:e.isExpandable?"button":"checkbox",style:{backgroundImage:"url(".concat(e.imageUrl,")")},tabIndex:0,title:e.name},r.createElement("div",{className:"".concat(l.textBox," p-2")},r.createElement("p",{className:"text-truncate mb-0"},e.name,r.createElement("span",{className:e.isExpandable?n:""})),!e.hideStatus&&r.createElement(r.Fragment,null,e.isExpandable?r.createElement(i,{selectedChildrenCount:e.selectedChildCount}):r.createElement(o,{selected:e.isSelected,radioButton:e.radioButton}))))}},70154:(e,t,n)=>{n.d(t,{x:()=>r});var r=(0,n(32735).createContext)(void 0)},81514:(e,t,n)=>{n.d(t,{V:()=>c});var r=n(86764),a=n(3747);function c(){var e=(0,a.a)(r.r.XS),t=(0,a.a)(r.r.SM),n=(0,a.a)(r.r.MD),c=(0,a.a)(r.r.LG),l=(0,a.a)(r.r.XL),i=(0,a.a)(r.r.XXL),o=r.r.LG;return e&&(o=r.r.XS),t&&(o=r.r.SM),n&&(o=r.r.MD),c&&(o=r.r.LG),l&&(o=r.r.XL),i&&(o=r.r.XXL),o}},56863:(e,t,n)=>{n.r(t),n.d(t,{SchoolLevelSelectorPopupView:()=>N});var r=n(32735),a=n(23481),c=n(57900),l=n(81886),i=n(2948),o=n(49985),s=n(65858),u=n(32697),d=n(9111),m=n(13876),f=n(83345),p=n(38143),v=n(52641),b=n(54610),h=n(25925),S=n(69883),E=n(75795),y=n(67453),g=n(14070),x=n(97291),C=n(86698);const j={preferenceList:"tLO8p",preferenceItem:"TOmGl",largePopup:"_9d72P",selectPresentation:"rVRaW",switchPresentation:"Q15YD"};function k(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,c,l,i=[],o=!0,s=!1;try{if(c=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=c.call(n)).done)&&(i.push(r.value),i.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}(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,r=Array(t);n<t;n++)r[n]=e[n];return r}var w="settings.schoolLevelSelectorPopup",P=a.T.encloseNamespace(w),I=function(e){return"".concat(e.application,":").concat(e.action)},L=new Set([I({application:x.O.SUBJECT,action:g.e.Subjects.CLASSIFICATION}),I({application:x.O.SUBJECT,action:g.e.Subjects.CLASSIFICATION_TOPICS})]);function N(e){var t=k(r.useState(),2),n=t[0],O=t[1],N=(0,S.Z)(),A=k((0,i.D)(p.g.AUDIENCE_FILTER,void 0,{storage:c.Z1.SessionStorage}),2)[1],B=(0,C.y)(),T=B.activePresentation,F=B.preferredPresentation,_=B.availablePresentations,U=B.setPresentation,D=B.hasPresentationsLoaded;function M(){o.k.logUserAction({id:null==F?void 0:F.id,targetId:n.id},{actionType:s.Vw.EditAssoc,entity:s.py.Presentation,location:s.LZ.Popup,workflowPhase:s.eu.Complete,eventVersion:s.eq.V3});var t=E.O.getCurrentRoute().appLink;L.has(I(t))?l.Q.C$.trigger({application:x.O.DASHBOARD,action:g.e.Dashboard.HOME}):l.Q.C$.trigger(t),N.success(P("success")),e.closePopup()}function H(){N.error(a.T.getPhrase(w,"error")),e.closePopup()}function R(){A(null),U(n,"activeAndPreferred").then(M).catch(H)}r.useEffect((function(){(null==T?void 0:T.id)&&O(T)}),[null==T?void 0:T.id]);var X=(null==_?void 0:_.length)>v._.MULTI_PRESENTATION_THRESHOLD?"lg":void 0,V=(null==_?void 0:_.length)>v._.MULTI_PRESENTATION_THRESHOLD?"largePopup":"";return r.createElement(d.G,{title:P("title"),closePopup:e.closePopup,showLoadingSpinner:!D,size:X},r.createElement((function(){return r.createElement("div",{className:"".concat(j.selectPresentation," ").concat(V)},r.createElement("p",null,r.createElement(f.x,{namespace:w,phrase:"info"})),r.createElement("div",{className:"mt-3"},r.createElement("div",{className:"position-relative"},r.createElement("ul",{className:"list-unstyled d-flex ".concat(j.preferenceList)},null==_?void 0:_.map((function(e){var t;return e.type!==h.R.Subject?r.createElement(r.Fragment,{key:e.id}):r.createElement(u.cQ,{key:e.id,name:e.name,imageUrl:y.j.createUrl(null===(t=e.cover)||void 0===t?void 0:t.url,{size:b.h2.Medium})||"",onClick:function(){return function(e){O(e)}(e)},isSelected:(null==n?void 0:n.id)===e.id,extraClasses:"".concat(j.preferenceItem," m-2"),radioButton:!0})})))),r.createElement(m.u,null,r.createElement(m.u.Cancel,{onClick:e.closePopup}),r.createElement(m.u.Submit,{variant:"dark",onClick:R,text:P("save")}))))}),null))}},92875:(e,t,n)=>{n.d(t,{Z:()=>r});const r={grid:"X9r1Y",subgrid:"TgYhp"}}}]);
-//# sourceMappingURL=6863-562ff82f45-lite.chunk.js.map
+//# sourceMappingURL=6863-670092eaa5-lite.chunk.js.map

package/dist/scripts/{6863-562ff82f45-lite.chunk.js.map → 6863-670092eaa5-lite.chunk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scripts/6863-562ff82f45-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/subjects/components/preferences/footer/onboarding-footer.scss","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/footer/OnboardingFooter.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/topic-preferences/subject-preference-grid/SubjectPreferenceGrid.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/topic-preferences/subject-preference-item/SubjectPreferenceItem.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/preference-item.scss","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItemStatus.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.tsx","file:///app/packages/libs/shared/src/apps/subjects/contexts/TopicPreferencesContext.ts","file:///app/packages/libs/shared/src/hooks/UseGetMediaQueryString.ts","file:///app/packages/projects/lite/src/shared/views/school-level-popup/school-level-selector-popup.scss","file:///app/packages/projects/lite/src/shared/views/school-level-popup/SchoolLevelSelectorPopupView.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/topic-preferences/subject-preference-grid/subject-preference-grid.scss"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"stickyFooter\":\"rIUL4\",\"nonStickyFooter\":\"PuC_F\"};","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\nimport { useResizeListener } from 'libs/shared/hooks/UseResizeListener';\n\nimport styles from './onboarding-footer.scss';\n\nconst SCROLL_TOLERANCE = 50; // value in px\n\ninterface OnboardingFooterProps extends React.PropsWithChildren<unknown> {\n justify?: 'end' \| 'center' \| 'between';\n}\n\nOnboardingFooter.defaultProps = {\n justify: 'between'\n};\n\nfunction StickyFooter(props: OnboardingFooterProps): JSX.Element {\n const justifyClass = `justify-content-${props.justify}`;\n\n return (\n <div className={`py-3 bg-white ${styles.stickyFooter}`}>\n <div className={`w-75 mx-auto d-flex ${justifyClass}`}>\n {props.children}\n </div>\n </div>\n );\n}\n\nfunction NonStickyFooter(props: OnboardingFooterProps): JSX.Element {\n const mediaQuery = useGetMediaQueryString();\n const widthClass = (mediaQuery === MediaQueryStrings.SM \|\| mediaQuery === MediaQueryStrings.XS) ? 'w-100' : 'w-75';\n\n const justifyClass = `justify-content-${props.justify}`;\n\n return (\n <div className={`${widthClass} ${justifyClass} ${styles.nonStickyFooter} d-flex px-3`}>\n {props.children}\n </div>\n );\n}\n\nexport function OnboardingFooter(props: OnboardingFooterProps): JSX.Element {\n const isScrolledToBottom = () => {\n return (window.innerHeight + window.scrollY) >= (document.body.offsetHeight - SCROLL_TOLERANCE);\n };\n\n const [ isSticky, setIsSticky ] = React.useState(false);\n\n React.useEffect(() => setIsSticky(!isScrolledToBottom()), []);\n\n function onViewportChange(): void {\n const shouldSetToSticky = !isScrolledToBottom();\n\n if (isSticky && !shouldSetToSticky) {\n setIsSticky(false);\n return;\n }\n\n if (!isSticky && shouldSetToSticky)\n setIsSticky(true);\n }\n\n const throttledOnViewportChange = FunctionHelper.throttle(onViewportChange, 100);\n\n React.useEffect(() => {\n window.addEventListener('scroll', throttledOnViewportChange);\n return () => window.removeEventListener('scroll', throttledOnViewportChange);\n }, [ isSticky, setIsSticky ]);\n\n useResizeListener(throttledOnViewportChange, throttledOnViewportChange, [ isSticky, setIsSticky ]);\n\n return isSticky\n ? <StickyFooter {...props}>{props.children}</StickyFooter>\n : <NonStickyFooter {...props}>{props.children}</NonStickyFooter>;\n}","import * as React from 'react';\n\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { SubjectPreferenceItem } from 'libs/shared/apps/subjects/components/preferences';\nimport { TopicPreferencesContext } from 'libs/shared/apps/subjects/contexts/TopicPreferencesContext';\nimport { ClassificationPreference } from 'libs/shared/apps/subjects/interfaces/ClassificationPreference';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\nimport { Classification } from 'libs/shared/interfaces';\n\nimport styles from './subject-preference-grid.scss';\n\nfunction useGetRowItemCapacity(): number {\n const viewportWidth = useGetMediaQueryString();\n\n switch (viewportWidth) {\n case MediaQueryStrings.LG:\n default:\n return 5;\n\n case MediaQueryStrings.MD:\n return 4;\n\n case MediaQueryStrings.SM:\n return 3;\n\n case MediaQueryStrings.XS:\n return 2;\n }\n}\n\nfunction isDisabled(subject: ClassificationPreference, expandedSubject: ClassificationPreference): boolean {\n if (!expandedSubject \|\| subject.id === expandedSubject.id)\n return false;\n\n if (expandedSubject.children.find(child => child.id === subject.id))\n return false;\n\n return true;\n}\n\ninterface SubjectPreferenceGridRowProps extends SubjectPreferenceGridProps {}\n\nfunction SubjectPreferenceGridRow(props: SubjectPreferenceGridRowProps): JSX.Element {\n const { expandedSubject, selectedSubjects: selections } = React.useContext(TopicPreferencesContext);\n\n return (\n <>\n {props.subjects.map(subject => {\n const itemDisabled = isDisabled(subject, expandedSubject);\n\n let clickHandler = props.onSelect;\n\n if (subject.isExpandableOption)\n clickHandler = props.onExpand;\n\n if (itemDisabled)\n clickHandler = props.onCollapse;\n\n if (props.hasSelectedBulk)\n clickHandler = () => {};\n\n return (\n <SubjectPreferenceItem\n key={subject.id}\n subject={subject}\n selected={!props.hasSelectedBulk && selections.includes(subject.id)}\n disabled={props.hasSelectedBulk \|\| itemDisabled}\n onClick={() => clickHandler(subject)}\n hasSelectedBulk={props.hasSelectedBulk}\n />\n );\n })}\n </>\n );\n}\n\ninterface SubjectPreferenceGridProps {\n subjects: ClassificationPreference[];\n onSelect: (subject: Classification) => void;\n onExpand: (subject: Classification) => void;\n onCollapse: (subject: Classification) => void;\n hasSelectedBulk?: boolean;\n}\n\nexport function SubjectPreferenceGrid(props: SubjectPreferenceGridProps): JSX.Element {\n const { subjects, hasSelectedBulk, ...eventHandlers } = props;\n const { expandedSubject } = React.useContext(TopicPreferencesContext);\n\n const itemsPerRow = useGetRowItemCapacity();\n\n /*\n This is an array of arrays, where each sub-array is a row of classifications.\n * We do this to make sure any sub-grid's of child preference options get rendered in the row\n * directly beneath their parent's row.\n /\n const subjectRows = subjects.reduce((\n acc: ClassificationPreference[][],\n subject: ClassificationPreference,\n index: number\n ) => {\n index % itemsPerRow === 0\n ? acc.push([subject]) // Start a new row\n : ArrayHelper.last(acc).push(subject); // Fill up an existing row\n\n return acc;\n }, []);\n\n return (\n <ul className={styles.grid}>\n {subjectRows.map((row, i) => {\n const isExpanded = expandedSubject && !!row.find(subject => {\n return expandedSubject.id === subject.id && subject.isExpandableOption;\n });\n\n return (\n <React.Fragment key={i}>\n <SubjectPreferenceGridRow\n subjects={row}\n hasSelectedBulk={hasSelectedBulk}\n {...eventHandlers}\n />\n\n {isExpanded && (\n <li className={`${styles.subgrid} m-0`}>\n <SubjectPreferenceGrid\n subjects={expandedSubject.children as ClassificationPreference[]}\n hasSelectedBulk={hasSelectedBulk}\n {...eventHandlers}\n />\n </li>\n )}\n </React.Fragment>\n );\n })}\n </ul>\n );\n}","import as React from 'react';\n\nimport { PreferenceItem } from 'libs/shared/apps/subjects/components/preferences/preference-item/PreferenceItem';\nimport { TopicPreferencesContext } from 'libs/shared/apps/subjects/contexts/TopicPreferencesContext';\nimport { ClassificationPreference } from 'libs/shared/apps/subjects/interfaces/ClassificationPreference';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\ninterface SubjectPreferenceItemProps {\n subject: ClassificationPreference;\n selected: boolean;\n disabled?: boolean;\n onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\n extraClasses?: string;\n hideStatus?: boolean;\n hasSelectedBulk?: boolean;\n}\n\nexport function SubjectPreferenceItem(props: SubjectPreferenceItemProps): JSX.Element {\n const context = React.useContext(TopicPreferencesContext);\n\n const coverUrl = props.subject.cover ? ImageHelper.createUrl(props.subject.cover.url, { size: ImageSize.Small }) : '';\n\n const childIds = props.subject.isExpandableOption ? props.subject.children.map(child => child.id) : [];\n const selectedChildCount = !props.hasSelectedBulk\n ? context?.selectedSubjects?.filter(selection => childIds.includes(selection)).length\n : 0;\n\n const component = (\n <PreferenceItem\n name={props.subject.name}\n imageUrl={coverUrl}\n onClick={props.onClick}\n isSelected={props.selected}\n isDisabled={props.disabled}\n isExpandable={props.subject.isExpandableOption}\n expand={context?.expandedSubject?.id === props.subject.id}\n selectedChildCount={selectedChildCount}\n extraClasses={props.extraClasses}\n hideStatus={props.hideStatus}\n />\n );\n\n return props.disabled\n ? <span>{component}</span>\n : <Tooltip title={props.subject.name}><span>{component}</span></Tooltip>;\n}","// extracted by mini-css-extract-plugin\nexport default {\"preferenceItem\":\"PSWHa\",\"expandCaret\":\"CCsqs\",\"up\":\"w7N1R\",\"down\":\"mO0Kn\",\"disabled\":\"Oyw2x\",\"selected\":\"Czk2N\",\"noBorder\":\"_e7oe\",\"textBox\":\"pfksF\",\"itemStatus\":\"H4u81\",\"unchecked\":\"iYkPv\",\"green\":\"w5g0e\"};","import * as React from 'react';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './preference-item.scss';\n\ninterface ExpandableItemStatusProps {\n selectedChildrenCount: number;\n}\n\nexport const ExpandableItemStatus = (props: ExpandableItemStatusProps): JSX.Element => {\n if (!props.selectedChildrenCount)\n return <></>;\n\n return (\n <div className={`${styles.itemStatus} ${styles.green}`}>\n {props.selectedChildrenCount}\n </div>\n );\n};\n\ninterface SelectableItemStatusProps {\n selected: boolean;\n radioButton?: boolean;\n}\n\nexport const SelectableItemStatus = (props: SelectableItemStatusProps): JSX.Element => {\n let svg;\n\n if (props.selected)\n svg = <SvgContainer svgName={cvSvgLibrary.Check} />;\n else if (!props.radioButton)\n svg = <SvgContainer svgName={cvSvgLibrary.Plus} />;\n else\n svg = <> </>;\n\n return (\n <div className={`${styles.itemStatus} ${props.selected ? styles.green : styles.unchecked}`}>\n {svg}\n </div>\n );\n};\n","import React from 'react';\n\nimport { ExpandableItemStatus, SelectableItemStatus } from './PreferenceItemStatus';\n\nimport styles from './preference-item.scss';\n\ninterface PreferenceItemProps {\n name: string;\n imageUrl: string;\n\n onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\n isDisabled?: boolean;\n isSelected: boolean;\n hideStatus?: boolean;\n radioButton?: boolean;\n\n isExpandable?: boolean;\n expand?: boolean;\n selectedChildCount?: number;\n\n extraClasses?: string;\n}\n\nexport function PreferenceItem(props: PreferenceItemProps): JSX.Element {\n function getContainerClass(): string {\n let baseClass = `rounded-3 ${styles.preferenceItem}`;\n\n if (props.extraClasses)\n baseClass += ' ' + props.extraClasses;\n\n if (props.isDisabled)\n baseClass += ' ' + styles.disabled;\n\n if (props.isSelected && !props.isExpandable)\n baseClass += ' ' + styles.selected;\n\n if (props.hideStatus)\n baseClass += ' ' + styles.noBorder;\n\n return baseClass;\n }\n\n const caretClass = `${styles.expandCaret} ${props.expand ? styles.up : styles.down}`;\n\n return (\n <li\n className={getContainerClass()}\n onClick={props.onClick}\n aria-checked={props.isSelected}\n aria-haspopup={props.isExpandable}\n role={props.isExpandable ? 'button' : 'checkbox'}\n style={{ backgroundImage: `url(${props.imageUrl})` }}\n tabIndex={0}\n title={props.name}\n >\n <div className={`${styles.textBox} p-2`}>\n <p className='text-truncate mb-0'>\n {props.name}\n <span className={props.isExpandable ? caretClass : ''} />\n </p>\n\n {!props.hideStatus && (\n <>{props.isExpandable\n ? <ExpandableItemStatus selectedChildrenCount={props.selectedChildCount} />\n : <SelectableItemStatus selected={props.isSelected} radioButton={props.radioButton} />\n }</>\n )}\n </div>\n </li>\n );\n}","import { createContext } from 'react';\n\nimport { ClassificationPreference } from '../interfaces/ClassificationPreference';\n\ninterface TopicPreferencesContextFields {\n selectedSubjects: string[];\n expandedSubject: ClassificationPreference;\n}\n\nexport const TopicPreferencesContext = createContext<TopicPreferencesContextFields>(undefined);","import { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\n\nimport { useMediaQuery } from './UseMediaQuery';\n\n/*\n @deprecated Please use useBreakpoints() instead\n */\nexport function useGetMediaQueryString(): MediaQueryStrings {\n const isXS = useMediaQuery(MediaQueryStrings.XS);\n const isSM = useMediaQuery(MediaQueryStrings.SM);\n const isMD = useMediaQuery(MediaQueryStrings.MD);\n const isLG = useMediaQuery(MediaQueryStrings.LG);\n const isXL = useMediaQuery(MediaQueryStrings.XL);\n const isXXL = useMediaQuery(MediaQueryStrings.XXL);\n\n let currentString = MediaQueryStrings.LG; // default\n if (isXS) currentString = MediaQueryStrings.XS;\n if (isSM) currentString = MediaQueryStrings.SM;\n if (isMD) currentString = MediaQueryStrings.MD;\n if (isLG) currentString = MediaQueryStrings.LG;\n if (isXL) currentString = MediaQueryStrings.XL;\n if (isXXL) currentString = MediaQueryStrings.XXL;\n\n return currentString;\n}","// extracted by mini-css-extract-plugin\nexport default {\"preferenceList\":\"tLO8p\",\"preferenceItem\":\"TOmGl\",\"largePopup\":\"_9d72P\",\"selectPresentation\":\"rVRaW\",\"switchPresentation\":\"Q15YD\"};","import React from 'react';\n\nimport { AppLink } from 'libs/common/backbone/core';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { StorageType } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { Core } from 'libs/common/core';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, EventVersion, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PreferenceItem } from 'libs/shared/apps/subjects/components/preferences';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { TopicsConstants } from 'libs/shared/constants/TopicsConstants';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { Presentation, PresentationAudience } from 'libs/shared/interfaces';\nimport { ContextService } from 'libs/shared/services/ContextService';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nimport styles from './school-level-selector-popup.scss';\n\nconst namespace = 'settings.schoolLevelSelectorPopup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst getAppLinkKey = (appLink: AppLink) => `${appLink.application}:${appLink.action}`;\n\n// The applinks below currently can't be mapped to routes between\n// 2 presentations. This means if the user is on one of these when\n// they switch presentations, they will be redirected to discover\n// instead of staying on the page they're on.\nconst UnmappedAppLinks = new Set([\n getAppLinkKey({\n application: AppChannels.SUBJECT,\n action: Actions.Subjects.CLASSIFICATION\n }),\n getAppLinkKey({\n application: AppChannels.SUBJECT,\n action: Actions.Subjects.CLASSIFICATION_TOPICS\n })\n]);\n\ninterface SchoolLevelSelectorPopupViewProps {\n closePopup: () => void;\n}\n\nexport function SchoolLevelSelectorPopupView(props: SchoolLevelSelectorPopupViewProps): JSX.Element {\n const [ selectedPresentation, setSelectedPresentation ] = React.useState<Presentation>();\n const alerts = useAlerts();\n\n const [ , setActiveAudiences ] = useViewModel<PresentationAudience[]>(\n SharedViewModelKeys.AUDIENCE_FILTER,\n undefined,\n { storage: StorageType.SessionStorage }\n );\n\n const {\n activePresentation,\n preferredPresentation,\n availablePresentations,\n setPresentation,\n hasPresentationsLoaded\n } = usePresentation();\n\n React.useEffect(() => {\n if (!activePresentation?.id)\n return;\n\n setSelectedPresentation(activePresentation);\n }, [activePresentation?.id]);\n\n\n function onSelect(presentation: Presentation) {\n setSelectedPresentation(presentation);\n }\n\n function onSuccess(): void {\n AnalyticsHelper.logUserAction(\n {\n id: preferredPresentation?.id,\n targetId: selectedPresentation.id\n },\n {\n actionType: UserAction.EditAssoc,\n entity: EntityType.Presentation,\n location: LocationContext.Popup,\n workflowPhase: WorkflowPhase.Complete,\n eventVersion: EventVersion.V3\n }\n );\n\n const currentAppLink = ContextService.getCurrentRoute().appLink;\n\n if (UnmappedAppLinks.has(getAppLinkKey(currentAppLink))) {\n Core.AppLinkHelper.trigger({\n application: AppChannels.DASHBOARD,\n action: Actions.Dashboard.HOME\n });\n } else {\n Core.AppLinkHelper.trigger(currentAppLink);\n }\n\n alerts.success(getPhrase('success'));\n props.closePopup();\n }\n\n function onError(): void {\n alerts.error(LanguageService.getPhrase(namespace, 'error'));\n props.closePopup();\n }\n\n function onSave(): void {\n // reset audiences filter on switching presentation\n setActiveAudiences(null);\n startUpdate();\n }\n\n function startUpdate(): void {\n setPresentation(selectedPresentation, 'activeAndPreferred')\n .then(onSuccess)\n .catch(onError);\n }\n\n const popupSize = availablePresentations?.length > TopicsConstants.MULTI_PRESENTATION_THRESHOLD ? 'lg' : undefined;\n const popupSizeClassName = availablePresentations?.length > TopicsConstants.MULTI_PRESENTATION_THRESHOLD ? 'largePopup' : '';\n\n const SelectPresentation = (): JSX.Element => (\n <div className={`${styles.selectPresentation} ${popupSizeClassName}`}>\n <p><Text namespace={namespace} phrase='info' /></p>\n <div className='mt-3'>\n <div className='position-relative'>\n <ul className={`list-unstyled d-flex ${styles.preferenceList}`}>\n {availablePresentations?.map(presentation => {\n if (presentation.type !== PresentationType.Subject)\n return <React.Fragment key={presentation.id}></React.Fragment>;\n\n return (\n <PreferenceItem\n key={presentation.id}\n name={presentation.name}\n imageUrl={ImageHelper.createUrl(presentation.cover?.url, { size: ImageSize.Medium }) \|\| ''}\n onClick={() => onSelect(presentation)}\n isSelected={selectedPresentation?.id === presentation.id}\n extraClasses={`${styles.preferenceItem} m-2`}\n radioButton\n />\n );\n })}\n </ul>\n </div>\n <PopupButtons>\n <PopupButtons.Cancel onClick={props.closePopup} />\n <PopupButtons.Submit\n variant='dark'\n onClick={onSave}\n text={getPhrase('save')}\n />\n </PopupButtons>\n </div>\n </div>\n );\n \n return (\n <Popup title={getPhrase('title')} closePopup={props.closePopup} showLoadingSpinner={!hasPresentationsLoaded} size={popupSize}>\n <SelectPresentation />\n </Popup>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"grid\":\"X9r1Y\",\"subgrid\":\"TgYhp\"};"],"names":["SCROLL_TOLERANCE","StickyFooter","props","justifyClass","justify","className","children","NonStickyFooter","mediaQuery","widthClass","OnboardingFooter","isScrolledToBottom","window","innerHeight","scrollY","document","body","offsetHeight","isSticky","setIsSticky","throttledOnViewportChange","FunctionHelper","shouldSetToSticky","addEventListener","removeEventListener","defaultProps","SubjectPreferenceGridRow","TopicPreferencesContext","expandedSubject","selections","selectedSubjects","subjects","map","subject","itemDisabled","id","find","child","isDisabled","clickHandler","onSelect","isExpandableOption","onExpand","onCollapse","hasSelectedBulk","SubjectPreferenceItem","key","selected","includes","disabled","onClick","SubjectPreferenceGrid","eventHandlers","itemsPerRow","useGetRowItemCapacity","subjectRows","reduce","acc","index","push","ArrayHelper","row","i","isExpanded","context","coverUrl","cover","ImageHelper","url","size","childIds","selectedChildCount","filter","selection","length","component","PreferenceItem","name","imageUrl","isSelected","isExpandable","expand","extraClasses","hideStatus","Tooltip","title","ExpandableItemStatus","selectedChildrenCount","SelectableItemStatus","svg","SvgContainer","svgName","radioButton","baseClass","caretClass","role","style","backgroundImage","tabIndex","createContext","undefined","useGetMediaQueryString","isXS","isSM","isMD","isLG","isXL","isXXL","currentString","namespace","getPhrase","LanguageService","getAppLinkKey","appLink","application","action","UnmappedAppLinks","Set","SchoolLevelSelectorPopupView","selectedPresentation","setSelectedPresentation","alerts","setActiveAudiences","SharedViewModelKeys","storage","usePresentation","activePresentation","preferredPresentation","availablePresentations","setPresentation","hasPresentationsLoaded","onSuccess","AnalyticsHelper","targetId","actionType","entity","location","workflowPhase","eventVersion","currentAppLink","ContextService","has","success","closePopup","onError","error","onSave","then","popupSize","TopicsConstants","popupSizeClassName","Popup","showLoadingSpinner","Text","phrase","presentation","type","PresentationType","PopupButtons","variant","text"],"sourceRoot":""}
1	+ {"version":3,"file":"scripts/6863-670092eaa5-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/subjects/components/preferences/footer/onboarding-footer.scss","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/footer/OnboardingFooter.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/topic-preferences/subject-preference-grid/SubjectPreferenceGrid.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/topic-preferences/subject-preference-item/SubjectPreferenceItem.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/preference-item.scss","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItemStatus.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.tsx","file:///app/packages/libs/shared/src/apps/subjects/contexts/TopicPreferencesContext.ts","file:///app/packages/libs/shared/src/hooks/UseGetMediaQueryString.ts","file:///app/packages/projects/lite/src/shared/views/school-level-popup/school-level-selector-popup.scss","file:///app/packages/projects/lite/src/shared/views/school-level-popup/SchoolLevelSelectorPopupView.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/topic-preferences/subject-preference-grid/subject-preference-grid.scss"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"stickyFooter\":\"rIUL4\",\"nonStickyFooter\":\"PuC_F\"};","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\nimport { useResizeListener } from 'libs/shared/hooks/UseResizeListener';\n\nimport styles from './onboarding-footer.scss';\n\nconst SCROLL_TOLERANCE = 50; // value in px\n\ninterface OnboardingFooterProps extends React.PropsWithChildren<unknown> {\n justify?: 'end' \| 'center' \| 'between';\n}\n\nOnboardingFooter.defaultProps = {\n justify: 'between'\n};\n\nfunction StickyFooter(props: OnboardingFooterProps): JSX.Element {\n const justifyClass = `justify-content-${props.justify}`;\n\n return (\n <div className={`py-3 bg-white ${styles.stickyFooter}`}>\n <div className={`w-75 mx-auto d-flex ${justifyClass}`}>\n {props.children}\n </div>\n </div>\n );\n}\n\nfunction NonStickyFooter(props: OnboardingFooterProps): JSX.Element {\n const mediaQuery = useGetMediaQueryString();\n const widthClass = (mediaQuery === MediaQueryStrings.SM \|\| mediaQuery === MediaQueryStrings.XS) ? 'w-100' : 'w-75';\n\n const justifyClass = `justify-content-${props.justify}`;\n\n return (\n <div className={`${widthClass} ${justifyClass} ${styles.nonStickyFooter} d-flex px-3`}>\n {props.children}\n </div>\n );\n}\n\nexport function OnboardingFooter(props: OnboardingFooterProps): JSX.Element {\n const isScrolledToBottom = () => {\n return (window.innerHeight + window.scrollY) >= (document.body.offsetHeight - SCROLL_TOLERANCE);\n };\n\n const [ isSticky, setIsSticky ] = React.useState(false);\n\n React.useEffect(() => setIsSticky(!isScrolledToBottom()), []);\n\n function onViewportChange(): void {\n const shouldSetToSticky = !isScrolledToBottom();\n\n if (isSticky && !shouldSetToSticky) {\n setIsSticky(false);\n return;\n }\n\n if (!isSticky && shouldSetToSticky)\n setIsSticky(true);\n }\n\n const throttledOnViewportChange = FunctionHelper.throttle(onViewportChange, 100);\n\n React.useEffect(() => {\n window.addEventListener('scroll', throttledOnViewportChange);\n return () => window.removeEventListener('scroll', throttledOnViewportChange);\n }, [ isSticky, setIsSticky ]);\n\n useResizeListener(throttledOnViewportChange, throttledOnViewportChange, [ isSticky, setIsSticky ]);\n\n return isSticky\n ? <StickyFooter {...props}>{props.children}</StickyFooter>\n : <NonStickyFooter {...props}>{props.children}</NonStickyFooter>;\n}","import * as React from 'react';\n\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { SubjectPreferenceItem } from 'libs/shared/apps/subjects/components/preferences';\nimport { TopicPreferencesContext } from 'libs/shared/apps/subjects/contexts/TopicPreferencesContext';\nimport { ClassificationPreference } from 'libs/shared/apps/subjects/interfaces/ClassificationPreference';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\nimport { Classification } from 'libs/shared/interfaces';\n\nimport styles from './subject-preference-grid.scss';\n\nfunction useGetRowItemCapacity(): number {\n const viewportWidth = useGetMediaQueryString();\n\n switch (viewportWidth) {\n case MediaQueryStrings.LG:\n default:\n return 5;\n\n case MediaQueryStrings.MD:\n return 4;\n\n case MediaQueryStrings.SM:\n return 3;\n\n case MediaQueryStrings.XS:\n return 2;\n }\n}\n\nfunction isDisabled(subject: ClassificationPreference, expandedSubject: ClassificationPreference): boolean {\n if (!expandedSubject \|\| subject.id === expandedSubject.id)\n return false;\n\n if (expandedSubject.children.find(child => child.id === subject.id))\n return false;\n\n return true;\n}\n\ninterface SubjectPreferenceGridRowProps extends SubjectPreferenceGridProps {}\n\nfunction SubjectPreferenceGridRow(props: SubjectPreferenceGridRowProps): JSX.Element {\n const { expandedSubject, selectedSubjects: selections } = React.useContext(TopicPreferencesContext);\n\n return (\n <>\n {props.subjects.map(subject => {\n const itemDisabled = isDisabled(subject, expandedSubject);\n\n let clickHandler = props.onSelect;\n\n if (subject.isExpandableOption)\n clickHandler = props.onExpand;\n\n if (itemDisabled)\n clickHandler = props.onCollapse;\n\n if (props.hasSelectedBulk)\n clickHandler = () => {};\n\n return (\n <SubjectPreferenceItem\n key={subject.id}\n subject={subject}\n selected={!props.hasSelectedBulk && selections.includes(subject.id)}\n disabled={props.hasSelectedBulk \|\| itemDisabled}\n onClick={() => clickHandler(subject)}\n hasSelectedBulk={props.hasSelectedBulk}\n />\n );\n })}\n </>\n );\n}\n\ninterface SubjectPreferenceGridProps {\n subjects: ClassificationPreference[];\n onSelect: (subject: Classification) => void;\n onExpand: (subject: Classification) => void;\n onCollapse: (subject: Classification) => void;\n hasSelectedBulk?: boolean;\n}\n\nexport function SubjectPreferenceGrid(props: SubjectPreferenceGridProps): JSX.Element {\n const { subjects, hasSelectedBulk, ...eventHandlers } = props;\n const { expandedSubject } = React.useContext(TopicPreferencesContext);\n\n const itemsPerRow = useGetRowItemCapacity();\n\n /*\n This is an array of arrays, where each sub-array is a row of classifications.\n * We do this to make sure any sub-grid's of child preference options get rendered in the row\n * directly beneath their parent's row.\n /\n const subjectRows = subjects.reduce((\n acc: ClassificationPreference[][],\n subject: ClassificationPreference,\n index: number\n ) => {\n index % itemsPerRow === 0\n ? acc.push([subject]) // Start a new row\n : ArrayHelper.last(acc).push(subject); // Fill up an existing row\n\n return acc;\n }, []);\n\n return (\n <ul className={styles.grid}>\n {subjectRows.map((row, i) => {\n const isExpanded = expandedSubject && !!row.find(subject => {\n return expandedSubject.id === subject.id && subject.isExpandableOption;\n });\n\n return (\n <React.Fragment key={i}>\n <SubjectPreferenceGridRow\n subjects={row}\n hasSelectedBulk={hasSelectedBulk}\n {...eventHandlers}\n />\n\n {isExpanded && (\n <li className={`${styles.subgrid} m-0`}>\n <SubjectPreferenceGrid\n subjects={expandedSubject.children as ClassificationPreference[]}\n hasSelectedBulk={hasSelectedBulk}\n {...eventHandlers}\n />\n </li>\n )}\n </React.Fragment>\n );\n })}\n </ul>\n );\n}","import as React from 'react';\n\nimport { PreferenceItem } from 'libs/shared/apps/subjects/components/preferences/preference-item/PreferenceItem';\nimport { TopicPreferencesContext } from 'libs/shared/apps/subjects/contexts/TopicPreferencesContext';\nimport { ClassificationPreference } from 'libs/shared/apps/subjects/interfaces/ClassificationPreference';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\ninterface SubjectPreferenceItemProps {\n subject: ClassificationPreference;\n selected: boolean;\n disabled?: boolean;\n onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\n extraClasses?: string;\n hideStatus?: boolean;\n hasSelectedBulk?: boolean;\n}\n\nexport function SubjectPreferenceItem(props: SubjectPreferenceItemProps): JSX.Element {\n const context = React.useContext(TopicPreferencesContext);\n\n const coverUrl = props.subject.cover ? ImageHelper.createUrl(props.subject.cover.url, { size: ImageSize.Small }) : '';\n\n const childIds = props.subject.isExpandableOption ? props.subject.children.map(child => child.id) : [];\n const selectedChildCount = !props.hasSelectedBulk\n ? context?.selectedSubjects?.filter(selection => childIds.includes(selection)).length\n : 0;\n\n const component = (\n <PreferenceItem\n name={props.subject.name}\n imageUrl={coverUrl}\n onClick={props.onClick}\n isSelected={props.selected}\n isDisabled={props.disabled}\n isExpandable={props.subject.isExpandableOption}\n expand={context?.expandedSubject?.id === props.subject.id}\n selectedChildCount={selectedChildCount}\n extraClasses={props.extraClasses}\n hideStatus={props.hideStatus}\n />\n );\n\n return props.disabled\n ? <span>{component}</span>\n : <Tooltip title={props.subject.name}><span>{component}</span></Tooltip>;\n}","// extracted by mini-css-extract-plugin\nexport default {\"preferenceItem\":\"PSWHa\",\"expandCaret\":\"CCsqs\",\"up\":\"w7N1R\",\"down\":\"mO0Kn\",\"disabled\":\"Oyw2x\",\"selected\":\"Czk2N\",\"noBorder\":\"_e7oe\",\"textBox\":\"pfksF\",\"itemStatus\":\"H4u81\",\"unchecked\":\"iYkPv\",\"green\":\"w5g0e\"};","import * as React from 'react';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './preference-item.scss';\n\ninterface ExpandableItemStatusProps {\n selectedChildrenCount: number;\n}\n\nexport const ExpandableItemStatus = (props: ExpandableItemStatusProps): JSX.Element => {\n if (!props.selectedChildrenCount)\n return <></>;\n\n return (\n <div className={`${styles.itemStatus} ${styles.green}`}>\n {props.selectedChildrenCount}\n </div>\n );\n};\n\ninterface SelectableItemStatusProps {\n selected: boolean;\n radioButton?: boolean;\n}\n\nexport const SelectableItemStatus = (props: SelectableItemStatusProps): JSX.Element => {\n let svg;\n\n if (props.selected)\n svg = <SvgContainer svgName={cvSvgLibrary.Check} />;\n else if (!props.radioButton)\n svg = <SvgContainer svgName={cvSvgLibrary.Plus} />;\n else\n svg = <> </>;\n\n return (\n <div className={`${styles.itemStatus} ${props.selected ? styles.green : styles.unchecked}`}>\n {svg}\n </div>\n );\n};\n","import React from 'react';\n\nimport { ExpandableItemStatus, SelectableItemStatus } from './PreferenceItemStatus';\n\nimport styles from './preference-item.scss';\n\ninterface PreferenceItemProps {\n name: string;\n imageUrl: string;\n\n onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\n isDisabled?: boolean;\n isSelected: boolean;\n hideStatus?: boolean;\n radioButton?: boolean;\n\n isExpandable?: boolean;\n expand?: boolean;\n selectedChildCount?: number;\n\n extraClasses?: string;\n}\n\nexport function PreferenceItem(props: PreferenceItemProps): JSX.Element {\n function getContainerClass(): string {\n let baseClass = `rounded-3 ${styles.preferenceItem}`;\n\n if (props.extraClasses)\n baseClass += ' ' + props.extraClasses;\n\n if (props.isDisabled)\n baseClass += ' ' + styles.disabled;\n\n if (props.isSelected && !props.isExpandable)\n baseClass += ' ' + styles.selected;\n\n if (props.hideStatus)\n baseClass += ' ' + styles.noBorder;\n\n return baseClass;\n }\n\n const caretClass = `${styles.expandCaret} ${props.expand ? styles.up : styles.down}`;\n\n return (\n <li\n className={getContainerClass()}\n onClick={props.onClick}\n aria-checked={props.isSelected}\n aria-haspopup={props.isExpandable}\n role={props.isExpandable ? 'button' : 'checkbox'}\n style={{ backgroundImage: `url(${props.imageUrl})` }}\n tabIndex={0}\n title={props.name}\n >\n <div className={`${styles.textBox} p-2`}>\n <p className='text-truncate mb-0'>\n {props.name}\n <span className={props.isExpandable ? caretClass : ''} />\n </p>\n\n {!props.hideStatus && (\n <>{props.isExpandable\n ? <ExpandableItemStatus selectedChildrenCount={props.selectedChildCount} />\n : <SelectableItemStatus selected={props.isSelected} radioButton={props.radioButton} />\n }</>\n )}\n </div>\n </li>\n );\n}","import { createContext } from 'react';\n\nimport { ClassificationPreference } from '../interfaces/ClassificationPreference';\n\ninterface TopicPreferencesContextFields {\n selectedSubjects: string[];\n expandedSubject: ClassificationPreference;\n}\n\nexport const TopicPreferencesContext = createContext<TopicPreferencesContextFields>(undefined);","import { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\n\nimport { useMediaQuery } from './UseMediaQuery';\n\n/*\n @deprecated Please use useBreakpoints() instead\n */\nexport function useGetMediaQueryString(): MediaQueryStrings {\n const isXS = useMediaQuery(MediaQueryStrings.XS);\n const isSM = useMediaQuery(MediaQueryStrings.SM);\n const isMD = useMediaQuery(MediaQueryStrings.MD);\n const isLG = useMediaQuery(MediaQueryStrings.LG);\n const isXL = useMediaQuery(MediaQueryStrings.XL);\n const isXXL = useMediaQuery(MediaQueryStrings.XXL);\n\n let currentString = MediaQueryStrings.LG; // default\n if (isXS) currentString = MediaQueryStrings.XS;\n if (isSM) currentString = MediaQueryStrings.SM;\n if (isMD) currentString = MediaQueryStrings.MD;\n if (isLG) currentString = MediaQueryStrings.LG;\n if (isXL) currentString = MediaQueryStrings.XL;\n if (isXXL) currentString = MediaQueryStrings.XXL;\n\n return currentString;\n}","// extracted by mini-css-extract-plugin\nexport default {\"preferenceList\":\"tLO8p\",\"preferenceItem\":\"TOmGl\",\"largePopup\":\"_9d72P\",\"selectPresentation\":\"rVRaW\",\"switchPresentation\":\"Q15YD\"};","import React from 'react';\n\nimport { AppLink } from 'libs/common/backbone/core';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { StorageType } from 'libs/common/backbone/utils/LocalStorageHelper';\nimport { Core } from 'libs/common/core';\nimport { useViewModel } from 'libs/common/react/hooks/UseViewModel';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, EventVersion, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { PreferenceItem } from 'libs/shared/apps/subjects/components/preferences';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { SharedViewModelKeys } from 'libs/shared/constants/SharedViewModelKeys';\nimport { TopicsConstants } from 'libs/shared/constants/TopicsConstants';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { Presentation, PresentationAudience } from 'libs/shared/interfaces';\nimport { ContextService } from 'libs/shared/services/ContextService';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nimport styles from './school-level-selector-popup.scss';\n\nconst namespace = 'settings.schoolLevelSelectorPopup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst getAppLinkKey = (appLink: AppLink) => `${appLink.application}:${appLink.action}`;\n\n// The applinks below currently can't be mapped to routes between\n// 2 presentations. This means if the user is on one of these when\n// they switch presentations, they will be redirected to discover\n// instead of staying on the page they're on.\nconst UnmappedAppLinks = new Set([\n getAppLinkKey({\n application: AppChannels.SUBJECT,\n action: Actions.Subjects.CLASSIFICATION\n }),\n getAppLinkKey({\n application: AppChannels.SUBJECT,\n action: Actions.Subjects.CLASSIFICATION_TOPICS\n })\n]);\n\ninterface SchoolLevelSelectorPopupViewProps {\n closePopup: () => void;\n}\n\nexport function SchoolLevelSelectorPopupView(props: SchoolLevelSelectorPopupViewProps): JSX.Element {\n const [ selectedPresentation, setSelectedPresentation ] = React.useState<Presentation>();\n const alerts = useAlerts();\n\n const [ , setActiveAudiences ] = useViewModel<PresentationAudience[]>(\n SharedViewModelKeys.AUDIENCE_FILTER,\n undefined,\n { storage: StorageType.SessionStorage }\n );\n\n const {\n activePresentation,\n preferredPresentation,\n availablePresentations,\n setPresentation,\n hasPresentationsLoaded\n } = usePresentation();\n\n React.useEffect(() => {\n if (!activePresentation?.id)\n return;\n\n setSelectedPresentation(activePresentation);\n }, [activePresentation?.id]);\n\n\n function onSelect(presentation: Presentation) {\n setSelectedPresentation(presentation);\n }\n\n function onSuccess(): void {\n AnalyticsHelper.logUserAction(\n {\n id: preferredPresentation?.id,\n targetId: selectedPresentation.id\n },\n {\n actionType: UserAction.EditAssoc,\n entity: EntityType.Presentation,\n location: LocationContext.Popup,\n workflowPhase: WorkflowPhase.Complete,\n eventVersion: EventVersion.V3\n }\n );\n\n const currentAppLink = ContextService.getCurrentRoute().appLink;\n\n if (UnmappedAppLinks.has(getAppLinkKey(currentAppLink))) {\n Core.AppLinkHelper.trigger({\n application: AppChannels.DASHBOARD,\n action: Actions.Dashboard.HOME\n });\n } else {\n Core.AppLinkHelper.trigger(currentAppLink);\n }\n\n alerts.success(getPhrase('success'));\n props.closePopup();\n }\n\n function onError(): void {\n alerts.error(LanguageService.getPhrase(namespace, 'error'));\n props.closePopup();\n }\n\n function onSave(): void {\n // reset audiences filter on switching presentation\n setActiveAudiences(null);\n startUpdate();\n }\n\n function startUpdate(): void {\n setPresentation(selectedPresentation, 'activeAndPreferred')\n .then(onSuccess)\n .catch(onError);\n }\n\n const popupSize = availablePresentations?.length > TopicsConstants.MULTI_PRESENTATION_THRESHOLD ? 'lg' : undefined;\n const popupSizeClassName = availablePresentations?.length > TopicsConstants.MULTI_PRESENTATION_THRESHOLD ? 'largePopup' : '';\n\n const SelectPresentation = (): JSX.Element => (\n <div className={`${styles.selectPresentation} ${popupSizeClassName}`}>\n <p><Text namespace={namespace} phrase='info' /></p>\n <div className='mt-3'>\n <div className='position-relative'>\n <ul className={`list-unstyled d-flex ${styles.preferenceList}`}>\n {availablePresentations?.map(presentation => {\n if (presentation.type !== PresentationType.Subject)\n return <React.Fragment key={presentation.id}></React.Fragment>;\n\n return (\n <PreferenceItem\n key={presentation.id}\n name={presentation.name}\n imageUrl={ImageHelper.createUrl(presentation.cover?.url, { size: ImageSize.Medium }) \|\| ''}\n onClick={() => onSelect(presentation)}\n isSelected={selectedPresentation?.id === presentation.id}\n extraClasses={`${styles.preferenceItem} m-2`}\n radioButton\n />\n );\n })}\n </ul>\n </div>\n <PopupButtons>\n <PopupButtons.Cancel onClick={props.closePopup} />\n <PopupButtons.Submit\n variant='dark'\n onClick={onSave}\n text={getPhrase('save')}\n />\n </PopupButtons>\n </div>\n </div>\n );\n \n return (\n <Popup title={getPhrase('title')} closePopup={props.closePopup} showLoadingSpinner={!hasPresentationsLoaded} size={popupSize}>\n <SelectPresentation />\n </Popup>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"grid\":\"X9r1Y\",\"subgrid\":\"TgYhp\"};"],"names":["SCROLL_TOLERANCE","StickyFooter","props","justifyClass","justify","className","children","NonStickyFooter","mediaQuery","widthClass","OnboardingFooter","isScrolledToBottom","window","innerHeight","scrollY","document","body","offsetHeight","isSticky","setIsSticky","throttledOnViewportChange","FunctionHelper","shouldSetToSticky","addEventListener","removeEventListener","defaultProps","SubjectPreferenceGridRow","TopicPreferencesContext","expandedSubject","selections","selectedSubjects","subjects","map","subject","itemDisabled","id","find","child","isDisabled","clickHandler","onSelect","isExpandableOption","onExpand","onCollapse","hasSelectedBulk","SubjectPreferenceItem","key","selected","includes","disabled","onClick","SubjectPreferenceGrid","eventHandlers","itemsPerRow","useGetRowItemCapacity","subjectRows","reduce","acc","index","push","ArrayHelper","row","i","isExpanded","context","coverUrl","cover","ImageHelper","url","size","childIds","selectedChildCount","filter","selection","length","component","PreferenceItem","name","imageUrl","isSelected","isExpandable","expand","extraClasses","hideStatus","Tooltip","title","ExpandableItemStatus","selectedChildrenCount","SelectableItemStatus","svg","SvgContainer","svgName","radioButton","baseClass","caretClass","role","style","backgroundImage","tabIndex","createContext","undefined","useGetMediaQueryString","isXS","isSM","isMD","isLG","isXL","isXXL","currentString","namespace","getPhrase","LanguageService","getAppLinkKey","appLink","application","action","UnmappedAppLinks","Set","SchoolLevelSelectorPopupView","selectedPresentation","setSelectedPresentation","alerts","setActiveAudiences","SharedViewModelKeys","storage","usePresentation","activePresentation","preferredPresentation","availablePresentations","setPresentation","hasPresentationsLoaded","onSuccess","AnalyticsHelper","targetId","actionType","entity","location","workflowPhase","eventVersion","currentAppLink","ContextService","has","success","closePopup","onError","error","onSave","then","popupSize","TopicsConstants","popupSizeClassName","Popup","showLoadingSpinner","Text","phrase","presentation","type","PresentationType","PopupButtons","variant","text"],"sourceRoot":""}

package/dist/scripts/{6948-8c8d9131eb-lite.chunk.js → 6948-e7a16d8c0b-lite.chunk.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6948],{40955:(e,t,a)=>{a.d(t,{P:()=>i});var n=a(32735);function i(e){return e.audience?n.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 text-nowrap \n      ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):n.createElement(n.Fragment,null)}},17464:(e,t,a)=>{a.d(t,{c:()=>r});var n=a(32735),i=a(7121);function r(e){var t="d-flex align-items-center badge-list ".concat(i.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),n.createElement("div",{className:t},e.children)}},89682:(e,t,a)=>{a.d(t,{I:()=>d,h:()=>u});var n=a(32735),i=a(91967),r=a(83914),o=a(35223),c=a(11607);const l={unchecked:"bup9I",outline:"ealw_",checked:"A1Ov0",checkMark:"c14lI"};function s(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 u;function d(e){var t,a,d=(t=n.useState(e.status===u.Complete),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}(t,a)||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.")}()),m=d[0],v=d[1];n.useEffect((function(){v(e.status===u.Complete)}),[e.status]);var p="cursor-pointer rounded-circle ".concat(m?l.checked:l.unchecked);return e.className&&(p+=" ".concat(e.className)),"outline"===e.style&&(p+=" ".concat(l.outline)),e.status&&e.status!==u.None&&i.q.isFunction(e.setStatus)?n.createElement(c.L,{className:p,onClick:function(){var t=!m;v(t);var a=t?u.Complete:u.Incomplete;e.setStatus(a).catch((function(){v(!t)}))},disabled:e.disabled},n.createElement(r.x,{svgName:o.vn.Check,className:"svg-container ".concat(l.checkMark)})):n.createElement(n.Fragment,null)}!function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(u||(u={})),d.defaultProps={style:"filled"}},24900:(e,t,a)=>{a.d(t,{z:()=>l,O:()=>c});var n=a(32735),i=a(83914),r=a(35223);const o={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var c;function l(e){var t=e.type,a=e.size,l=function(e){return e===c.Video?o.video:e===c.Playlist?o.playlist:""}(t),s=function(e){return e===c.Video?r.vn.PlayCircle:""}(t);return n.createElement("div",{className:"".concat(o.maskContainer," ").concat("sm"===a?o.small:"")},n.createElement("div",{className:o.mask}),n.createElement(i.x,{svgName:s,className:l}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(c||(c={})),l.defaults={size:"md"}},22843:(e,t,a)=>{a.d(t,{h:()=>u});var n=a(32735),i=a(65858),r=a(36848),o=a(38647),c=a(11882),l=a(31908);const s={container:"r70GR",titleContainer:"rULXI",seriesTitleBox:"h9k1p",badgeContainer:"QaDDX",audienceBadge:"hvsne"};function u(e){var t=e.video,a=e.appLink,u=e.subTextAppLink,d=l.M.getCanBeConsumed(t).canNavigate;return n.createElement("div",{className:"mt-2 ".concat(s.container)},n.createElement("div",{className:"d-flex flex-column ".concat(s.titleContainer)},l.M.isVideo(t)&&n.createElement(c.$,{type:e.subTextType,className:"text-truncate ".concat(s.seriesTitleBox),video:t,appLink:u,analyticsOptions:{location:i.LZ.VideoThumbnail}}),n.createElement(r.F,{className:"h6 text-reset clamp-2 align-middle",appLink:d?a:null},t.name,n.createElement(o.m,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}},89118:(e,t,a)=>{a.d(t,{u:()=>pe});var n=a(32735),i=a(1048),r=a(65858),o=a(18559),c=a(17464),l=a(23481),s=a(91967),u=a(11607),d=a(83914),m=a(69883),v=a(1643),p=a(35223),g=a(31908);const y={favourited:"t0svX",favouriteButton:"CFRo3",heart:"ZMMQu",heartOutline:"truFo"};function f(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 E=l.T.encloseNamespace("shared.favouriteButton");function h(e){var t,a,i=(0,m.Z)(),r=v.h.isFavouritedByCurrentUser(e.video),o=(t=n.useState(r),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}(t,a)||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.")}()),c=o[0],l=o[1];n.useEffect((function(){l(r)}),[r]);var h="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(y.favouriteButton," ").concat(c?y.favourited:"");return e.className&&(h+=" ".concat(e.className)),s.q.isFunction(e.setFavourite)&&s.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?n.createElement(u.L,{className:h,onClick:function(){var t=!c;l(t),e.setFavourite(e.video,t,null,(function(){i.error(E(g.M.isClip(e.video)?t?"favouriteClipError":"unfavouriteClipError":g.M.isInteractive(e.video)?t?"favouriteInteractiveError":"unfavouriteInteractiveError":t?"favouriteVideoError":"unfavouriteVideoError")),l(!t)}),e.analyticsData,e.analyticsOptions)}},n.createElement(d.x,{svgName:p.vn.Heart,className:"svg-container ".concat(y.heart)}),n.createElement(d.x,{svgName:p.vn.HeartOutline,className:"svg-container ".concat(y.heartOutline)})):n.createElement(n.Fragment,null)}var b=a(75163),k=a(5465);function C(e){var t=g.M.getVideoProgress(e.video),a=t&&e.video.duration&&t/e.video.duration*1e5;return a?n.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(a,"%")}}):n.createElement(n.Fragment,null)}const N={bottomBar:"YnXtZ"};function O(e){return g.M.isVideo(e.video)?n.createElement("div",{className:N.bottomBar},n.createElement(C,{video:e.video})):n.createElement(n.Fragment,null)}var x=a(36848),w=a(83345);const F={pluginHover:"h4RQa"};var j="shared.pluginHover";function I(e){return e.isPlugin?n.createElement(x.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,onClick:e.onClick,className:"\n        position-absolute top-0 start-0 end-0 bottom-0 opacity-0 cursor-pointer\n        ".concat(F.pluginHover,"\n        ").concat(e.className?e.className:"","\n      ")},n.createElement("span",{className:"position-absolute top-50 start-50 translate-middle text-nowrap h4 text-white"},n.createElement(w.x,{namespace:j,phrase:"embed"}))):n.createElement(n.Fragment,null)}const T={padlock:"w4cg8",sm:"JpIYd"};function L(e){var t="sm"===e.size?d.S.Small:d.S.Standard;return n.createElement("div",{className:"".concat(T.padlock," ").concat("sm"===e.size?T.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},n.createElement(d.x,{svgName:p.vn.Lock,size:t}))}var S=a(76177);const M={logo:"OA9ft",sm:"fyo2J"};function z(e){var t,a,i,r;if(!g.M.isVideo(e.video)||!e.companyLogoFallbackUrl)return n.createElement(n.Fragment,null);var o=null===(a=null===(t=e.video.productionCompanies)||void 0===t?void 0:t.data)||void 0===a?void 0:a[0],c=null!==(r=null===(i=null==o?void 0:o.logo)||void 0===i?void 0:i.url)&&void 0!==r?r:e.companyLogoFallbackUrl;return c?n.createElement("div",null,n.createElement(S.u,{title:null==o?void 0:o.name,spanHack:!0},n.createElement("div",{className:"".concat(M.logo," ").concat("sm"===e.size?M.sm:""),style:{backgroundImage:"url(".concat(c,")")}}))):n.createElement(n.Fragment,null)}z.defaultProps={size:"md"};var D=a(11882),A=a(4594),P=a(61150);function R(e){return g.M.isClip(e.video)?n.createElement(P.y,{typeId:A.E.Clip,size:e.size,inContainer:!0}):g.M.isInteractive(e.video)?n.createElement(P.y,{typeId:A.E.Interactive,status:e.video.status,size:e.size,inContainer:!0}):n.createElement(n.Fragment,null)}R.default={size:"md"};var V=a(10439),B=a(54610),H=a(49439);const _={overlayContainer:"qu3A3",topLeftContainer:"gjhMe",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function U(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}function Z(e){var t="mb-1";return e&&(t+=_.downScale),t}function G(e){var t,a,l,s=e.video,u=e.appLink,m=e.imageOptions,y=e.setFavourite,f=e.canFavourite,E=e.preload,C=e.hovering,N=e.hoverToPlay,x=e.companyLogoFallbackUrl,w=g.M.getCanBeConsumed(e.video),F=w.canNavigate,j=w.canConsume,T=i.t.isObject(null==u?void 0:u.params)?null==u?void 0:u.params:{},M=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(s)}),A=v.h.showFavouriteButton(e.video,C),P=g.M.isVideo(s),G=g.M.getRating(e.video),Q=(a=(0,H.L)({delay:100}),l=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(a,l)||function(e,t){if(e){if("string"==typeof e)return U(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)?U(e,t):void 0}}(a,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.")}()),W=Q[0],X=Q[1]&&j&&N,q=Object.assign(Object.assign({},e.analyticsData),{id:s.id,name:s.name}),K=Object.assign(Object.assign({},M),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail});return n.createElement(S.u,{title:g.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},n.createElement("div",{className:"position-relative rounded-3 overflow-hidden",ref:W},n.createElement(I,{isPlugin:e.isPlugin,className:"rounded-3",appLink:F?u:null,analyticsData:q,analyticsOptions:K}),A&&n.createElement("div",{className:_.topRightContainer},n.createElement(h,{setFavourite:y,canFavourite:f,video:s,analyticsData:e.analyticsData,analyticsOptions:M})),!F&&n.createElement("div",{className:_.topRightContainer},n.createElement(L,null)),n.createElement("div",{className:"".concat(_.topLeftContainer," d-flex flex-no-wrap")},n.createElement(R,{video:s}),n.createElement(z,{video:s,companyLogoFallbackUrl:x})),n.createElement(b.Z,{data:g.M.getThumbnail(s),appLink:F?u:null,imageType:B.__.Thumbnails,imageOptions:m,preload:E,className:_.gradient,alt:("series"in s&&(null===(t=s.series)||void 0===t?void 0:t.name)?"".concat(s.series.name,": "):"")+s.name,analyticsData:q,analyticsOptions:K},!(!C||!F)&&n.createElement(d.x,{className:_.playIcon,svgName:p.vn.PlayCircle}),n.createElement(k.oy,{type:k.mS.Video}),n.createElement("div",{className:_.overlayContainer},n.createElement("div",{className:_.overlay},n.createElement("div",{className:"".concat(Z(C)," ").concat(_.title)},P&&n.createElement(D.$,{type:e.subTextType,className:"text-shadow clamp-1",video:s,appLink:null,analyticsOptions:null}),n.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},g.M.getTitle(s))),n.createElement(O,{video:s}),C&&n.createElement(c.c,{className:"mt-1"},g.M.isVideo(s)&&n.createElement(n.Fragment,null,n.createElement(o.C,{type:o.g.Rating,data:G}),s.hasSubtitle&&n.createElement("span",{className:"badge p-0"},n.createElement(d.x,{svgName:p.vn.CloseCaptionBadge})),n.createElement(o.C,{type:o.g.Interactive,data:s.hasInteractives}),n.createElement(o.C,{type:o.g.DurationExact,data:g.M.getDuration(e.video)})))))),X&&n.createElement(V.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:T.context,contextId:T.contextId,moviesAndTv:T.mtv})))}var Q=a(64446),W=a(40955);const X={badgeContainer:"fy9Un",sm:"Rb0TL"};function q(e){var t=g.M.getRating(e.video),a=!!e.audience&&"sm"!==e.size,i=!a&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||a||i?n.createElement(c.c,{className:"".concat(X.badgeContainer," ").concat("sm"===e.size?X.sm:"")},a&&n.createElement(W.P,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),i&&n.createElement(o.C,{type:o.g.Rating,data:t}),!e.hideDuration&&n.createElement(o.C,{type:e.newDurationStyle?o.g.DurationApproximate:o.g.DurationExact,data:e.duration||g.M.getDuration(e.video)})):n.createElement(n.Fragment,null)}q.defaultProps={newDurationStyle:!0,size:"md"};var K=a(22843),$=a(66190),J=a(77590),Y=a(59598);const ee={preview:"whbhf",topLeftContainer:"wHY80",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};var te=function(e){var t,a=e.video,o=e.appLink,c=e.imageOptions,l=e.preload,s=e.setFavourite,u=e.canFavourite,d=e.isHovering,m=e.hoverToPlay,p=e.companyLogoFallbackUrl,y=i.t.isObject(null==o?void 0:o.params)?null==o?void 0:o.params:{},f=g.M.getCanBeConsumed(a),E=f.canNavigate,C=f.canConsume;function N(e){return Object.assign(Object.assign({},o),{params:Object.assign(Object.assign({},y),{tocId:e})})}n.useEffect((function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}}),[]);var x="position-relative bg-white";e.extraClasses&&(x+=" ".concat(e.extraClasses)),d&&(x+=" rounded-3 shadow-lg");var w=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(a)}),F=e.isHovering&&C&&m,j=v.h.showFavouriteButton(e.video,d),T=Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),M=Object.assign(Object.assign({},w),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail});return n.createElement("div",{className:x},j&&n.createElement("div",{className:ee.topRightContainer},n.createElement(h,{setFavourite:s,canFavourite:u,video:a,analyticsData:e.analyticsData,analyticsOptions:w})),!E&&n.createElement("div",{className:ee.topRightContainer},n.createElement(S.u,{title:g.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},n.createElement(L,null))),n.createElement("div",{className:"position-relative"},n.createElement(I,{isPlugin:e.isPlugin,className:d?"rounded-top-3":"rounded-3",onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},appLink:E?o:null,analyticsData:T,analyticsOptions:M}),n.createElement(b.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:g.M.getThumbnail(a),appLink:E?o:null,imageType:B.__.Thumbnails,imageOptions:c,preload:l,className:"overflow-hidden ".concat(d?ee.preview:"rounded-3 ".concat(ee.original)),alt:("series"in a&&(null===(t=a.series)||void 0===t?void 0:t.name)?"".concat(a.series.name,": "):"")+a.name,analyticsData:T,analyticsOptions:M},n.createElement(k.oy,{type:k.mS.Video}),n.createElement("div",{className:"p-absolute w-100 h-100 text-white"},n.createElement("div",{className:"".concat(ee.topLeftContainer," d-flex flex-no-wrap")},n.createElement(R,{video:a}),n.createElement(z,{video:a,companyLogoFallbackUrl:p})),n.createElement(q,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}),n.createElement(O,{video:a}))),F&&n.createElement(V.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:y.context,contextId:y.contextId,moviesAndTv:y.mtv,location:"popout-video"})),!d&&!e.hideTitle&&n.createElement(K.h,Object.assign({},e)),n.createElement("div",{className:"".concat(ee.details," ").concat(d?"".concat(ee.isHovering," box-shadow"):"")},d&&n.createElement(n.Fragment,null,n.createElement("div",{className:"".concat(d?ee.videoGuidanceTags:"")},n.createElement(K.h,Object.assign({},e)),e.showVideoGuidance&&d&&n.createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},n.createElement(J.x,{video:e.video,appLink:N(Y.K.Resources),analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement($.Y,{video:e.video,appLink:N(Y.K.Interactives),analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))))))};function ae(e){return n.createElement(n.Fragment,null,n.createElement(Q.K,{hoverableComponent:te,componentProps:e,fixedHoverWidth:400,minHoverWidth:400,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:e.video.id,name:e.video.name}),analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(e.video)})}))}var ne=a(24900),ie=a(89682);const re={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function oe(e){return g.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=g.M.getCanBeConsumed(e.video))||void 0===t?void 0:t.canConsume)||!(!s.q.isFunction(e.setFavourite)||!s.q.isFunction(e.canFavourite))||!!s.q.isFunction(e.setCheckMarkStatus)}(e)?n.createElement("div",{className:"".concat(re.container," d-flex align-items-center")},n.createElement(h,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:re.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement(ie.I,{status:e.checkMarkStatus,setStatus:e.setCheckMarkStatus,className:re.action})):n.createElement(n.Fragment,null):n.createElement("div",{className:re.container},n.createElement(L,{size:e.size}))}var ce=a(68626);const le={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",topLeftContainer:"hrw3I",gradient:"LS_EH"};function se(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,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ue(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)?ue(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 ue(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 de="shared.staticVideoThumbnail";function me(e){var t,a=e.video,i=e.subTextAppLink,o=e.textPosition,c=e.appLink,s=o===ce.z.Overlay,u=g.M.getCanBeConsumed(e.video).canNavigate,d="";return s?(d=le.titleOverlay,u&&(g.M.isClip(a)&&(d+=" "+le.clip),g.M.isInteractive(a)&&(d+=" "+le.interactive))):d=le.titleBelow,n.createElement("div",{className:d},g.M.isVideo(a)&&n.createElement(D.$,{type:e.subTextType,className:s?"text-shadow clamp-1":"clamp-2",video:a,appLink:s?null:i,analyticsOptions:{location:r.LZ.VideoThumbnail}}),s||!u?n.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},null!==(t=a.name)&&void 0!==t?t:l.T.getPhrase(de,"videoUnavailable")):n.createElement(x.F,{className:"h6 text-reset clamp-2",appLink:c},a.name))}function ve(e){var t,a,o=e.video,c=e.appLink,l=e.textPosition,s=e.imageOptions,u=e.setFavourite,d=e.preload,m=e.hoverToPlay,p=i.t.isObject(null==c?void 0:c.params)?null==c?void 0:c.params:{},y=se((0,H.X)(),2),f=y[0],E=y[1],h=se((0,H.L)({delay:100}),2),C=h[0],N=h[1],x=g.M.getCanBeConsumed(o),w=x.canNavigate,F=x.canConsume,j=N&&F&&m,T=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(o)}),L=!!c&&!e.hideMask&&w,M=g.M.getPrivacyReasoning(e.video,e.showSignIn),D=Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),A=Object.assign(Object.assign({},T),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail});return n.createElement(S.u,{title:M,spanHack:!0,spanHackClassName:""},n.createElement("div",{className:(a="position-relative",a+=c&&w?" cursor-pointer":"",e.extraClasses&&(a+=" ".concat(e.extraClasses)),l===ce.z.Overlay&&(a+=" rounded overflow-hidden"),a),ref:function(e){f.current=e,C.current=e}},n.createElement(I,{isPlugin:e.isPlugin,className:"sm"===e.size?"rounded":"rounded-3",appLink:w?c:null,analyticsData:D,analyticsOptions:A}),n.createElement(oe,{video:o,checkMarkStatus:e.checkMarkStatus,setCheckMarkStatus:e.setCheckMarkStatus,setFavourite:u,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&v.h.showFavouriteButton(o,E)},analyticsData:e.analyticsData,analyticsOptions:T,size:e.size}),n.createElement(b.Z,{data:g.M.getThumbnail(o),appLink:w?c:null,imageType:B.__.Thumbnails,imageOptions:s,preload:d,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-3");return e.imageClassName&&(t+=" ".concat(e.imageClassName)),l===ce.z.Overlay&&(t+=" ".concat(le.gradient)),t}(),alt:("series"in o&&(null===(t=o.series)||void 0===t?void 0:t.name)?"".concat(o.series.name,": "):"")+o.name,analyticsData:D,analyticsOptions:A},L&&n.createElement(ne.z,{type:ne.O.Video,size:e.size}),n.createElement(k.oy,{type:k.mS.Video}),n.createElement("div",{className:le.overlayContainer},l===ce.z.Overlay&&n.createElement(me,Object.assign({},e)),n.createElement("div",{className:"".concat(le.topLeftContainer," d-flex flex-no-wrap")},n.createElement(R,{video:o,size:e.size}),n.createElement(z,{video:o,companyLogoFallbackUrl:e.companyLogoFallbackUrl,size:e.size})),n.createElement(O,{video:o}),n.createElement(q,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),j&&n.createElement(V.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:p.context,contextId:p.contextId,moviesAndTv:p.mtv}),l===ce.z.Below&&n.createElement(me,Object.assign({},e))))}function pe(e){switch(e.type){case"static":return n.createElement(ve,Object.assign({},e));case"cosmetic":return n.createElement(ve,Object.assign({},e,{hoverToPlay:!1}));case"expandable":return n.createElement(G,Object.assign({},e));case"popout":return n.createElement(ae,Object.assign({},e));default:return}}pe.defaultProps={hideRating:!0,size:"md",hoverToPlay:!0}},61150:(e,t,a)=>{a.d(t,{y:()=>v});var n=a(32735),i=a(23481),r=a(83914),o=a(5960),c=a(4594),l=a(35223);const s={topLeftContainer:"iwBld",draft:"QBpxh",badge:"KcvGx",svg:"gW733",text:"QiH5Q",sm:"tn2BH"};var u=i.T.encloseNamespace("shared.typeBadge");function d(e){switch(e){case c.E.Clip:return l.vn.Clip;case c.E.Interactive:return l.vn.Interactive;case c.E.Resource:return l.vn.Resources;default:return""}}function m(e,t){switch(e){case c.E.Clip:return"bg-dark-blue";case c.E.Interactive:return t===o.X.Draft?s.draft:"bg-green";case c.E.Resource:return"bg-indigo";default:return""}}function v(e){var t="".concat(s.badge," rounded-pill text-white ps-0 ").concat("sm"===e.size?s.sm:"");return n.createElement("div",{className:e.inContainer?"":s.topLeftContainer},n.createElement("div",{className:"".concat(t," ").concat(m(e.typeId,e.status))},n.createElement(r.x,{className:"svg-container d-block ".concat(s.svg),size:"sm"===e.size?r.S.Small:r.S.Standard,svgName:d(e.typeId)}),n.createElement("span",{className:s.text},function(e){switch(e){case c.E.Clip:return u("clip");case c.E.Interactive:return u("interactive");case c.E.Resource:return u("resource");default:return""}}(e.typeId))))}v.default={size:"md"}},66190:(e,t,a)=>{a.d(t,{Y:()=>u});var n=a(32735),i=a(23481),r=a(65858),o=a(65720),c=a(35223),l=a(31908),s="shared.interactivesTag";function u(e){var t,a;if(!e.video||l.M.isInteractive(e.video))return n.createElement(n.Fragment,null);var u=(null===(a=null===(t=e.video.interactives)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)||0;return u?n.createElement(o.m,{svgName:c.vn.Interactive,iconVariant:"green",text:i.T.getPhrase(s,"interactives",{smartCount:u}),appLink:e.appLink,appLinkAnalyticsData:Object.assign({videoGuidanceType:"interactive",videoGuidanceTotalItems:u},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:l.M.getAnalyticsEntity(e.video)},e.analyticsOptions)}):n.createElement(n.Fragment,null)}},77590:(e,t,a)=>{a.d(t,{x:()=>u});var n=a(32735),i=a(23481),r=a(65858),o=a(65720),c=a(35223),l=a(31908),s="shared.resourcesTag";function u(e){var t,a,u,d;if(!e.video||l.M.isInteractive(e.video))return n.createElement(n.Fragment,null);var m=((null===(a=null===(t=e.video.resources)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)||0)+((null===(d=null===(u=e.video.links)||void 0===u?void 0:u.data)||void 0===d?void 0:d.length)||0);return m?n.createElement(o.m,{svgName:c.vn.Resources,iconVariant:"indigo",text:i.T.getPhrase(s,"resources",{smartCount:m}),appLink:e.appLink,appLinkAnalyticsData:Object.assign({videoGuidanceType:"resource",videoGuidanceTotalItems:m},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:l.M.getAnalyticsEntity(e.video)},e.analyticsOptions)}):n.createElement(n.Fragment,null)}},65720:(e,t,a)=>{a.d(t,{m:()=>c});var n=a(32735),i=a(83914),r=a(36848);const o={tag:"OjHQZ",icon:"SS2zL",active:"kD1xM"};function c(e){return e.appLink?n.createElement(r.F,{appLink:e.appLink,analyticsData:e.appLinkAnalyticsData,analyticsOptions:e.appLinkAnalyticsOptions,className:"\n          p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer\n          text-decoration-none ".concat(o.tag," ").concat(e.active?o.active:"","\n        ")},n.createElement(l,Object.assign({},e))):n.createElement(l,Object.assign({},e))}function l(e){return n.createElement(n.Fragment,null,n.createElement(i.x,{className:"".concat(o.icon," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),n.createElement("span",{className:"ps-1 text-nowrap user-select-none"},e.text))}},38647:(e,t,a)=>{a.d(t,{m:()=>s});var n=a(32735),i=a(83914),r=a(76177),o=a(26361),c=a(35223),l=a(31908);function s(e){if(!e.yearGroups)return n.createElement(n.Fragment,null);var t=o.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return l.M.getCanBeConsumed(e.video).canConsume&&t?n.createElement(r.u,{spanHack:!0,spanHackClassName:e.className||"d-inline-block ps-1",title:t,placement:e.tooltipPlacement||"top"},n.createElement(i.x,{svgName:c.vn.Lock,size:"sm"===e.size?i.S.Small:i.S.Standard})):n.createElement(n.Fragment,null)}},10439:(e,t,a)=>{a.d(t,{r:()=>c});var n=a(32735),i=a(17082),r=a(35429);const o={hoverContainer:"TzWQw",hovering:"gdTcW"};function c(e){var t,a=(0,r.g)();if(null===(t=a.useInitialize)||void 0===t||t.call(a,e),!a.hasProvider)return n.createElement(n.Fragment,null);if("picture-in-picture"===a.mode)return n.createElement(n.Fragment,null);if("hover"===e.mode&&a.isOnPlayPage)return n.createElement(n.Fragment,null);if("default"===a.mode||"play-page"===e.location)return n.createElement(i.t0,{node:a.portalNode});var c=a.started,l="rounded-3";"popout-video"===e.location&&(l="rounded-top-3");var s="".concat(o.hoverContainer," ").concat(c?o.hovering:""," ").concat(l," overflow-hidden");return n.createElement("div",{className:s},n.createElement(i.t0,{node:a.portalNode}))}},68626:(e,t,a)=>{var n;a.d(t,{z:()=>n}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))},59598:(e,t,a)=>{var n;a.d(t,{K:()=>n}),function(e){e.Resources="resources",e.Interactives="interactives",e.Video="video",e.Clips="clips",e.CurriculumLinks="curriculum-links",e.VideoDetails="video-details",e.RelatedVideos="related-videos",e.ClippedFrom="clipped-from"}(n||(n={}))}}]);
-//# sourceMappingURL=6948-8c8d9131eb-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6948],{40955:(e,t,a)=>{a.d(t,{P:()=>i});var n=a(32735);function i(e){return e.audience?n.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 text-nowrap \n      ".concat("border-"+e.border," ").concat(e.className?e.className:"")},e.audience.name):n.createElement(n.Fragment,null)}},17464:(e,t,a)=>{a.d(t,{c:()=>r});var n=a(32735),i=a(7121);function r(e){var t="d-flex align-items-center badge-list ".concat(i.Z.minHeight);return e.className&&(t+=" ".concat(e.className)),n.createElement("div",{className:t},e.children)}},89682:(e,t,a)=>{a.d(t,{I:()=>d,h:()=>u});var n=a(32735),i=a(91967),r=a(83914),o=a(35223),c=a(11607);const l={unchecked:"bup9I",outline:"ealw_",checked:"A1Ov0",checkMark:"c14lI"};function s(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 u;function d(e){var t,a,d=(t=n.useState(e.status===u.Complete),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}(t,a)||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.")}()),m=d[0],v=d[1];n.useEffect((function(){v(e.status===u.Complete)}),[e.status]);var p="cursor-pointer rounded-circle ".concat(m?l.checked:l.unchecked);return e.className&&(p+=" ".concat(e.className)),"outline"===e.style&&(p+=" ".concat(l.outline)),e.status&&e.status!==u.None&&i.q.isFunction(e.setStatus)?n.createElement(c.L,{className:p,onClick:function(){var t=!m;v(t);var a=t?u.Complete:u.Incomplete;e.setStatus(a).catch((function(){v(!t)}))},disabled:e.disabled},n.createElement(r.x,{svgName:o.vn.Check,className:"svg-container ".concat(l.checkMark)})):n.createElement(n.Fragment,null)}!function(e){e.None="None",e.Complete="Complete",e.Incomplete="Incomplete"}(u||(u={})),d.defaultProps={style:"filled"}},24900:(e,t,a)=>{a.d(t,{z:()=>l,O:()=>c});var n=a(32735),i=a(83914),r=a(35223);const o={mask:"qpc7L",small:"L8Oxs",video:"b8kJW",playlist:"eo2p2",maskContainer:"lpwag"};var c;function l(e){var t=e.type,a=e.size,l=function(e){return e===c.Video?o.video:e===c.Playlist?o.playlist:""}(t),s=function(e){return e===c.Video?r.vn.PlayCircle:""}(t);return n.createElement("div",{className:"".concat(o.maskContainer," ").concat("sm"===a?o.small:"")},n.createElement("div",{className:o.mask}),n.createElement(i.x,{svgName:s,className:l}))}!function(e){e[e.Video=0]="Video",e[e.Playlist=1]="Playlist",e[e.Series=2]="Series"}(c||(c={})),l.defaults={size:"md"}},22843:(e,t,a)=>{a.d(t,{h:()=>u});var n=a(32735),i=a(65858),r=a(36848),o=a(38647),c=a(11882),l=a(31908);const s={container:"r70GR",titleContainer:"rULXI",seriesTitleBox:"h9k1p",badgeContainer:"QaDDX",audienceBadge:"hvsne"};function u(e){var t=e.video,a=e.appLink,u=e.subTextAppLink,d=l.M.getCanBeConsumed(t).canNavigate;return n.createElement("div",{className:"mt-2 ".concat(s.container)},n.createElement("div",{className:"d-flex flex-column ".concat(s.titleContainer)},l.M.isVideo(t)&&n.createElement(c.$,{type:e.subTextType,className:"text-truncate ".concat(s.seriesTitleBox),video:t,appLink:u,analyticsOptions:{location:i.LZ.VideoThumbnail}}),n.createElement(r.F,{className:"h6 text-reset clamp-2 align-middle",appLink:d?a:null},t.name,n.createElement(o.m,{video:e.video,yearGroups:e.yearGroups,size:"sm"}))))}},89118:(e,t,a)=>{a.d(t,{u:()=>pe});var n=a(32735),i=a(1048),r=a(65858),o=a(18559),c=a(17464),l=a(23481),s=a(91967),u=a(11607),d=a(83914),m=a(69883),v=a(1643),p=a(35223),g=a(31908);const y={favourited:"t0svX",favouriteButton:"CFRo3",heart:"ZMMQu",heartOutline:"truFo"};function f(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 E=l.T.encloseNamespace("shared.favouriteButton");function h(e){var t,a,i=(0,m.Z)(),r=v.h.isFavouritedByCurrentUser(e.video),o=(t=n.useState(r),a=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(t,a)||function(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}(t,a)||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.")}()),c=o[0],l=o[1];n.useEffect((function(){l(r)}),[r]);var h="".concat("d-flex align-items-center justify-content-center"," cursor-pointer ").concat(y.favouriteButton," ").concat(c?y.favourited:"");return e.className&&(h+=" ".concat(e.className)),s.q.isFunction(e.setFavourite)&&s.q.isFunction(e.canFavourite)&&e.canFavourite(e.video)?n.createElement(u.L,{className:h,onClick:function(){var t=!c;l(t),e.setFavourite(e.video,t,null,(function(){i.error(E(g.M.isClip(e.video)?t?"favouriteClipError":"unfavouriteClipError":g.M.isInteractive(e.video)?t?"favouriteInteractiveError":"unfavouriteInteractiveError":t?"favouriteVideoError":"unfavouriteVideoError")),l(!t)}),e.analyticsData,e.analyticsOptions)}},n.createElement(d.x,{svgName:p.vn.Heart,className:"svg-container ".concat(y.heart)}),n.createElement(d.x,{svgName:p.vn.HeartOutline,className:"svg-container ".concat(y.heartOutline)})):n.createElement(n.Fragment,null)}var b=a(75163),k=a(5465);function C(e){var t=g.M.getVideoProgress(e.video),a=t&&e.video.duration&&t/e.video.duration*1e5;return a?n.createElement("div",{className:"bg-primary h-100",style:{width:"".concat(a,"%")}}):n.createElement(n.Fragment,null)}const N={bottomBar:"YnXtZ"};function O(e){return g.M.isVideo(e.video)?n.createElement("div",{className:N.bottomBar},n.createElement(C,{video:e.video})):n.createElement(n.Fragment,null)}var x=a(36848),w=a(83345);const F={pluginHover:"h4RQa"};var j="shared.pluginHover";function I(e){return e.isPlugin?n.createElement(x.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions,onClick:e.onClick,className:"\n        position-absolute top-0 start-0 end-0 bottom-0 opacity-0 cursor-pointer\n        ".concat(F.pluginHover,"\n        ").concat(e.className?e.className:"","\n      ")},n.createElement("span",{className:"position-absolute top-50 start-50 translate-middle text-nowrap h4 text-white"},n.createElement(w.x,{namespace:j,phrase:"embed"}))):n.createElement(n.Fragment,null)}const T={padlock:"w4cg8",sm:"JpIYd"};function L(e){var t="sm"===e.size?d.S.Small:d.S.Standard;return n.createElement("div",{className:"".concat(T.padlock," ").concat("sm"===e.size?T.sm:""," bg-white cursor-default d-flex align-items-center justify-content-center")},n.createElement(d.x,{svgName:p.vn.Lock,size:t}))}var S=a(76177);const M={logo:"OA9ft",sm:"fyo2J"};function z(e){var t,a,i,r;if(!g.M.isVideo(e.video)||!e.companyLogoFallbackUrl)return n.createElement(n.Fragment,null);var o=null===(a=null===(t=e.video.productionCompanies)||void 0===t?void 0:t.data)||void 0===a?void 0:a[0],c=null!==(r=null===(i=null==o?void 0:o.logo)||void 0===i?void 0:i.url)&&void 0!==r?r:e.companyLogoFallbackUrl;return c?n.createElement("div",null,n.createElement(S.u,{title:null==o?void 0:o.name,spanHack:!0},n.createElement("div",{className:"".concat(M.logo," ").concat("sm"===e.size?M.sm:""),style:{backgroundImage:"url(".concat(c,")")}}))):n.createElement(n.Fragment,null)}z.defaultProps={size:"md"};var D=a(11882),A=a(4594),P=a(61150);function R(e){return g.M.isClip(e.video)?n.createElement(P.y,{typeId:A.E.Clip,size:e.size,inContainer:!0}):g.M.isInteractive(e.video)?n.createElement(P.y,{typeId:A.E.Interactive,status:e.video.status,size:e.size,inContainer:!0}):n.createElement(n.Fragment,null)}R.default={size:"md"};var V=a(10439),B=a(54610),H=a(49439);const _={overlayContainer:"qu3A3",topLeftContainer:"gjhMe",topRightContainer:"XAfZW",overlay:"NTrtm",downScale:"puKcM",title:"_6FukN",gradient:"rXzR8",playIcon:"dndOA",videoProgress:"yhWf4",badgeContainer:"AtgmC",clipProgress:"E2egN",interactiveProgress:"WycwR"};function U(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}function Z(e){var t="mb-1";return e&&(t+=_.downScale),t}function G(e){var t,a,l,s=e.video,u=e.appLink,m=e.imageOptions,y=e.setFavourite,f=e.canFavourite,E=e.preload,C=e.hovering,N=e.hoverToPlay,x=e.companyLogoFallbackUrl,w=g.M.getCanBeConsumed(e.video),F=w.canNavigate,j=w.canConsume,T=i.t.isObject(null==u?void 0:u.params)?null==u?void 0:u.params:{},M=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(s)}),A=v.h.showFavouriteButton(e.video,C),P=g.M.isVideo(s),G=g.M.getRating(e.video),Q=(a=(0,H.L)({delay:100}),l=2,function(e){if(Array.isArray(e))return e}(a)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(a,l)||function(e,t){if(e){if("string"==typeof e)return U(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)?U(e,t):void 0}}(a,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.")}()),W=Q[0],X=Q[1]&&j&&N,q=Object.assign(Object.assign({},e.analyticsData),{id:s.id,name:s.name}),K=Object.assign(Object.assign({},M),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail});return n.createElement(S.u,{title:g.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},n.createElement("div",{className:"position-relative rounded-3 overflow-hidden",ref:W},n.createElement(I,{isPlugin:e.isPlugin,className:"rounded-3",appLink:F?u:null,analyticsData:q,analyticsOptions:K}),A&&n.createElement("div",{className:_.topRightContainer},n.createElement(h,{setFavourite:y,canFavourite:f,video:s,analyticsData:e.analyticsData,analyticsOptions:M})),!F&&n.createElement("div",{className:_.topRightContainer},n.createElement(L,null)),n.createElement("div",{className:"".concat(_.topLeftContainer," d-flex flex-no-wrap")},n.createElement(R,{video:s}),n.createElement(z,{video:s,companyLogoFallbackUrl:x})),n.createElement(b.Z,{data:g.M.getThumbnail(s),appLink:F?u:null,imageType:B.__.Thumbnails,imageOptions:m,preload:E,className:_.gradient,alt:("series"in s&&(null===(t=s.series)||void 0===t?void 0:t.name)?"".concat(s.series.name,": "):"")+s.name,analyticsData:q,analyticsOptions:K},!(!C||!F)&&n.createElement(d.x,{className:_.playIcon,svgName:p.vn.PlayCircle}),n.createElement(k.oy,{type:k.mS.Video}),n.createElement("div",{className:_.overlayContainer},n.createElement("div",{className:_.overlay},n.createElement("div",{className:"".concat(Z(C)," ").concat(_.title)},P&&n.createElement(D.$,{type:e.subTextType,className:"text-shadow clamp-1",video:s,appLink:null,analyticsOptions:null}),n.createElement("span",{className:"h6 text-reset text-shadow clamp-1"},g.M.getTitle(s))),n.createElement(O,{video:s}),C&&n.createElement(c.c,{className:"mt-1"},g.M.isVideo(s)&&n.createElement(n.Fragment,null,n.createElement(o.C,{type:o.g.Rating,data:G}),s.hasSubtitle&&n.createElement("span",{className:"badge p-0"},n.createElement(d.x,{svgName:p.vn.CloseCaptionBadge})),n.createElement(o.C,{type:o.g.Interactive,data:s.hasInteractives}),n.createElement(o.C,{type:o.g.DurationExact,data:g.M.getDuration(e.video)})))))),X&&n.createElement(V.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:T.context,contextId:T.contextId,moviesAndTv:T.mtv})))}var Q=a(64446),W=a(40955);const X={badgeContainer:"fy9Un",sm:"Rb0TL"};function q(e){var t=g.M.getRating(e.video),a=!!e.audience&&"sm"!==e.size,i=!a&&!e.hideRating&&!!t&&"sm"!==e.size;return!e.hideDuration||a||i?n.createElement(c.c,{className:"".concat(X.badgeContainer," ").concat("sm"===e.size?X.sm:"")},a&&n.createElement(W.P,{audience:e.audience,className:"bg-white text-dark",border:"dark"}),i&&n.createElement(o.C,{type:o.g.Rating,data:t}),!e.hideDuration&&n.createElement(o.C,{type:e.newDurationStyle?o.g.DurationApproximate:o.g.DurationExact,data:e.duration||g.M.getDuration(e.video)})):n.createElement(n.Fragment,null)}q.defaultProps={newDurationStyle:!0,size:"md"};var K=a(22843),$=a(66190),J=a(77590),Y=a(59598);const ee={preview:"whbhf",topLeftContainer:"wHY80",details:"vMaXP",isHovering:"tR1jA",videoGuidanceTags:"KJrT1",dropdown:"oZXV7",show:"EiQ04",topRightContainer:"FAuzc"};var te=function(e){var t,a=e.video,o=e.appLink,c=e.imageOptions,l=e.preload,s=e.setFavourite,u=e.canFavourite,d=e.isHovering,m=e.hoverToPlay,p=e.companyLogoFallbackUrl,y=i.t.isObject(null==o?void 0:o.params)?null==o?void 0:o.params:{},f=g.M.getCanBeConsumed(a),E=f.canNavigate,C=f.canConsume;function N(e){return Object.assign(Object.assign({},o),{params:Object.assign(Object.assign({},y),{tocId:e})})}n.useEffect((function(){return function(){var t;null===(t=e.cleanPortalNode)||void 0===t||t.call(e)}}),[]);var x="position-relative bg-white";e.extraClasses&&(x+=" ".concat(e.extraClasses)),d&&(x+=" rounded-3 shadow-lg");var w=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(a)}),F=e.isHovering&&C&&m,j=v.h.showFavouriteButton(e.video,d),T=Object.assign(Object.assign({},e.analyticsData),{id:a.id,name:a.name}),M=Object.assign(Object.assign({},w),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail});return n.createElement("div",{className:x},j&&n.createElement("div",{className:ee.topRightContainer},n.createElement(h,{setFavourite:s,canFavourite:u,video:a,analyticsData:e.analyticsData,analyticsOptions:w})),!E&&n.createElement("div",{className:ee.topRightContainer},n.createElement(S.u,{title:g.M.getPrivacyReasoning(e.video),spanHack:!0,spanHackClassName:""},n.createElement(L,null))),n.createElement("div",{className:"position-relative"},n.createElement(I,{isPlugin:e.isPlugin,className:d?"rounded-top-3":"rounded-3",onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},appLink:E?o:null,analyticsData:T,analyticsOptions:M}),n.createElement(b.Z,{onClick:function(){var t;return null===(t=e.cleanPortalNode)||void 0===t?void 0:t.call(e)},data:g.M.getThumbnail(a),appLink:E?o:null,imageType:B.__.Thumbnails,imageOptions:c,preload:l,className:"overflow-hidden ".concat(d?ee.preview:"rounded-3 ".concat(ee.original)),alt:("series"in a&&(null===(t=a.series)||void 0===t?void 0:t.name)?"".concat(a.series.name,": "):"")+a.name,analyticsData:T,analyticsOptions:M},n.createElement(k.oy,{type:k.mS.Video}),n.createElement("div",{className:"p-absolute w-100 h-100 text-white"},n.createElement("div",{className:"".concat(ee.topLeftContainer," d-flex flex-no-wrap")},n.createElement(R,{video:a}),n.createElement(z,{video:a,companyLogoFallbackUrl:p})),n.createElement(q,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration}),n.createElement(O,{video:a}))),F&&n.createElement(V.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:y.context,contextId:y.contextId,moviesAndTv:y.mtv,location:"popout-video"})),!d&&!e.hideTitle&&n.createElement(K.h,Object.assign({},e)),n.createElement("div",{className:"".concat(ee.details," ").concat(d?"".concat(ee.isHovering," box-shadow"):"")},d&&n.createElement(n.Fragment,null,n.createElement("div",{className:"".concat(d?ee.videoGuidanceTags:"")},n.createElement(K.h,Object.assign({},e)),e.showVideoGuidance&&d&&n.createElement("div",{className:"d-flex justify-content-start align-items-center pt-2"},n.createElement(J.x,{video:e.video,appLink:N(Y.K.Resources),analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement($.Y,{video:e.video,appLink:N(Y.K.Interactives),analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))))))};function ae(e){return n.createElement(n.Fragment,null,n.createElement(Q.K,{hoverableComponent:te,componentProps:e,fixedHoverWidth:400,minHoverWidth:400,analyticsData:Object.assign(Object.assign({},e.analyticsData),{id:e.video.id,name:e.video.name}),analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(e.video)})}))}var ne=a(24900),ie=a(89682);const re={container:"efxnE",cvIcon:"OJ_ZQ",action:"vWvGn"};function oe(e){return g.M.getCanBeConsumed(e.video).canNavigate?function(e){var t;return!(null===(t=g.M.getCanBeConsumed(e.video))||void 0===t?void 0:t.canConsume)||!(!s.q.isFunction(e.setFavourite)||!s.q.isFunction(e.canFavourite))||!!s.q.isFunction(e.setCheckMarkStatus)}(e)?n.createElement("div",{className:"".concat(re.container," d-flex align-items-center")},n.createElement(h,{setFavourite:e.setFavourite,canFavourite:e.canFavourite,video:e.video,className:re.action,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}),n.createElement(ie.I,{status:e.checkMarkStatus,setStatus:e.setCheckMarkStatus,className:re.action})):n.createElement(n.Fragment,null):n.createElement("div",{className:re.container},n.createElement(L,{size:e.size}))}var ce=a(68626);const le={titleOverlay:"krg9f",clip:"MPRU6",large:"g5_ww",interactive:"Zzo3e",titleBelow:"tZjPt",overlayContainer:"EElm1",topLeftContainer:"hrw3I",gradient:"LS_EH"};function se(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,i,r,o,c=[],l=!0,s=!1;try{if(r=(a=a.call(e)).next,0===t){if(Object(a)!==a)return;l=!1}else for(;!(l=(n=r.call(a)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=a.return&&(o=a.return(),Object(o)!==o))return}finally{if(s)throw i}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ue(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)?ue(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 ue(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 de="shared.staticVideoThumbnail";function me(e){var t,a=e.video,i=e.subTextAppLink,o=e.textPosition,c=e.appLink,s=o===ce.z.Overlay,u=g.M.getCanBeConsumed(e.video).canNavigate,d="";return s?(d=le.titleOverlay,u&&(g.M.isClip(a)&&(d+=" "+le.clip),g.M.isInteractive(a)&&(d+=" "+le.interactive))):d=le.titleBelow,n.createElement("div",{className:d},g.M.isVideo(a)&&n.createElement(D.$,{type:e.subTextType,className:s?"text-shadow clamp-1":"clamp-2",video:a,appLink:s?null:i,analyticsOptions:{location:r.LZ.VideoThumbnail}}),s||!u?n.createElement("span",{className:"h6 text-reset clamp-1"},null!==(t=a.name)&&void 0!==t?t:l.T.getPhrase(de,"videoUnavailable")):n.createElement(x.F,{className:"h6 text-reset clamp-2",appLink:c},a.name))}function ve(e){var t,a,o=e.video,c=e.appLink,l=e.textPosition,s=e.imageOptions,u=e.setFavourite,d=e.preload,m=e.hoverToPlay,p=i.t.isObject(null==c?void 0:c.params)?null==c?void 0:c.params:{},y=se((0,H.X)(),2),f=y[0],E=y[1],h=se((0,H.L)({delay:100}),2),C=h[0],N=h[1],x=g.M.getCanBeConsumed(o),w=x.canNavigate,F=x.canConsume,j=N&&F&&m,T=Object.assign(Object.assign({},e.analyticsOptions),{entity:g.M.getAnalyticsEntity(o)}),L=!!c&&!e.hideMask&&w,M=g.M.getPrivacyReasoning(e.video,e.showSignIn),D=Object.assign(Object.assign({},e.analyticsData),{id:o.id,name:o.name}),A=Object.assign(Object.assign({},T),{actionType:r.Vw.Click,descriptor:r._S.Thumbnail});return n.createElement(S.u,{title:M,spanHack:!0,spanHackClassName:""},n.createElement("div",{className:(a="position-relative",a+=c&&w?" cursor-pointer":"",e.extraClasses&&(a+=" ".concat(e.extraClasses)),l===ce.z.Overlay&&(a+=" rounded overflow-hidden"),a),ref:function(e){f.current=e,C.current=e}},n.createElement(I,{isPlugin:e.isPlugin,className:"sm"===e.size?"rounded":"rounded-3",appLink:w?c:null,analyticsData:D,analyticsOptions:A}),n.createElement(oe,{video:o,checkMarkStatus:e.checkMarkStatus,setCheckMarkStatus:e.setCheckMarkStatus,setFavourite:u,canFavourite:function(){var t;return(null===(t=e.canFavourite)||void 0===t?void 0:t.call(e,e.video))&&v.h.showFavouriteButton(o,E)},analyticsData:e.analyticsData,analyticsOptions:T,size:e.size}),n.createElement(b.Z,{data:g.M.getThumbnail(o),appLink:w?c:null,imageType:B.__.Thumbnails,imageOptions:s,preload:d,className:function(){var t="overflow-hidden ".concat("sm"===e.size?"rounded":"rounded-3");return e.imageClassName&&(t+=" ".concat(e.imageClassName)),l===ce.z.Overlay&&(t+=" ".concat(le.gradient)),t}(),alt:("series"in o&&(null===(t=o.series)||void 0===t?void 0:t.name)?"".concat(o.series.name,": "):"")+o.name,analyticsData:D,analyticsOptions:A},L&&n.createElement(ne.z,{type:ne.O.Video,size:e.size}),n.createElement(k.oy,{type:k.mS.Video}),n.createElement("div",{className:le.overlayContainer},l===ce.z.Overlay&&n.createElement(me,Object.assign({},e)),n.createElement("div",{className:"".concat(le.topLeftContainer," d-flex flex-no-wrap")},n.createElement(R,{video:o,size:e.size}),n.createElement(z,{video:o,companyLogoFallbackUrl:e.companyLogoFallbackUrl,size:e.size})),n.createElement(O,{video:o}),n.createElement(q,{video:e.video,audience:e.audience,hideRating:e.hideRating,hideDuration:e.hideDuration,newDurationStyle:e.newDurationStyle,size:e.size}))),j&&n.createElement(V.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,mode:"hover",context:p.context,contextId:p.contextId,moviesAndTv:p.mtv}),l===ce.z.Below&&n.createElement(me,Object.assign({},e))))}function pe(e){switch(e.type){case"static":return n.createElement(ve,Object.assign({},e));case"cosmetic":return n.createElement(ve,Object.assign({},e,{hoverToPlay:!1}));case"expandable":return n.createElement(G,Object.assign({},e));case"popout":return n.createElement(ae,Object.assign({},e));default:return}}pe.defaultProps={hideRating:!0,size:"md",hoverToPlay:!0}},61150:(e,t,a)=>{a.d(t,{y:()=>v});var n=a(32735),i=a(23481),r=a(83914),o=a(5960),c=a(4594),l=a(35223);const s={topLeftContainer:"iwBld",draft:"QBpxh",badge:"KcvGx",svg:"gW733",text:"QiH5Q",sm:"tn2BH"};var u=i.T.encloseNamespace("shared.typeBadge");function d(e){switch(e){case c.E.Clip:return l.vn.Clip;case c.E.Interactive:return l.vn.Interactive;case c.E.Resource:return l.vn.Resources;default:return""}}function m(e,t){switch(e){case c.E.Clip:return"bg-dark-blue";case c.E.Interactive:return t===o.X.Draft?s.draft:"bg-green";case c.E.Resource:return"bg-indigo";default:return""}}function v(e){var t="".concat(s.badge," rounded-pill text-white ps-0 ").concat("sm"===e.size?s.sm:"");return n.createElement("div",{className:e.inContainer?"":s.topLeftContainer},n.createElement("div",{className:"".concat(t," ").concat(m(e.typeId,e.status))},n.createElement(r.x,{className:"svg-container d-block ".concat(s.svg),size:"sm"===e.size?r.S.Small:r.S.Standard,svgName:d(e.typeId)}),n.createElement("span",{className:s.text},function(e){switch(e){case c.E.Clip:return u("clip");case c.E.Interactive:return u("interactive");case c.E.Resource:return u("resource");default:return""}}(e.typeId))))}v.default={size:"md"}},66190:(e,t,a)=>{a.d(t,{Y:()=>u});var n=a(32735),i=a(23481),r=a(65858),o=a(65720),c=a(35223),l=a(31908),s="shared.interactivesTag";function u(e){var t,a;if(!e.video||l.M.isInteractive(e.video))return n.createElement(n.Fragment,null);var u=(null===(a=null===(t=e.video.interactives)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)||0;return u?n.createElement(o.m,{svgName:c.vn.Interactive,iconVariant:"green",text:i.T.getPhrase(s,"interactives",{smartCount:u}),appLink:e.appLink,appLinkAnalyticsData:Object.assign({videoGuidanceType:"interactive",videoGuidanceTotalItems:u},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:l.M.getAnalyticsEntity(e.video)},e.analyticsOptions)}):n.createElement(n.Fragment,null)}},77590:(e,t,a)=>{a.d(t,{x:()=>u});var n=a(32735),i=a(23481),r=a(65858),o=a(65720),c=a(35223),l=a(31908),s="shared.resourcesTag";function u(e){var t,a,u,d;if(!e.video||l.M.isInteractive(e.video))return n.createElement(n.Fragment,null);var m=((null===(a=null===(t=e.video.resources)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)||0)+((null===(d=null===(u=e.video.links)||void 0===u?void 0:u.data)||void 0===d?void 0:d.length)||0);return m?n.createElement(o.m,{svgName:c.vn.Resources,iconVariant:"indigo",text:i.T.getPhrase(s,"resources",{smartCount:m}),appLink:e.appLink,appLinkAnalyticsData:Object.assign({videoGuidanceType:"resource",videoGuidanceTotalItems:m},e.analyticsData),appLinkAnalyticsOptions:Object.assign({actionType:r.Vw.Click,entity:l.M.getAnalyticsEntity(e.video)},e.analyticsOptions)}):n.createElement(n.Fragment,null)}},65720:(e,t,a)=>{a.d(t,{m:()=>c});var n=a(32735),i=a(83914),r=a(36848);const o={tag:"OjHQZ",icon:"SS2zL",active:"kD1xM"};function c(e){return e.appLink?n.createElement(r.F,{appLink:e.appLink,analyticsData:e.appLinkAnalyticsData,analyticsOptions:e.appLinkAnalyticsOptions,className:"\n          p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer\n          text-decoration-none ".concat(o.tag," ").concat(e.active?o.active:"","\n        ")},n.createElement(l,Object.assign({},e))):n.createElement(l,Object.assign({},e))}function l(e){return n.createElement(n.Fragment,null,n.createElement(i.x,{className:"".concat(o.icon," rounded-circle bg-").concat(e.iconVariant," text-white"),svgName:e.svgName}),n.createElement("span",{className:"ps-1 text-nowrap user-select-none"},e.text))}},38647:(e,t,a)=>{a.d(t,{m:()=>s});var n=a(32735),i=a(83914),r=a(76177),o=a(26361),c=a(35223),l=a(31908);function s(e){if(!e.yearGroups)return n.createElement(n.Fragment,null);var t=o.l.mapRestrictionToText(e.video._restrictions,e.yearGroups);return l.M.getCanBeConsumed(e.video).canConsume&&t?n.createElement(r.u,{spanHack:!0,spanHackClassName:e.className||"d-inline-block ps-1",title:t,placement:e.tooltipPlacement||"top"},n.createElement(i.x,{svgName:c.vn.Lock,size:"sm"===e.size?i.S.Small:i.S.Standard})):n.createElement(n.Fragment,null)}},10439:(e,t,a)=>{a.d(t,{r:()=>c});var n=a(32735),i=a(17082),r=a(35429);const o={hoverContainer:"TzWQw",hovering:"gdTcW"};function c(e){var t,a=(0,r.g)();if(null===(t=a.useInitialize)||void 0===t||t.call(a,e),!a.hasProvider)return n.createElement(n.Fragment,null);if("picture-in-picture"===a.mode)return n.createElement(n.Fragment,null);if("hover"===e.mode&&a.isOnPlayPage)return n.createElement(n.Fragment,null);if("default"===a.mode||"play-page"===e.location)return n.createElement(i.t0,{node:a.portalNode});var c=a.started,l="rounded-3";"popout-video"===e.location&&(l="rounded-top-3");var s="".concat(o.hoverContainer," ").concat(c?o.hovering:""," ").concat(l," overflow-hidden");return n.createElement("div",{className:s},n.createElement(i.t0,{node:a.portalNode}))}},68626:(e,t,a)=>{var n;a.d(t,{z:()=>n}),function(e){e[e.Below=1]="Below",e[e.Overlay=2]="Overlay",e[e.Independent=3]="Independent"}(n||(n={}))},59598:(e,t,a)=>{var n;a.d(t,{K:()=>n}),function(e){e.Resources="resources",e.Interactives="interactives",e.Video="video",e.Clips="clips",e.CurriculumLinks="curriculum-links",e.VideoDetails="video-details",e.RelatedVideos="related-videos",e.ClippedFrom="clipped-from"}(n||(n={}))}}]);
+//# sourceMappingURL=6948-e7a16d8c0b-lite.chunk.js.map