@clickview/lite 0.57.2-rc.2 → 0.57.3-rc.0

package/dist/scripts/{6290-dd18f6a50a-lite.chunk.js → 6290-a295d749c3-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6290],{49935:(e,t,n)=>{n.d(t,{Oo:()=>b,b2:()=>v});var r=n(32735),a=n(23481),l=n(36848),i=n(86764),o=n(3747),c=n(5859),s=n(35223),u=n(83914);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,o=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return p(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)?p(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 p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var d=a.T.encloseNamespace("shared.breadcrumbComponent"),f=r.forwardRef((function(e,t){var n=e.breadcrumb,a=n.name,i=n.appLink,o=n.active,c=e.withBackIcon,m=a,p=null;return m.length>48&&(m=a.slice(0,48)+"...",p=a),r.createElement("li",{className:"breadcrumb-item".concat(o?" active":""),title:p},o?r.createElement("strong",null,m):r.createElement(l.F,{appLink:i,ref:t},c&&r.createElement(u.x,{svgName:s.vn.ChevronLeft,size:u.S.Small}),r.createElement("span",{className:c?"ms-2":""},m)))})),b=function(e){var t=e.breadcrumbs,n=(0,o.a)(i.r.XS),a=(null==t?void 0:t.length)||0,l=m(r.useState(!1),2),c=l[0],s=l[1],u=m(r.useState(!1),2),p=u[0],b=u[1],v=r.useRef();if(r.useEffect((function(){var e,n=null!==(e=null==t?void 0:t.reduce((function(e,t){return e+t.name.length}),0))&&void 0!==e?e:0;a>4&&n>64&&s(!0)}),[null==t?void 0:t.length]),r.useLayoutEffect((function(){var e;p&&(null===(e=v.current)||void 0===e||e.focus())}),[v.current,p]),!a||n&&a<2)return r.createElement(r.Fragment,null);if(n)return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},r.createElement(f,{breadcrumb:t[a-2],withBackIcon:!0})));var g=r.createElement(f,{breadcrumb:t[0]}),h=a>2?r.createElement(f,{breadcrumb:t[1]}):r.createElement(r.Fragment,null),y=a>3?r.createElement(f,{breadcrumb:t[a-2]}):r.createElement(r.Fragment,null),E=a>1?r.createElement(f,{breadcrumb:t[a-1]}):r.createElement(r.Fragment,null),S=t.slice(2,a-2);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},g,h,c?r.createElement("li",{className:"breadcrumb-item"},r.createElement("button",{className:"btn-link",onClick:function(){s(!1),b(!0)},"aria-label":d("expand")},"...")):S.map((function(e,t){return r.createElement(f,{key:t,breadcrumb:e,ref:0===t?v:null})})),y,E))},v=r.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,o.a)(i.r.XS)?r.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},c.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},23201:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(32735),a=n(92802),l=n(2102),i=n(83345),o=n(33936),c="shared.formButtons";function s(e){var t=(0,a.u6)(),n=(0,o.l)(t);return r.createElement(l.m,{variant:e.variant||"primary",type:"submit",disabled:!n,size:e.size,className:e.className?e.className:"",showSpinner:t.isSubmitting},e.submitText?r.createElement(r.Fragment,null,e.submitText):r.createElement(i.x,{namespace:c,phrase:e.isNew?"create":"save"}))}},38365:(e,t,n)=>{n.d(t,{n:()=>S,W:()=>N});var r=n(32735),a=n(80247),l=n(80130),i=n(92802),o=n(91967),c=n(1048),s=n(36848),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 m(e){var t=e.label,n=e.checkboxLabelClassName,a=e.checkboxLabelFontWeight,i=e.className,o=u(e,["label","checkboxLabelClassName","checkboxLabelFontWeight","className"]);return r.createElement(l.Z.Group,{className:"form-group"},r.createElement("div",{className:"form-check ".concat(i||"")},r.createElement(S,Object.assign({className:"form-check-input"},o)),r.createElement(l.Z.Label,{className:"form-check-label cursor-pointer ".concat("normal"===a?"fw-normal":""," \n          ").concat(n),htmlFor:o.id},t),e.checkboxAppLink&&e.checkboxAppLinkText&&r.createElement(r.Fragment,null,r.createElement("span",null," "),r.createElement(s.F,{appLink:e.checkboxAppLink,className:"info-link"},e.checkboxAppLinkText))))}var p=n(83914),d=n(83345),f=n(73814),b=n(35223);function v(e){var t=(0,i.u6)().values[e.fieldName];return"string"!=typeof t?r.createElement(r.Fragment,null):r.createElement("div",{className:"float-end text-secondary fw-normal"},t.length,"/",e.limit," characters")}const g={revealPassword:"jCfI0",passwordInput:"RBJnf",passwordContainer:"d78lK",passwordContainerDisabled:"asbVo",infoTooltip:"wzyOG",spinner:"CycFx"};function h(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 y=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},E="shared.formField";function S(e){var t,n,l=e.children,s=e.showLoadingSpinner,u=y(e,["children","showLoadingSpinner"]),m=(t=r.useState(e.type),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,l,i,o=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return h(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)?h(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.")}()),d=m[0],f=m[1],v=o.q.isFunction(l)?function(e){return l(e)}:r.Children.count(l)?l:null;if("password"!==u.type)return s?r.createElement("div",{className:"position-relative"},r.createElement(i.gN,Object.assign({},c.t.omit(u,["formSize"])),v),r.createElement("div",{className:g.spinner},r.createElement(a.Z,{animation:"border",size:"sm"}))):r.createElement(i.gN,Object.assign({},c.t.omit(u,["formSize"])),v);var E="position-relative ".concat(g.passwordContainer);return u.className&&(E+=" ".concat(u.className)),u.disabled&&(E+=" ".concat(g.passwordContainerDisabled)),r.createElement("div",{className:E},r.createElement(i.gN,Object.assign({},c.t.omit(u,["formSize","type","className"]),{type:d,className:"".concat(g.passwordInput," border-0 w-100 h-100 outline-none rounded")}),v),"password"===u.type&&r.createElement(p.x,{svgName:"password"===d?b.vn.VisibleOn:b.vn.VisibleOff,className:"svg-container cursor-pointer ".concat(g.revealPassword),onClick:function(){f("password"===d?"text":"password")}}))}function N(e){var t=e.label,n=e.className,a=e.showCharacterCounter,o=e.showRequiredStar,s=e.infoTooltip,u=e.infoTooltipPlacement,h=e.infoText,N=e.formSize,w=e.showOptionalLabel,O=y(e,["label","className","showCharacterCounter","showRequiredStar","infoTooltip","infoTooltipPlacement","infoText","formSize","showOptionalLabel"]),x=(0,i.u6)(),A=x.errors,k=x.touched,I=function(){};if("checkbox"===O.type){var j=c.t.omit(e,["formSize","infoTooltipPlacement"]);return e.disabled&&(j.onChange=I),r.createElement(m,Object.assign({},j))}var C=Object.assign(Object.assign({},O),{className:f.w.getCustomFormControlClassName(A,k,O.name,N,n,"string"==typeof e.as?e.as:null)});return e.disabled&&(C.onChange=I),r.createElement(l.Z.Group,{className:"form-group"},!!t&&r.createElement(l.Z.Label,{htmlFor:O.id,className:"d-flex align-items-center"},t,o&&r.createElement("span",{className:"text-danger"},"*"),s&&r.createElement(p.x,{className:"svg-container text-secondary ".concat(g.infoTooltip),svgName:b.vn.Info,title:s,tooltipPlacement:u,tooltipSpanHack:!0}),w&&r.createElement("span",{className:"text-secondary"}," ",r.createElement(d.x,{namespace:E,phrase:"optional"})),!!a&&!!O.maxLength&&r.createElement("div",{className:"ms-auto"},r.createElement(v,{fieldName:O.name,limit:O.maxLength}))),r.createElement(S,Object.assign({},C,{"aria-errormessage":"".concat(O.name,"Error")})),!!h&&r.createElement(l.Z.Text,{className:"text-secondary"},h),r.createElement(i.Bc,{name:O.name},(function(e){return r.createElement(l.Z.Control.Feedback,{id:"".concat(O.name,"Error"),type:"invalid",role:"status"},e)})))}S.defaultProps={autoComplete:"off"},N.defaultProps={autoComplete:"off",infoTooltipPlacement:"top"}},82644:(e,t,n)=>{n.d(t,{b:()=>u,n:()=>s});var r=n(32735),a=n(92802),l=n(91967),i=n(1048);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 c=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 s(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,s=e.initialValues,u=e.onSubmit,m=c(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit"]),p=t&&e.validationSchema?e.validationSchema.cast(function(e){if(!e)return{};var t=i.t.deepClone(e);return function e(n){Object.keys(t).forEach((function(r){t.hasOwnProperty(r)&&(i.t.isObject(n[r])?e(n[r]):null===t[r]&&delete t[r])}))}(t),t}(s)):s,d={allowInitialSubmit:e.allowInitialSubmit};return r.createElement(a.J9,Object.assign({enableReinitialize:!0},m,{initialValues:p,onSubmit:function(t,r){var a=r.setSubmitting,l=r.resetForm,i=r.setFieldError,c=n&&e.validationSchema?e.validationSchema.cast(t):t;u(c,(function(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(n.reset&&l(),n.errors)for(var r=0,c=Object.entries(n.errors);r<c.length;r++){var s=(e=c[r],t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,o=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=s[0],m=s[1];i(u,m)}a(!1)}))},initialStatus:d}),l.q.isFunction(e.children)?function(t){return e.children(t)}:r.Children.count(e.children)?e.children:null)}function u(){return(0,a.u6)()}s.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},99705:(e,t,n)=>{var r,a;n.d(t,{b:()=>a}),function(e){e.AddToPlaylist="115005679748",e.EditSsoAccounts="8202508040345",e.LibraryEditor="360001974533",e.VideoAccess="360000153947",e.AddFromOnline="360011718234",e.UploadToLibraryEditor="360012069334",e.PBTErrorCodes="360012421153",e.ManuelReview="360020004534",e.LibraryReview="360000163788"}(r||(r={})),function(e){e.Integrations="4407268725529",e.Classrooms="4405362551833",e.MakeInteractive="4405370510873",e.EditSsoAccounts="8202605666073",e.UploadToLibraryEditor="10672936659865",e.AddFromLite="10671345281561",e.ManageSsoYearGroups="14691130889241",e.ContentReview="18525199576601",e.ContentPermissions="14692125209497",e.AccessSettings="22110291468057",e.ContentGuidelines="24133696186009",e.FoxtelFaq="24133519542169",e.ViviIntegration="23826297956377",e.AppleTvIntegration="25832373739929",e.RssFeed="32567445635097",e.ManageGroupPermissions="35407217335705"}(a||(a={}))},73814:(e,t,n)=>{n.d(t,{w:()=>a});var r=n(92802),a={getCustomFormControlClassName:function(e,t,n,a,l,i){var o="";return o=function(e,t){var n="";return n="select"===e?"form-select":"form-control","sm"===t&&(n+=" ".concat(n,"-sm")),"lg"===t&&(n+=" ".concat(n,"-lg")),n}(i,a),(0,r.u9)(t,n)&&(0,r.u9)(e,n)&&(o+=" is-invalid"),l&&(o+=" ".concat(l)),o}}},5859:(e,t,n)=>{function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,{u:()=>l});var a={numItems:5,minWidth:50,maxWidth:100},l={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},a),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*n.maxWidth),n.minWidth),"px")}}))}}},81803:(e,t,n)=>{n.d(t,{d:()=>f});var r=n(32735),a=n(81886),l=n(23481),i=n(49935),o=n(22902),c=n(14070),s=n(97291),u=n(96368);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var p="settings.settingsLayout",d=function(e){var t=(0,o.T)().hasPermissions,n=(0,u.e)();if(e)return t(e);var r=a.Q.C$.getCurrentAppLink();return r.application!==s.O.SETTINGS||n.some((function(e){return e.modules.some((function(e){return"appLink"in e&&e.appLink.action===r.action}))}))};function f(e){var t,n=d(e.requiredPermissions);if(r.useEffect((function(){n||a.Q.C$.trigger({application:s.O.SETTINGS,action:c.e.Settings.HOME},{replace:!0})}),[n]),!n)return r.createElement(r.Fragment,null);var o,u=e.breadcrumbs.map((function(t,n){return{name:t,appLink:{application:s.O.SETTINGS,action:c.e.Settings.HOME},active:n===e.breadcrumbs.length-1}}));return r.createElement("div",{className:"px-3"},r.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.createElement("h1",{className:"h2"},e.heading),null===(t=e.headingButton)||void 0===t?void 0:t.call(e)),r.createElement("div",{className:"pb-3"},r.createElement(i.Oo,{breadcrumbs:[{name:l.T.getPhrase(p,"settingsBreadcrumb"),appLink:{application:s.O.SETTINGS,action:c.e.Settings.HOME}}].concat((o=u,function(e){if(Array.isArray(e))return m(e)}(o)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(o)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))})),e.description&&r.createElement(r.Fragment,null,r.createElement("p",null,e.description),r.createElement("hr",null)),e.children)}},26290:(e,t,n)=>{n.r(t),n.d(t,{SsoYearGroupMappingView:()=>C});var r=n(32735),a=n(23481),l=n(20354),i=n(82644),o=n(83345),c=n(99705),s=n(31949),u=n(69883),m=n(79612),p=n(12778),d=n(81803);const f={partialList:"yOf8H",partialField:"i1drn",partialInput:"UYs6_",partialLabel:"hor2G"};function b(){return r.createElement("div",{className:"d-flex flex-wrap ".concat(f.partialList)},Array(6).fill(null).map((function(e,t){return r.createElement("div",{className:f.partialField,key:t},r.createElement("div",{className:"".concat(f.partialLabel," partial-loading-background")}),r.createElement("div",{className:"".concat(f.partialInput," rounded partial-loading-background")}))})))}var v=n(92802),g=n(23201),h=n(38365),y=n(86764),E=n(3747);const S={list:"GGV5A",field:"A_wE8",input:"aJzpE"};var N=a.T.encloseNamespace("settings.ssoYearGroupMappingForm"),w=function(e){var t;return(null===(t=e.yearGroup)||void 0===t?void 0:t.id)||"staff"},O=function(e){if((0,E.a)(y.r.MDDown))return"100%";var t=95*Math.ceil(e/2);return"".concat(t,"px")};function x(){var e=(0,v.u6)(),t=O(e.values.mappings.length);return r.createElement(v.l0,null,r.createElement("div",{className:"d-flex flex-wrap ".concat(S.list),style:{maxHeight:t}},e.values.mappings.map((function(t){var n=w(t),a=t.yearGroup.name;return r.createElement("div",{className:"mb-2 ".concat(S.field),key:n},r.createElement("label",{htmlFor:n},a),r.createElement(h.W,{id:n,name:n,className:"form-control ".concat(S.input),placeholder:t.canBeSsoMapped?N("placeholder"):"",onChange:function(n){return r=t,a=n.target.value,void e.setFieldValue("mappings",e.values.mappings.map((function(e){return w(e)!==w(r)?e:Object.assign(Object.assign({},r),{ssoMapping:a})})));var r,a},value:t.ssoMapping,disabled:!t.canBeSsoMapped}))}))),r.createElement(g.A,{variant:"dark",isNew:!1}))}var A=n(47288),k="settings.ssoYearGroupMapping",I=a.T.encloseNamespace(k),j=[I("breadcrumb")];function C(){var e=l.a.useBasicFetch(s.N.currentUser()),t=l.a.useBasicFetch(e.data&&A.N.getSsoMappings(e.data.customerId)),n=l.a.useGetFetchAsync(),a=(0,u.Z)();(0,m.M)({title:I("title")});var f=!!t.data;return r.createElement(d.d,{heading:I("heading"),breadcrumbs:j},r.createElement("p",{className:"mb-0"},r.createElement(o.x,{namespace:k,phrase:"info"})),r.createElement("a",{className:"info-link",href:p.o.getLiteArticle(c.b.ManageSsoYearGroups),target:"_blank"},r.createElement(o.x,{namespace:k,phrase:"helpArticle"})),r.createElement("hr",null),f?r.createElement(i.n,{initialValues:{mappings:t.data},onSubmit:function(t,r){var l=t.mappings.map((function(e){return{yearGroupId:e.yearGroup.id,ssoMapping:e.ssoMapping}}));n(A.N.updateSsoMappings(e.data.customerId,l)).then((function(){return a.success(I("updateSuccess"))})).catch((function(){return a.error(I("updateError"))})).finally(r)}},r.createElement(x,null)):r.createElement(b,null))}}}]);
-//# sourceMappingURL=6290-dd18f6a50a-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6290],{49935:(e,t,n)=>{n.d(t,{Oo:()=>b,b2:()=>v});var r=n(32735),a=n(23481),l=n(36848),i=n(86764),o=n(3747),c=n(5859),s=n(35223),u=n(83914);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,o=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return p(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)?p(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 p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var d=a.T.encloseNamespace("shared.breadcrumbComponent"),f=r.forwardRef((function(e,t){var n=e.breadcrumb,a=n.name,i=n.appLink,o=n.active,c=e.withBackIcon,m=a,p=null;return m.length>48&&(m=a.slice(0,48)+"...",p=a),r.createElement("li",{className:"breadcrumb-item".concat(o?" active":""),title:p},o?r.createElement("strong",null,m):r.createElement(l.F,{appLink:i,ref:t},c&&r.createElement(u.x,{svgName:s.vn.ChevronLeft,size:u.S.Small}),r.createElement("span",{className:c?"ms-2":""},m)))})),b=function(e){var t=e.breadcrumbs,n=(0,o.a)(i.r.XS),a=(null==t?void 0:t.length)||0,l=m(r.useState(!1),2),c=l[0],s=l[1],u=m(r.useState(!1),2),p=u[0],b=u[1],v=r.useRef();if(r.useEffect((function(){var e,n=null!==(e=null==t?void 0:t.reduce((function(e,t){return e+t.name.length}),0))&&void 0!==e?e:0;a>4&&n>64&&s(!0)}),[null==t?void 0:t.length]),r.useLayoutEffect((function(){var e;p&&(null===(e=v.current)||void 0===e||e.focus())}),[v.current,p]),!a||n&&a<2)return r.createElement(r.Fragment,null);if(n)return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},r.createElement(f,{breadcrumb:t[a-2],withBackIcon:!0})));var g=r.createElement(f,{breadcrumb:t[0]}),h=a>2?r.createElement(f,{breadcrumb:t[1]}):r.createElement(r.Fragment,null),y=a>3?r.createElement(f,{breadcrumb:t[a-2]}):r.createElement(r.Fragment,null),E=a>1?r.createElement(f,{breadcrumb:t[a-1]}):r.createElement(r.Fragment,null),S=t.slice(2,a-2);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},g,h,c?r.createElement("li",{className:"breadcrumb-item"},r.createElement("button",{className:"btn-link",onClick:function(){s(!1),b(!0)},"aria-label":d("expand")},"...")):S.map((function(e,t){return r.createElement(f,{key:t,breadcrumb:e,ref:0===t?v:null})})),y,E))},v=r.memo((function(e){var t=e.numItems,n=void 0===t?3:t;return(0,o.a)(i.r.XS)?r.createElement("div",{className:"partial-loading-background",style:{height:"1.3125rem",width:"6rem"}}):r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},c.u.getPartialLoadingItems({numItems:n}).map((function(e,t){var n=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:n},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}))},23201:(e,t,n)=>{n.d(t,{A:()=>s});var r=n(32735),a=n(92802),l=n(2102),i=n(83345),o=n(33936),c="shared.formButtons";function s(e){var t=(0,a.u6)(),n=(0,o.l)(t);return r.createElement(l.m,{variant:e.variant||"primary",type:"submit",disabled:!n,size:e.size,className:e.className?e.className:"",showSpinner:t.isSubmitting},e.submitText?r.createElement(r.Fragment,null,e.submitText):r.createElement(i.x,{namespace:c,phrase:e.isNew?"create":"save"}))}},38365:(e,t,n)=>{n.d(t,{n:()=>S,W:()=>N});var r=n(32735),a=n(80247),l=n(80130),i=n(92802),o=n(91967),c=n(1048),s=n(36848),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 m(e){var t=e.label,n=e.checkboxLabelClassName,a=e.checkboxLabelFontWeight,i=e.className,o=u(e,["label","checkboxLabelClassName","checkboxLabelFontWeight","className"]);return r.createElement(l.Z.Group,{className:"form-group"},r.createElement("div",{className:"form-check ".concat(i||"")},r.createElement(S,Object.assign({className:"form-check-input"},o)),r.createElement(l.Z.Label,{className:"form-check-label cursor-pointer ".concat("normal"===a?"fw-normal":""," \n          ").concat(n),htmlFor:o.id},t),e.checkboxAppLink&&e.checkboxAppLinkText&&r.createElement(r.Fragment,null,r.createElement("span",null," "),r.createElement(s.F,{appLink:e.checkboxAppLink,className:"info-link"},e.checkboxAppLinkText))))}var p=n(83914),d=n(83345),f=n(73814),b=n(35223);function v(e){var t=(0,i.u6)().values[e.fieldName];return"string"!=typeof t?r.createElement(r.Fragment,null):r.createElement("div",{className:"float-end text-secondary fw-normal"},t.length,"/",e.limit," characters")}const g={revealPassword:"jCfI0",passwordInput:"RBJnf",passwordContainer:"d78lK",passwordContainerDisabled:"asbVo",infoTooltip:"wzyOG",spinner:"CycFx"};function h(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 y=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},E="shared.formField";function S(e){var t,n,l=e.children,s=e.showLoadingSpinner,u=y(e,["children","showLoadingSpinner"]),m=(t=r.useState(e.type),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,l,i,o=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return o}}(t,n)||function(e,t){if(e){if("string"==typeof e)return h(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)?h(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.")}()),d=m[0],f=m[1],v=o.q.isFunction(l)?function(e){return l(e)}:r.Children.count(l)?l:null;if("password"!==u.type)return s?r.createElement("div",{className:"position-relative"},r.createElement(i.gN,Object.assign({},c.t.omit(u,["formSize"])),v),r.createElement("div",{className:g.spinner},r.createElement(a.Z,{animation:"border",size:"sm"}))):r.createElement(i.gN,Object.assign({},c.t.omit(u,["formSize"])),v);var E="position-relative ".concat(g.passwordContainer);return u.className&&(E+=" ".concat(u.className)),u.disabled&&(E+=" ".concat(g.passwordContainerDisabled)),r.createElement("div",{className:E},r.createElement(i.gN,Object.assign({},c.t.omit(u,["formSize","type","className"]),{type:d,className:"".concat(g.passwordInput," border-0 w-100 h-100 outline-none rounded")}),v),"password"===u.type&&r.createElement(p.x,{svgName:"password"===d?b.vn.VisibleOn:b.vn.VisibleOff,className:"svg-container cursor-pointer ".concat(g.revealPassword),onClick:function(){f("password"===d?"text":"password")}}))}function N(e){var t=e.label,n=e.className,a=e.showCharacterCounter,o=e.showRequiredStar,s=e.infoTooltip,u=e.infoTooltipPlacement,h=e.infoText,N=e.formSize,w=e.showOptionalLabel,O=y(e,["label","className","showCharacterCounter","showRequiredStar","infoTooltip","infoTooltipPlacement","infoText","formSize","showOptionalLabel"]),x=(0,i.u6)(),A=x.errors,k=x.touched,I=function(){};if("checkbox"===O.type){var j=c.t.omit(e,["formSize","infoTooltipPlacement"]);return e.disabled&&(j.onChange=I),r.createElement(m,Object.assign({},j))}var C=Object.assign(Object.assign({},O),{className:f.w.getCustomFormControlClassName(A,k,O.name,N,n,"string"==typeof e.as?e.as:null)});return e.disabled&&(C.onChange=I),r.createElement(l.Z.Group,{className:"form-group"},!!t&&r.createElement(l.Z.Label,{htmlFor:O.id,className:"d-flex align-items-center"},t,o&&r.createElement("span",{className:"text-danger"},"*"),s&&r.createElement(p.x,{className:"svg-container text-secondary ".concat(g.infoTooltip),svgName:b.vn.Info,title:s,tooltipPlacement:u,tooltipSpanHack:!0}),w&&r.createElement("span",{className:"text-secondary"}," ",r.createElement(d.x,{namespace:E,phrase:"optional"})),!!a&&!!O.maxLength&&r.createElement("div",{className:"ms-auto"},r.createElement(v,{fieldName:O.name,limit:O.maxLength}))),r.createElement(S,Object.assign({},C,{"aria-errormessage":"".concat(O.name,"Error")})),!!h&&r.createElement(l.Z.Text,{className:"text-secondary"},h),r.createElement(i.Bc,{name:O.name},(function(e){return r.createElement(l.Z.Control.Feedback,{id:"".concat(O.name,"Error"),type:"invalid",role:"status"},e)})))}S.defaultProps={autoComplete:"off"},N.defaultProps={autoComplete:"off",infoTooltipPlacement:"top"}},82644:(e,t,n)=>{n.d(t,{b:()=>u,n:()=>s});var r=n(32735),a=n(92802),l=n(91967),i=n(1048);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 c=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 s(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,s=e.initialValues,u=e.onSubmit,m=c(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit"]),p=t&&e.validationSchema?e.validationSchema.cast(function(e){if(!e)return{};var t=i.t.deepClone(e);return function e(n){Object.keys(t).forEach((function(r){t.hasOwnProperty(r)&&(i.t.isObject(n[r])?e(n[r]):null===t[r]&&delete t[r])}))}(t),t}(s)):s,d={allowInitialSubmit:e.allowInitialSubmit};return r.createElement(a.J9,Object.assign({enableReinitialize:!0},m,{initialValues:p,onSubmit:function(t,r){var a=r.setSubmitting,l=r.resetForm,i=r.setFieldError,c=n&&e.validationSchema?e.validationSchema.cast(t):t;u(c,(function(){var e,t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(n.reset&&l(),n.errors)for(var r=0,c=Object.entries(n.errors);r<c.length;r++){var s=(e=c[r],t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,o=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return o}}(e,t)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=s[0],m=s[1];i(u,m)}a(!1)}))},initialStatus:d}),l.q.isFunction(e.children)?function(t){return e.children(t)}:r.Children.count(e.children)?e.children:null)}function u(){return(0,a.u6)()}s.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},99705:(e,t,n)=>{var r,a;n.d(t,{b:()=>a}),function(e){e.AddToPlaylist="115005679748",e.EditSsoAccounts="8202508040345",e.LibraryEditor="360001974533",e.VideoAccess="360000153947",e.AddFromOnline="360011718234",e.UploadToLibraryEditor="360012069334",e.PBTErrorCodes="360012421153",e.ManuelReview="360020004534",e.LibraryReview="360000163788"}(r||(r={})),function(e){e.Integrations="4407268725529",e.Classrooms="4405362551833",e.MakeInteractive="4405370510873",e.EditSsoAccounts="8202605666073",e.UploadToLibraryEditor="10672936659865",e.AddFromLite="10671345281561",e.ManageSsoYearGroups="14691130889241",e.ContentReview="18525199576601",e.ContentPermissions="14692125209497",e.AccessSettings="27927466562201",e.ContentGuidelines="24133696186009",e.FoxtelFaq="24133519542169",e.ViviIntegration="23826297956377",e.AppleTvIntegration="25832373739929",e.RssFeed="32567445635097",e.ManageGroupPermissions="35407217335705"}(a||(a={}))},73814:(e,t,n)=>{n.d(t,{w:()=>a});var r=n(92802),a={getCustomFormControlClassName:function(e,t,n,a,l,i){var o="";return o=function(e,t){var n="";return n="select"===e?"form-select":"form-control","sm"===t&&(n+=" ".concat(n,"-sm")),"lg"===t&&(n+=" ".concat(n,"-lg")),n}(i,a),(0,r.u9)(t,n)&&(0,r.u9)(e,n)&&(o+=" is-invalid"),l&&(o+=" ".concat(l)),o}}},5859:(e,t,n)=>{function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,{u:()=>l});var a={numItems:5,minWidth:50,maxWidth:100},l={getPartialLoadingItems:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign(Object.assign({},a),t);return(e=Array(n.numItems),function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map((function(){return{width:"".concat(Math.max(Math.floor(Math.random()*n.maxWidth),n.minWidth),"px")}}))}}},81803:(e,t,n)=>{n.d(t,{d:()=>f});var r=n(32735),a=n(81886),l=n(23481),i=n(49935),o=n(22902),c=n(14070),s=n(97291),u=n(96368);function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var p="settings.settingsLayout",d=function(e){var t=(0,o.T)().hasPermissions,n=(0,u.e)();if(e)return t(e);var r=a.Q.C$.getCurrentAppLink();return r.application!==s.O.SETTINGS||n.some((function(e){return e.modules.some((function(e){return"appLink"in e&&e.appLink.action===r.action}))}))};function f(e){var t,n=d(e.requiredPermissions);if(r.useEffect((function(){n||a.Q.C$.trigger({application:s.O.SETTINGS,action:c.e.Settings.HOME},{replace:!0})}),[n]),!n)return r.createElement(r.Fragment,null);var o,u=e.breadcrumbs.map((function(t,n){return{name:t,appLink:{application:s.O.SETTINGS,action:c.e.Settings.HOME},active:n===e.breadcrumbs.length-1}}));return r.createElement("div",{className:"px-3"},r.createElement("div",{className:"d-flex align-items-center justify-content-between"},r.createElement("h1",{className:"h2"},e.heading),null===(t=e.headingButton)||void 0===t?void 0:t.call(e)),r.createElement("div",{className:"pb-3"},r.createElement(i.Oo,{breadcrumbs:[{name:l.T.getPhrase(p,"settingsBreadcrumb"),appLink:{application:s.O.SETTINGS,action:c.e.Settings.HOME}}].concat((o=u,function(e){if(Array.isArray(e))return m(e)}(o)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(o)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))})),e.description&&r.createElement(r.Fragment,null,r.createElement("p",null,e.description),r.createElement("hr",null)),e.children)}},26290:(e,t,n)=>{n.r(t),n.d(t,{SsoYearGroupMappingView:()=>C});var r=n(32735),a=n(23481),l=n(20354),i=n(82644),o=n(83345),c=n(99705),s=n(31949),u=n(69883),m=n(79612),p=n(12778),d=n(81803);const f={partialList:"yOf8H",partialField:"i1drn",partialInput:"UYs6_",partialLabel:"hor2G"};function b(){return r.createElement("div",{className:"d-flex flex-wrap ".concat(f.partialList)},Array(6).fill(null).map((function(e,t){return r.createElement("div",{className:f.partialField,key:t},r.createElement("div",{className:"".concat(f.partialLabel," partial-loading-background")}),r.createElement("div",{className:"".concat(f.partialInput," rounded partial-loading-background")}))})))}var v=n(92802),g=n(23201),h=n(38365),y=n(86764),E=n(3747);const S={list:"GGV5A",field:"A_wE8",input:"aJzpE"};var N=a.T.encloseNamespace("settings.ssoYearGroupMappingForm"),w=function(e){var t;return(null===(t=e.yearGroup)||void 0===t?void 0:t.id)||"staff"},O=function(e){if((0,E.a)(y.r.MDDown))return"100%";var t=95*Math.ceil(e/2);return"".concat(t,"px")};function x(){var e=(0,v.u6)(),t=O(e.values.mappings.length);return r.createElement(v.l0,null,r.createElement("div",{className:"d-flex flex-wrap ".concat(S.list),style:{maxHeight:t}},e.values.mappings.map((function(t){var n=w(t),a=t.yearGroup.name;return r.createElement("div",{className:"mb-2 ".concat(S.field),key:n},r.createElement("label",{htmlFor:n},a),r.createElement(h.W,{id:n,name:n,className:"form-control ".concat(S.input),placeholder:t.canBeSsoMapped?N("placeholder"):"",onChange:function(n){return r=t,a=n.target.value,void e.setFieldValue("mappings",e.values.mappings.map((function(e){return w(e)!==w(r)?e:Object.assign(Object.assign({},r),{ssoMapping:a})})));var r,a},value:t.ssoMapping,disabled:!t.canBeSsoMapped}))}))),r.createElement(g.A,{variant:"dark",isNew:!1}))}var A=n(47288),k="settings.ssoYearGroupMapping",I=a.T.encloseNamespace(k),j=[I("breadcrumb")];function C(){var e=l.a.useBasicFetch(s.N.currentUser()),t=l.a.useBasicFetch(e.data&&A.N.getSsoMappings(e.data.customerId)),n=l.a.useGetFetchAsync(),a=(0,u.Z)();(0,m.M)({title:I("title")});var f=!!t.data;return r.createElement(d.d,{heading:I("heading"),breadcrumbs:j},r.createElement("p",{className:"mb-0"},r.createElement(o.x,{namespace:k,phrase:"info"})),r.createElement("a",{className:"info-link",href:p.o.getLiteArticle(c.b.ManageSsoYearGroups),target:"_blank"},r.createElement(o.x,{namespace:k,phrase:"helpArticle"})),r.createElement("hr",null),f?r.createElement(i.n,{initialValues:{mappings:t.data},onSubmit:function(t,r){var l=t.mappings.map((function(e){return{yearGroupId:e.yearGroup.id,ssoMapping:e.ssoMapping}}));n(A.N.updateSsoMappings(e.data.customerId,l)).then((function(){return a.success(I("updateSuccess"))})).catch((function(){return a.error(I("updateError"))})).finally(r)}},r.createElement(x,null)):r.createElement(b,null))}}}]);
+//# sourceMappingURL=6290-a295d749c3-lite.chunk.js.map

package/dist/scripts/{6290-dd18f6a50a-lite.chunk.js.map → 6290-a295d749c3-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/6290-dd18f6a50a-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx","file:///app/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx","file:///app/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx","file:///app/packages/libs/shared/src/components/forms/form-field/form-field.scss","file:///app/packages/libs/shared/src/components/forms/form-field/FormField.tsx","file:///app/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx","file:///app/packages/libs/shared/src/enums/SupportArticle.ts","file:///app/packages/libs/shared/src/utils/FormHelper.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/settings/components/settings-layout/SettingsLayout.tsx","file:///app/packages/projects/lite/src/apps/settings/components/sso-year-group-mapping-form/partial-loading/partial-sso-year-group-mapping-form.scss","file:///app/packages/projects/lite/src/apps/settings/components/sso-year-group-mapping-form/partial-loading/PartialSsoYearGroupMappingForm.tsx","file:///app/packages/projects/lite/src/apps/settings/components/sso-year-group-mapping-form/sso-year-group-mapping-form.scss","file:///app/packages/projects/lite/src/apps/settings/components/sso-year-group-mapping-form/SsoYearGroupMappingForm.tsx","file:///app/packages/projects/lite/src/apps/settings/views/sso-year-group-mapping/SsoYearGroupMappingView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst namespace = 'shared.breadcrumbComponent';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst COLLAPSE_CHARACTER_COUNT = 64;\nconst MAX_SEGMENT_LENGTH = 48;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = React.forwardRef((\n  props: BreadcrumbItemProps,\n  ref: React.ForwardedRef<HTMLElement>\n) => {\n  const { breadcrumb: { name, appLink, active }, withBackIcon } = props;\n\n  let trimmedName = name;\n  let title: string = null;\n\n  if (trimmedName.length > MAX_SEGMENT_LENGTH) {\n    trimmedName = name.slice(0, MAX_SEGMENT_LENGTH) + '...';\n\n    // Only setting the title when we trim, because otherwise it's really not needed - Sha\n    title = name;\n  }\n\n  return (\n    <li\n      className={`breadcrumb-item${active ? ' active' : ''}`}\n      title={title}\n    >\n      {active\n        ? <strong>{trimmedName}</strong>\n        : <AppLink appLink={appLink} ref={ref}>\n          {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n          <span className={withBackIcon ? 'ms-2' : ''}>{trimmedName}</span>\n        </AppLink>\n      }\n    </li>\n  );\n});\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n  const [ shouldFocus, setShouldFocus ] = React.useState(false);\n  const expandRef = React.useRef<HTMLElement>();\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 4 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  /**\n   * Focus our first expanded item the first time it appears.\n   */\n  React.useLayoutEffect(() => {\n    if (shouldFocus)\n      expandRef.current?.focus();\n  }, [ expandRef.current, shouldFocus ]);\n\n  function onClickExpand() {\n    setCollapse(false);\n    setShouldFocus(true);\n  }\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const second = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[1]} /> : <></>;\n  const secondLast = length > 3 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = length > 1 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} /> : <></>;\n  const rest = breadcrumbs.slice(2, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {second}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button\n              className='btn-link'\n              onClick={onClickExpand}\n              aria-label={getPhrase('expand')}\n            >\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => (\n            <BreadcrumbItem\n              key={idx}\n              breadcrumb={breadcrumb}\n              ref={idx === 0 ? expandRef : null}\n            />\n          ))\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","import * as React from 'react';\nimport { ButtonProps } from 'react-bootstrap';\nimport { useFormikContext } from 'formik';\n\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { FormSize } from 'libs/shared/components/forms/form-field/FormField';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useCanSubmitForm } from 'libs/shared/hooks/UseCanSubmitForm';\n\nconst namespace = 'shared.formButtons';\n\ninterface FormButtonsProps {\n  isNew?: boolean;\n  submitText?: string;\n  variant?: ButtonProps['variant'];\n  size?: FormSize;\n  className?: string;\n}\n\nexport function FormButtons<Values extends HashObject>(props: FormButtonsProps): JSX.Element {\n  const formikProps = useFormikContext<Values>();\n\n  const canSubmit = useCanSubmitForm(formikProps);\n\n  return (\n    <SpinnerButton\n      variant={props.variant || 'primary'}\n      type='submit'\n      disabled={!canSubmit}\n      size={props.size}\n      className={props.className ? props.className : ''}\n      showSpinner={formikProps.isSubmitting}\n    >\n      {props.submitText\n        ? <>{props.submitText}</>\n        : <Text namespace={namespace} phrase={props.isNew ? 'create' : 'save'} />}\n    </SpinnerButton>\n  );\n}\n","import * as React from 'react';\nimport { Form } from 'react-bootstrap';\nimport { FieldAttributes } from 'formik';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport { FieldWrapper, FormFieldProps } from '../form-field/FormField';\n\n/**\n * Use this checkbox within Formik contexts\n */\nexport function FormCheckbox(props: FieldAttributes<FormFieldProps>): JSX.Element {\n  const { label, checkboxLabelClassName, checkboxLabelFontWeight, className, ...fieldProps } = props;\n\n  return (\n    <Form.Group className='form-group'>\n      <div className={`form-check ${className || ''}`}>\n        <FieldWrapper className='form-check-input' {...fieldProps} />\n        <Form.Label\n          className={`form-check-label cursor-pointer ${checkboxLabelFontWeight === 'normal' ? 'fw-normal' : ''} \n          ${checkboxLabelClassName}`}\n          htmlFor={fieldProps.id}\n        >\n          {label}\n        </Form.Label>\n        {props.checkboxAppLink && props.checkboxAppLinkText && (\n          <>\n            <span>&nbsp;</span>\n            <AppLink appLink={props.checkboxAppLink} className='info-link'>\n              {props.checkboxAppLinkText}\n            </AppLink>\n          </>\n        )}\n      </div>\n    </Form.Group>\n  );\n}\n\n","import * as React from 'react';\nimport { useFormikContext } from 'formik';\n\nimport { HashObject } from 'libs/common/react/interfaces';\n\ninterface CharacterCounterProps<Values extends HashObject> {\n  fieldName: keyof Values;\n  limit: number;\n}\n\nexport function CharacterCounter<Values extends HashObject>(props: CharacterCounterProps<Values>): JSX.Element {\n  const { values } = useFormikContext<Values>();\n\n  const field = values[props.fieldName];\n\n  if (typeof field !== 'string')\n    return <></>;\n\n  return (\n    <div className='float-end text-secondary fw-normal'>\n      {field.length}/{props.limit} characters\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"revealPassword\":\"jCfI0\",\"passwordInput\":\"RBJnf\",\"passwordContainer\":\"d78lK\",\"passwordContainerDisabled\":\"asbVo\",\"infoTooltip\":\"wzyOG\",\"spinner\":\"CycFx\"};","import * as React from 'react';\nimport { Form, Spinner } from 'react-bootstrap';\nimport { Placement } from 'react-bootstrap/esm/types';\nimport { ErrorMessage, Field, FieldAttributes, FieldProps, useFormikContext } from 'formik';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { FormCheckbox } from 'libs/shared/components/forms/form-checkbox/FormCheckbox';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { FormHelper } from 'libs/shared/utils/FormHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { CharacterCounter } from './CharacterCounter';\n\nimport styles from './form-field.scss';\n\nconst namespace = 'shared.formField';\n\nexport type FormSize = 'lg' | 'sm';\n\n// If checkboxLabelFontWeight is not specified, it will be bold by default\nexport type CheckboxLabelFontWeight = 'normal' | 'bold'\n\nexport interface FormFieldProps {\n  /**\n   * The name prop MUST be the same as the attribute\n   * name of the value that the field is bound to.\n   */\n  name: string;\n  label?: string;\n  children?: any;\n  showCharacterCounter?: boolean;\n  showRequiredStar?: boolean;\n  checkboxAppLink?: Core.AppLink;\n  checkboxAppLinkText?: string;\n  checkboxLabelClassName?: string;\n  checkboxLabelFontWeight?: CheckboxLabelFontWeight\n  infoTooltip?: string;\n  infoTooltipPlacement?: Placement;\n  infoText?: string;\n  formSize?: FormSize;\n  showOptionalLabel?: boolean;\n  showLoadingSpinner?: boolean;\n}\n\nFieldWrapper.defaultProps = {\n  autoComplete: 'off'\n};\n\nexport function FieldWrapper(\n  props: FieldAttributes<FormFieldProps> & { className: string }\n): React.ReactElement {\n  const { children, showLoadingSpinner, ...fieldProps } = props;\n\n  const [ type, setType ] = React.useState(props.type);\n\n  function onClickTogglePassword(): void {\n    if (type === 'password')\n      setType('text');\n    else\n      setType('password');\n  }\n\n  const resolvedChildren = FunctionHelper.isFunction(children)\n    ? (f: FieldProps) => children(f)\n    : React.Children.count(children) ? children : null;\n\n  if (fieldProps.type !== 'password') {\n    if (showLoadingSpinner) {\n      return (\n        <div className='position-relative'>\n          <Field {...(ObjectHelper.omit(fieldProps, ['formSize']))}>\n            {resolvedChildren}\n          </Field>\n\n          <div className={styles.spinner}>\n            <Spinner animation='border' size='sm' />\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <Field {...(ObjectHelper.omit(fieldProps, ['formSize']))}>\n        {resolvedChildren}\n      </Field>\n    );\n  }\n\n  let containerClassName = `position-relative ${styles.passwordContainer}`;\n\n  if (fieldProps.className)\n    containerClassName += ` ${fieldProps.className}`;\n\n  if (fieldProps.disabled)\n    containerClassName += ` ${styles.passwordContainerDisabled}`;\n\n  /**\n   * We need to wrap out input with a relatively positioned element in order to absolutely\n   * position our visibility icon to reveal the password - Sha\n   */\n  return (\n    <div className={containerClassName}>\n      <Field\n        {...(ObjectHelper.omit(fieldProps, [ 'formSize', 'type', 'className' ]))}\n        type={type}\n        className={`${styles.passwordInput} border-0 w-100 h-100 outline-none rounded`}\n      >\n        {resolvedChildren}\n      </Field>\n      {fieldProps.type === 'password' &&\n        <SvgContainer\n          svgName={type === 'password' ? cvSvgLibrary.VisibleOn : cvSvgLibrary.VisibleOff}\n          className={`svg-container cursor-pointer ${styles.revealPassword}`}\n          onClick={onClickTogglePassword}\n        />\n      }\n    </div>\n  );\n}\n\nFormField.defaultProps = {\n  autoComplete: 'off',\n  infoTooltipPlacement: 'top'\n};\n\nexport function FormField<Values extends HashObject>(props: FieldAttributes<FormFieldProps>): React.ReactElement {\n  const {\n    label,\n    className,\n    showCharacterCounter,\n    showRequiredStar,\n    infoTooltip,\n    infoTooltipPlacement,\n    infoText,\n    formSize,\n    showOptionalLabel,\n    ...fieldProps\n  } = props;\n\n  const { errors, touched } = useFormikContext<Values>();\n\n  // This function overwrites the default `onChange` function whenever `props.disabled` is set.\n  // This prevents users from \"undisabling\" form fields via inspect element, then editing the field.\n  const disabledOnChange = () => {};\n\n  if (fieldProps.type === 'checkbox') {\n    const _props = ObjectHelper.omit(props, [ 'formSize', 'infoTooltipPlacement' ]);\n\n    if (props.disabled)\n      _props.onChange = disabledOnChange;\n\n    return <FormCheckbox {..._props} />;\n  }\n\n  const fieldWrapperProps = {\n    ...fieldProps,\n    className: FormHelper.getCustomFormControlClassName(\n      errors,\n      touched,\n      fieldProps.name,\n      formSize,\n      className,\n      typeof props.as === 'string' ? props.as : null\n    )\n  };\n\n  if (props.disabled)\n    fieldWrapperProps.onChange = disabledOnChange;\n\n  return (\n    <Form.Group className='form-group'>\n      {!!label && (\n        <Form.Label htmlFor={fieldProps.id} className='d-flex align-items-center'>\n          {label}\n          {showRequiredStar && <span className='text-danger'>*</span>}\n          {infoTooltip && (\n            <SvgContainer\n              className={`svg-container text-secondary ${styles.infoTooltip}`}\n              svgName={cvSvgLibrary.Info}\n              title={infoTooltip}\n              tooltipPlacement={infoTooltipPlacement}\n              tooltipSpanHack\n            />\n          )}\n          {showOptionalLabel && <span className='text-secondary'>&nbsp;<Text namespace={namespace} phrase='optional' /></span>}\n          \n          {!!showCharacterCounter && !!(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength &&\n            <div className='ms-auto'>\n              <CharacterCounter\n                fieldName={(fieldProps.name as keyof Values)}\n                limit={(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength}\n              />\n            </div>\n          }\n        </Form.Label>\n      )}\n\n      <FieldWrapper {...fieldWrapperProps} aria-errormessage={`${fieldProps.name}Error`} />\n\n      {!!infoText &&\n        <Form.Text className='text-secondary'>\n          {infoText}\n        </Form.Text>\n      }\n\n      <ErrorMessage name={fieldProps.name}>\n        {(errorMessage: string) => <Form.Control.Feedback id={`${fieldProps.name}Error`} type='invalid' role='status'>{errorMessage}</Form.Control.Feedback>}\n      </ErrorMessage>\n    </Form.Group>\n  );\n}","import * as React from 'react';\nimport { Formik, FormikConfig, FormikContextType, FormikErrors, FormikHelpers, FormikProps, FormikValues, useFormikContext } from 'formik';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\n/**\n * Note: This currently doesn't support arrays, but the need for arrays as initial\n * form data has not yet come up\n */\nfunction omitNullInitialValues<Values extends FormikValues>(initialValues: Values): Values {\n  if (!initialValues)\n    return {} as Values;\n\n  const values = ObjectHelper.deepClone(initialValues);\n\n  function omitChildValues(child: Values): void {\n    Object.keys(values).forEach((key: keyof Values) => {\n      if (!values.hasOwnProperty(key))\n        return;\n  \n      if (ObjectHelper.isObject(child[key]))\n        omitChildValues(child[key]);\n      else if (values[key] === null)\n        delete values[key];\n    });\n  }\n\n  omitChildValues(values);\n  return values;\n}\n\n// Omit attributes from FormikConfig that are defined in FormWrapperProps.\ntype ModifiedFormikConfig<Values extends FormikValues> = Omit<FormikConfig<Values>, 'initialValues' | 'onSubmit'>;\n\ninterface InitialStatus {\n  allowInitialSubmit: boolean;\n}\n\nexport type FormSubmissionOptions<FormValues = FormikValues> = {\n  reset?: boolean;\n  errors?: FormikErrors<FormValues>;\n};\n\ninterface FormWrapperProps<FormValues extends FormikValues, ApiValues extends FormikValues> {\n  initialValues: Partial<FormValues | ApiValues>;\n  onSubmit: (data: FormValues, onDone: (options?: FormSubmissionOptions<FormValues>) => void) => void;\n  castInitialValues?: boolean; // cast to validationSchema\n  castValuesOnSubmit?: boolean; // cast to validationSchema\n  allowInitialSubmit?: boolean; // if true, useCanSubmitForm will allow submit without any user changes.\n}\n\nFormWrapper.defaultProps = {\n  castInitialValues: true,\n  castValuesOnSubmit: true\n};\n\nexport function FormWrapper<\n  FormValues extends FormikValues = FormikValues,\n  ApiValues extends FormikValues = FormValues,\n  ExtraProps = HashObject\n>(props: ModifiedFormikConfig<FormValues> & ExtraProps & FormWrapperProps<FormValues, ApiValues>): JSX.Element {\n  const { castInitialValues, castValuesOnSubmit, initialValues, onSubmit, ...formikProps } = props;\n\n  /**\n   * If castInitialValues is true, cast initialValues to the validationSchema.\n   * This will ensure that any data fetched from the api conforms to the expected form data shape.\n   */\n  const formattedInitialValues: FormValues = castInitialValues && props.validationSchema\n    ? props.validationSchema.cast(omitNullInitialValues(initialValues))\n    : initialValues;\n\n  const onSubmitHandler = (\n    values: FormValues,\n    { setSubmitting, resetForm, setFieldError }: FormikHelpers<FormValues>\n  ) => {\n    /**\n     * validationSchema.cast will coerce the values to the types defined in validationSchema.\n     * This is useful for trimming inputs:\n     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.\n     */\n    const formattedData = castValuesOnSubmit && props.validationSchema\n      ? props.validationSchema.cast(values)\n      : values;\n\n    onSubmit(formattedData, (options: FormSubmissionOptions<FormValues> = {}) => {\n      options.reset && resetForm();\n\n      if (options.errors) {\n        for (const [ key, value ] of Object.entries(options.errors)) {\n          setFieldError(key, value);\n        }\n      }\n\n      setSubmitting(false);\n    });\n  };\n\n  const initialStatus: InitialStatus = {\n    allowInitialSubmit: props.allowInitialSubmit\n  };\n\n  return (\n    <Formik<FormValues, ExtraProps>\n      enableReinitialize\n      {...(formikProps as ModifiedFormikConfig<FormValues> & ExtraProps)}\n      initialValues={formattedInitialValues}\n      onSubmit={onSubmitHandler}\n      initialStatus={initialStatus}\n    >\n      {FunctionHelper.isFunction(props.children)\n        ? (f: FormikProps<FormValues>) => (props.children as (f: FormikProps<FormValues>) => React.ReactNode)(f)\n        : React.Children.count(props.children) ? props.children : null\n      }\n    </Formik>\n  );\n}\n\nexport function useFormikContextWrapper<T>(): FormikContextType<T> {\n  return useFormikContext<T>();\n}","// Article name mapped to article ID on support site. Used by `ArticleHelper`\n\nexport enum OnlineSupportArticle {\n  AddToPlaylist = '115005679748',\n  EditSsoAccounts = '8202508040345',\n\n  // LE\n  LibraryEditor = '360001974533',\n  VideoAccess = '360000153947',\n  AddFromOnline = '360011718234',\n  UploadToLibraryEditor = '360012069334',\n  PBTErrorCodes = '360012421153',\n  ManuelReview = '360020004534',\n  LibraryReview = '360000163788',\n}\n\nexport enum LiteSupportArticle {\n  Integrations = '4407268725529',\n  Classrooms = '4405362551833',\n  MakeInteractive = '4405370510873',\n  EditSsoAccounts = '8202605666073',\n  UploadToLibraryEditor = '10672936659865',\n  AddFromLite = '10671345281561',\n  ManageSsoYearGroups = '14691130889241',\n  ContentReview = '18525199576601',\n  ContentPermissions = '14692125209497',\n  AccessSettings = '22110291468057',\n  ContentGuidelines = '24133696186009',\n  FoxtelFaq = '24133519542169',\n  ViviIntegration = '23826297956377',\n  AppleTvIntegration = '25832373739929',\n  RssFeed = '32567445635097',\n  ManageGroupPermissions = '35407217335705'\n}\n","import { FormikErrors, FormikTouched, getIn } from 'formik';\n\nimport { FormSize } from 'libs/shared/components/forms/form-field/FormField';\n\nfunction getTypeSize(type: string, size: FormSize) {\n  let className = '';\n\n  switch (type) {\n    case 'select':\n      className = 'form-select';\n      break;\n    default:\n      className = 'form-control';\n  }\n\n  if (size === 'sm')\n    className += ` ${className}-sm`;\n\n  if (size === 'lg')\n    className += ` ${className}-lg`;\n\n  return className;\n}\n\nexport const FormHelper = {\n  getCustomFormControlClassName<T>(\n    errors: FormikErrors<T>,\n    touched: FormikTouched<T>,\n    attribute: string,\n    size?: FormSize,\n    additionalClassName?: string,\n    type?: string\n  ): string {\n    let className = '';\n\n    className = getTypeSize(type, size);\n\n    // Using getIn as it supports dot notation\n    if (getIn(touched, attribute) && getIn(errors, attribute))\n      className += ' is-invalid';\n\n    if (additionalClassName)\n      className += ` ${additionalClassName}`;\n\n    return className;\n  }\n};","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { useGetSettingsGroups } from 'apps/settings/hooks/useGetSettingsGroups';\n\nconst namespace = 'settings.settingsLayout';\n\n/**\n * Checks if the current user has permission to access the settings module\n */\nexport const useCanAccessSettings = (requiredPermissions: PermissionName | PermissionName[]): boolean => {\n  const { hasPermissions } = usePermissions();\n  const settingsGroups = useGetSettingsGroups();\n\n  /**\n   * TODO: Update all settings pages to pasas required permissions, because checking the \n   * `useGetSettingsGroups()` values clearly doesnt work for settings pages with multiple\n   * applinks inside of them. - Sha\n   */\n  if (requiredPermissions)\n    return hasPermissions(requiredPermissions);\n\n  const currentRoute = Core.AppLinkHelper.getCurrentAppLink();\n\n  /**\n   * Allows us to have popups sitting in other locations be used\n   * by our settings pages. For example the manage video access popup\n   * in the \"videos with restricted access\" page - Sha\n   */\n  if (currentRoute.application !== AppChannels.SETTINGS)\n    return true;\n\n  return settingsGroups.some(group => {\n    return group.modules.some(settingsModule => {\n      if ('appLink' in settingsModule) {\n        return settingsModule.appLink.action === currentRoute.action;\n      }\n\n      return false;\n    });\n  });\n};\n\ninterface SettingsLayoutProps {\n  heading: string;\n  breadcrumbs: string[];\n  description?: string;\n  requiredPermissions?: PermissionName | PermissionName[];\n  headingButton?: () => JSX.Element;\n}\n\nexport function SettingsLayout(props: React.PropsWithChildren<SettingsLayoutProps>): JSX.Element {\n  const canAccess = useCanAccessSettings(props.requiredPermissions);\n\n  React.useEffect(() => {\n    if (!canAccess) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.HOME\n      }, { replace: true });\n    }\n  }, [canAccess]);\n\n  if (!canAccess)\n    return <></>;\n\n  const breadcrumbs = props.breadcrumbs.map((name, i) => ({\n    name,\n    appLink: {\n      application: AppChannels.SETTINGS,\n      action: Actions.Settings.HOME\n    },\n    active: i === props.breadcrumbs.length - 1\n  }));\n\n  return (\n    <div className='px-3'>\n      <div className='d-flex align-items-center justify-content-between'>\n        <h1 className='h2'>{props.heading}</h1>\n        {props.headingButton?.()}\n      </div>\n      <div className='pb-3'>\n        <Breadcrumbs\n          breadcrumbs={[\n            {\n              name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n              appLink: {\n                application: AppChannels.SETTINGS,\n                action: Actions.Settings.HOME\n              }\n            },\n            ...breadcrumbs\n          ]}\n        />\n      </div>\n      {props.description &&\n        <>\n          <p>{props.description}</p>\n          <hr />\n        </>\n      }\n\n      {props.children}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialList\":\"yOf8H\",\"partialField\":\"i1drn\",\"partialInput\":\"UYs6_\",\"partialLabel\":\"hor2G\"};","import React from 'react';\n\nimport styles from './partial-sso-year-group-mapping-form.scss';\n\nexport function PartialSsoYearGroupMappingForm(): JSX.Element {\n  return (\n    <div className={`d-flex flex-wrap ${styles.partialList}`}>\n      {Array(6).fill(null).map((_, i) => {\n        return (\n          <div className={styles.partialField} key={i}>\n            <div className={`${styles.partialLabel} partial-loading-background`} />\n\n            <div className={`${styles.partialInput} rounded partial-loading-background`} />\n          </div>\n        );\n      })}\n\n      {/* <FormButtons variant='dark' isNew={false} /> */}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"list\":\"GGV5A\",\"field\":\"A_wE8\",\"input\":\"aJzpE\"};","import React from 'react';\nimport { Form, useFormikContext } from 'formik';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\n\nimport { SsoYearGroupMapping, SsoYearGroupMappingsForm } from 'apps/settings/views/sso-year-group-mapping/SsoYearGroupMappingView';\n\nimport styles from './sso-year-group-mapping-form.scss';\n\nconst namespace = 'settings.ssoYearGroupMappingForm';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst getFieldId = (field: SsoYearGroupMapping) => field.yearGroup?.id || 'staff';\n\nconst FIELD_HEIGHT = 95; // px;\n\nconst useGetFormHeight = (totalMappings: number) => {\n  const isSingleColumn = useMediaQuery(MediaQueryStrings.MDDown);\n\n  if (isSingleColumn)\n    return '100%';\n\n  const height = FIELD_HEIGHT * (Math.ceil(totalMappings / 2));\n  return `${height}px`;\n};\n\nexport function SsoYearGroupMappingForm(): JSX.Element {\n  const formikProps = useFormikContext<SsoYearGroupMappingsForm>();\n\n  function onChangeMapping(changedField: SsoYearGroupMapping, event: React.ChangeEvent<HTMLInputElement>): void {\n    const val = event.target.value;\n\n    formikProps.setFieldValue('mappings', formikProps.values.mappings.map(field => {\n      if (getFieldId(field) !== getFieldId(changedField))\n        return field;\n\n      return {\n        ...changedField,\n        ssoMapping: val\n      };\n    }));\n  }\n\n  const formHeight = useGetFormHeight(formikProps.values.mappings.length);\n\n  return (\n    <Form>\n      <div className={`d-flex flex-wrap ${styles.list}`} style={{ maxHeight: formHeight }}>\n        {formikProps.values.mappings.map(field => {\n          const id = getFieldId(field);\n          const name = field.yearGroup.name;\n\n          return (\n            <div className={`mb-2 ${styles.field}`} key={id}>\n              <label htmlFor={id}>\n                {name}\n              </label>\n\n              <FormField\n                id={id}\n                name={id}\n                className={`form-control ${styles.input}`}\n                placeholder={field.canBeSsoMapped ? getPhrase('placeholder') : ''}\n                onChange={(e: React.ChangeEvent<HTMLInputElement>) => onChangeMapping(field, e)}\n                value={field.ssoMapping}\n                disabled={!field.canBeSsoMapped}\n              />\n            </div>\n          );\n        })}\n      </div>\n\n      <FormButtons variant='dark' isNew={false} />\n    </Form>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { CurrentUser, YearGroup } from 'libs/shared/interfaces';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\n\nimport { SettingsLayout } from 'apps/settings/components/settings-layout/SettingsLayout';\nimport { PartialSsoYearGroupMappingForm } from 'apps/settings/components/sso-year-group-mapping-form/partial-loading/PartialSsoYearGroupMappingForm';\nimport { SsoYearGroupMappingForm } from 'apps/settings/components/sso-year-group-mapping-form/SsoYearGroupMappingForm';\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\nimport { UpdateSsoYearGroupMappings } from 'apps/user-manager/interfaces/UpdateSsoYearGroupMappings';\n\nexport interface SsoYearGroupMappingsForm {\n  mappings: SsoYearGroupMapping[];\n}\n\nexport interface SsoYearGroupMapping {\n  yearGroup: Pick<YearGroup, 'id' | 'name' | 'value'>;\n  canBeSsoMapped: boolean;\n  ssoMapping: string;\n}\n\nconst namespace = 'settings.ssoYearGroupMapping';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst breadcrumbs = [getPhrase('breadcrumb')];\n\nexport function SsoYearGroupMappingView(): JSX.Element {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroupMappings = Flight.useBasicFetch<SsoYearGroupMapping[]>(currentUser.data &&\n    UserManagerRequests.getSsoMappings(currentUser.data.customerId));\n\n  const fetchAsync = Flight.useGetFetchAsync();\n  const alerts = useAlerts();\n\n  useSetPageMetadata({ title: getPhrase('title') });\n\n  function onSubmit(formData: SsoYearGroupMappingsForm, onDone: () => void): void {\n    const body: UpdateSsoYearGroupMappings = formData.mappings.map(field => {\n      return {\n        yearGroupId: field.yearGroup.id,\n        ssoMapping: field.ssoMapping\n      };\n    });\n\n    fetchAsync(UserManagerRequests.updateSsoMappings(currentUser.data.customerId, body))\n      .then(() => alerts.success(getPhrase('updateSuccess')))\n      .catch(() => alerts.error(getPhrase('updateError')))\n      .finally(onDone);\n  }\n\n  const dataLoaded = !!yearGroupMappings.data;\n\n  return (\n    <SettingsLayout heading={getPhrase('heading')} breadcrumbs={breadcrumbs}>\n      <p className='mb-0'>\n        <Text namespace={namespace} phrase='info' />\n      </p>\n      <a className='info-link' href={ArticleHelper.getLiteArticle(LiteSupportArticle.ManageSsoYearGroups)} target='_blank'>\n        <Text namespace={namespace} phrase='helpArticle' />\n      </a>\n\n      <hr />\n\n      {dataLoaded ? (\n        <FormWrapper<SsoYearGroupMappingsForm>\n          initialValues={{ mappings: yearGroupMappings.data }}\n          onSubmit={onSubmit}\n        >\n          <SsoYearGroupMappingForm />\n        </FormWrapper>\n      ) : (\n        <PartialSsoYearGroupMappingForm />\n      )}\n    </SettingsLayout>\n  );\n}"],"names":["getPhrase","BreadcrumbItem","props","ref","breadcrumb","name","appLink","active","withBackIcon","trimmedName","title","length","slice","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","collapse","setCollapse","shouldFocus","setShouldFocus","expandRef","characterLength","reduce","prev","next","current","focus","first","second","secondLast","last","rest","onClick","map","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","namespace","FormButtons","formikProps","canSubmit","variant","type","disabled","showSpinner","isSubmitting","submitText","phrase","isNew","FormCheckbox","label","checkboxLabelClassName","checkboxLabelFontWeight","fieldProps","Form","FieldWrapper","htmlFor","id","checkboxAppLink","checkboxAppLinkText","AppLink","CharacterCounter","field","values","fieldName","limit","children","showLoadingSpinner","setType","resolvedChildren","FunctionHelper","f","ObjectHelper","Spinner","animation","containerClassName","SvgContainer","FormField","showCharacterCounter","showRequiredStar","infoTooltip","infoTooltipPlacement","infoText","formSize","showOptionalLabel","errors","touched","disabledOnChange","_props","onChange","fieldWrapperProps","FormHelper","as","tooltipPlacement","tooltipSpanHack","Text","maxLength","errorMessage","role","defaultProps","autoComplete","FormWrapper","castInitialValues","castValuesOnSubmit","initialValues","onSubmit","formattedInitialValues","validationSchema","cast","omitChildValues","child","Object","keys","forEach","hasOwnProperty","omitNullInitialValues","initialStatus","allowInitialSubmit","enableReinitialize","setSubmitting","resetForm","setFieldError","formattedData","options","reset","entries","value","useFormikContextWrapper","OnlineSupportArticle","LiteSupportArticle","getCustomFormControlClassName","attribute","additionalClassName","getTypeSize","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","opts","Array","Math","max","floor","random","useCanAccessSettings","requiredPermissions","hasPermissions","settingsGroups","currentRoute","application","some","group","modules","settingsModule","action","SettingsLayout","canAccess","replace","i","heading","headingButton","description","PartialSsoYearGroupMappingForm","fill","_","LanguageService","getFieldId","yearGroup","useGetFormHeight","totalMappings","ceil","SsoYearGroupMappingForm","formHeight","mappings","maxHeight","placeholder","canBeSsoMapped","e","changedField","val","target","setFieldValue","ssoMapping","SsoYearGroupMappingView","currentUser","UserRequests","yearGroupMappings","data","UserManagerRequests","customerId","fetchAsync","alerts","useSetPageMetadata","dataLoaded","href","ArticleHelper","formData","onDone","body","yearGroupId","then","success","error"],"sourceRoot":""}
+{"version":3,"file":"scripts/6290-a295d749c3-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx","file:///app/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx","file:///app/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx","file:///app/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx","file:///app/packages/libs/shared/src/components/forms/form-field/form-field.scss","file:///app/packages/libs/shared/src/components/forms/form-field/FormField.tsx","file:///app/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx","file:///app/packages/libs/shared/src/enums/SupportArticle.ts","file:///app/packages/libs/shared/src/utils/FormHelper.ts","file:///app/packages/libs/shared/src/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/apps/settings/components/settings-layout/SettingsLayout.tsx","file:///app/packages/projects/lite/src/apps/settings/components/sso-year-group-mapping-form/partial-loading/partial-sso-year-group-mapping-form.scss","file:///app/packages/projects/lite/src/apps/settings/components/sso-year-group-mapping-form/partial-loading/PartialSsoYearGroupMappingForm.tsx","file:///app/packages/projects/lite/src/apps/settings/components/sso-year-group-mapping-form/sso-year-group-mapping-form.scss","file:///app/packages/projects/lite/src/apps/settings/components/sso-year-group-mapping-form/SsoYearGroupMappingForm.tsx","file:///app/packages/projects/lite/src/apps/settings/views/sso-year-group-mapping/SsoYearGroupMappingView.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nconst namespace = 'shared.breadcrumbComponent';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst COLLAPSE_CHARACTER_COUNT = 64;\nconst MAX_SEGMENT_LENGTH = 48;\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = React.forwardRef((\n  props: BreadcrumbItemProps,\n  ref: React.ForwardedRef<HTMLElement>\n) => {\n  const { breadcrumb: { name, appLink, active }, withBackIcon } = props;\n\n  let trimmedName = name;\n  let title: string = null;\n\n  if (trimmedName.length > MAX_SEGMENT_LENGTH) {\n    trimmedName = name.slice(0, MAX_SEGMENT_LENGTH) + '...';\n\n    // Only setting the title when we trim, because otherwise it's really not needed - Sha\n    title = name;\n  }\n\n  return (\n    <li\n      className={`breadcrumb-item${active ? ' active' : ''}`}\n      title={title}\n    >\n      {active\n        ? <strong>{trimmedName}</strong>\n        : <AppLink appLink={appLink} ref={ref}>\n          {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n          <span className={withBackIcon ? 'ms-2' : ''}>{trimmedName}</span>\n        </AppLink>\n      }\n    </li>\n  );\n});\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length || 0;\n  \n  const [ collapse, setCollapse ] = React.useState(false);\n  const [ shouldFocus, setShouldFocus ] = React.useState(false);\n  const expandRef = React.useRef<HTMLElement>();\n\n  React.useEffect(() => {\n    const characterLength = breadcrumbs?.reduce((prev, next) => prev + next.name.length, 0) ?? 0;\n\n    if (length > 4 && characterLength > COLLAPSE_CHARACTER_COUNT)\n      setCollapse(true);\n  }, [breadcrumbs?.length]);\n\n  /**\n   * Focus our first expanded item the first time it appears.\n   */\n  React.useLayoutEffect(() => {\n    if (shouldFocus)\n      expandRef.current?.focus();\n  }, [ expandRef.current, shouldFocus ]);\n\n  function onClickExpand() {\n    setCollapse(false);\n    setShouldFocus(true);\n  }\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  const first = <BreadcrumbItem breadcrumb={breadcrumbs[0]} />;\n  const second = length > 2 ? <BreadcrumbItem breadcrumb={breadcrumbs[1]} /> : <></>;\n  const secondLast = length > 3 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} /> : <></>;\n  const last = length > 1 ? <BreadcrumbItem breadcrumb={breadcrumbs[length - 1]} /> : <></>;\n  const rest = breadcrumbs.slice(2, length - 2);\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {first}\n        {second}\n        {collapse ?\n          <li className='breadcrumb-item'>\n            <button\n              className='btn-link'\n              onClick={onClickExpand}\n              aria-label={getPhrase('expand')}\n            >\n            ...\n            </button>\n          </li> :\n          rest.map((breadcrumb, idx) => (\n            <BreadcrumbItem\n              key={idx}\n              breadcrumb={breadcrumb}\n              ref={idx === 0 ? expandRef : null}\n            />\n          ))\n        }\n        {secondLast}\n        {last}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n});","import * as React from 'react';\nimport { ButtonProps } from 'react-bootstrap';\nimport { useFormikContext } from 'formik';\n\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { FormSize } from 'libs/shared/components/forms/form-field/FormField';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useCanSubmitForm } from 'libs/shared/hooks/UseCanSubmitForm';\n\nconst namespace = 'shared.formButtons';\n\ninterface FormButtonsProps {\n  isNew?: boolean;\n  submitText?: string;\n  variant?: ButtonProps['variant'];\n  size?: FormSize;\n  className?: string;\n}\n\nexport function FormButtons<Values extends HashObject>(props: FormButtonsProps): JSX.Element {\n  const formikProps = useFormikContext<Values>();\n\n  const canSubmit = useCanSubmitForm(formikProps);\n\n  return (\n    <SpinnerButton\n      variant={props.variant || 'primary'}\n      type='submit'\n      disabled={!canSubmit}\n      size={props.size}\n      className={props.className ? props.className : ''}\n      showSpinner={formikProps.isSubmitting}\n    >\n      {props.submitText\n        ? <>{props.submitText}</>\n        : <Text namespace={namespace} phrase={props.isNew ? 'create' : 'save'} />}\n    </SpinnerButton>\n  );\n}\n","import * as React from 'react';\nimport { Form } from 'react-bootstrap';\nimport { FieldAttributes } from 'formik';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport { FieldWrapper, FormFieldProps } from '../form-field/FormField';\n\n/**\n * Use this checkbox within Formik contexts\n */\nexport function FormCheckbox(props: FieldAttributes<FormFieldProps>): JSX.Element {\n  const { label, checkboxLabelClassName, checkboxLabelFontWeight, className, ...fieldProps } = props;\n\n  return (\n    <Form.Group className='form-group'>\n      <div className={`form-check ${className || ''}`}>\n        <FieldWrapper className='form-check-input' {...fieldProps} />\n        <Form.Label\n          className={`form-check-label cursor-pointer ${checkboxLabelFontWeight === 'normal' ? 'fw-normal' : ''} \n          ${checkboxLabelClassName}`}\n          htmlFor={fieldProps.id}\n        >\n          {label}\n        </Form.Label>\n        {props.checkboxAppLink && props.checkboxAppLinkText && (\n          <>\n            <span>&nbsp;</span>\n            <AppLink appLink={props.checkboxAppLink} className='info-link'>\n              {props.checkboxAppLinkText}\n            </AppLink>\n          </>\n        )}\n      </div>\n    </Form.Group>\n  );\n}\n\n","import * as React from 'react';\nimport { useFormikContext } from 'formik';\n\nimport { HashObject } from 'libs/common/react/interfaces';\n\ninterface CharacterCounterProps<Values extends HashObject> {\n  fieldName: keyof Values;\n  limit: number;\n}\n\nexport function CharacterCounter<Values extends HashObject>(props: CharacterCounterProps<Values>): JSX.Element {\n  const { values } = useFormikContext<Values>();\n\n  const field = values[props.fieldName];\n\n  if (typeof field !== 'string')\n    return <></>;\n\n  return (\n    <div className='float-end text-secondary fw-normal'>\n      {field.length}/{props.limit} characters\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"revealPassword\":\"jCfI0\",\"passwordInput\":\"RBJnf\",\"passwordContainer\":\"d78lK\",\"passwordContainerDisabled\":\"asbVo\",\"infoTooltip\":\"wzyOG\",\"spinner\":\"CycFx\"};","import * as React from 'react';\nimport { Form, Spinner } from 'react-bootstrap';\nimport { Placement } from 'react-bootstrap/esm/types';\nimport { ErrorMessage, Field, FieldAttributes, FieldProps, useFormikContext } from 'formik';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { FormCheckbox } from 'libs/shared/components/forms/form-checkbox/FormCheckbox';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { FormHelper } from 'libs/shared/utils/FormHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { CharacterCounter } from './CharacterCounter';\n\nimport styles from './form-field.scss';\n\nconst namespace = 'shared.formField';\n\nexport type FormSize = 'lg' | 'sm';\n\n// If checkboxLabelFontWeight is not specified, it will be bold by default\nexport type CheckboxLabelFontWeight = 'normal' | 'bold'\n\nexport interface FormFieldProps {\n  /**\n   * The name prop MUST be the same as the attribute\n   * name of the value that the field is bound to.\n   */\n  name: string;\n  label?: string;\n  children?: any;\n  showCharacterCounter?: boolean;\n  showRequiredStar?: boolean;\n  checkboxAppLink?: Core.AppLink;\n  checkboxAppLinkText?: string;\n  checkboxLabelClassName?: string;\n  checkboxLabelFontWeight?: CheckboxLabelFontWeight\n  infoTooltip?: string;\n  infoTooltipPlacement?: Placement;\n  infoText?: string;\n  formSize?: FormSize;\n  showOptionalLabel?: boolean;\n  showLoadingSpinner?: boolean;\n}\n\nFieldWrapper.defaultProps = {\n  autoComplete: 'off'\n};\n\nexport function FieldWrapper(\n  props: FieldAttributes<FormFieldProps> & { className: string }\n): React.ReactElement {\n  const { children, showLoadingSpinner, ...fieldProps } = props;\n\n  const [ type, setType ] = React.useState(props.type);\n\n  function onClickTogglePassword(): void {\n    if (type === 'password')\n      setType('text');\n    else\n      setType('password');\n  }\n\n  const resolvedChildren = FunctionHelper.isFunction(children)\n    ? (f: FieldProps) => children(f)\n    : React.Children.count(children) ? children : null;\n\n  if (fieldProps.type !== 'password') {\n    if (showLoadingSpinner) {\n      return (\n        <div className='position-relative'>\n          <Field {...(ObjectHelper.omit(fieldProps, ['formSize']))}>\n            {resolvedChildren}\n          </Field>\n\n          <div className={styles.spinner}>\n            <Spinner animation='border' size='sm' />\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <Field {...(ObjectHelper.omit(fieldProps, ['formSize']))}>\n        {resolvedChildren}\n      </Field>\n    );\n  }\n\n  let containerClassName = `position-relative ${styles.passwordContainer}`;\n\n  if (fieldProps.className)\n    containerClassName += ` ${fieldProps.className}`;\n\n  if (fieldProps.disabled)\n    containerClassName += ` ${styles.passwordContainerDisabled}`;\n\n  /**\n   * We need to wrap out input with a relatively positioned element in order to absolutely\n   * position our visibility icon to reveal the password - Sha\n   */\n  return (\n    <div className={containerClassName}>\n      <Field\n        {...(ObjectHelper.omit(fieldProps, [ 'formSize', 'type', 'className' ]))}\n        type={type}\n        className={`${styles.passwordInput} border-0 w-100 h-100 outline-none rounded`}\n      >\n        {resolvedChildren}\n      </Field>\n      {fieldProps.type === 'password' &&\n        <SvgContainer\n          svgName={type === 'password' ? cvSvgLibrary.VisibleOn : cvSvgLibrary.VisibleOff}\n          className={`svg-container cursor-pointer ${styles.revealPassword}`}\n          onClick={onClickTogglePassword}\n        />\n      }\n    </div>\n  );\n}\n\nFormField.defaultProps = {\n  autoComplete: 'off',\n  infoTooltipPlacement: 'top'\n};\n\nexport function FormField<Values extends HashObject>(props: FieldAttributes<FormFieldProps>): React.ReactElement {\n  const {\n    label,\n    className,\n    showCharacterCounter,\n    showRequiredStar,\n    infoTooltip,\n    infoTooltipPlacement,\n    infoText,\n    formSize,\n    showOptionalLabel,\n    ...fieldProps\n  } = props;\n\n  const { errors, touched } = useFormikContext<Values>();\n\n  // This function overwrites the default `onChange` function whenever `props.disabled` is set.\n  // This prevents users from \"undisabling\" form fields via inspect element, then editing the field.\n  const disabledOnChange = () => {};\n\n  if (fieldProps.type === 'checkbox') {\n    const _props = ObjectHelper.omit(props, [ 'formSize', 'infoTooltipPlacement' ]);\n\n    if (props.disabled)\n      _props.onChange = disabledOnChange;\n\n    return <FormCheckbox {..._props} />;\n  }\n\n  const fieldWrapperProps = {\n    ...fieldProps,\n    className: FormHelper.getCustomFormControlClassName(\n      errors,\n      touched,\n      fieldProps.name,\n      formSize,\n      className,\n      typeof props.as === 'string' ? props.as : null\n    )\n  };\n\n  if (props.disabled)\n    fieldWrapperProps.onChange = disabledOnChange;\n\n  return (\n    <Form.Group className='form-group'>\n      {!!label && (\n        <Form.Label htmlFor={fieldProps.id} className='d-flex align-items-center'>\n          {label}\n          {showRequiredStar && <span className='text-danger'>*</span>}\n          {infoTooltip && (\n            <SvgContainer\n              className={`svg-container text-secondary ${styles.infoTooltip}`}\n              svgName={cvSvgLibrary.Info}\n              title={infoTooltip}\n              tooltipPlacement={infoTooltipPlacement}\n              tooltipSpanHack\n            />\n          )}\n          {showOptionalLabel && <span className='text-secondary'>&nbsp;<Text namespace={namespace} phrase='optional' /></span>}\n          \n          {!!showCharacterCounter && !!(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength &&\n            <div className='ms-auto'>\n              <CharacterCounter\n                fieldName={(fieldProps.name as keyof Values)}\n                limit={(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength}\n              />\n            </div>\n          }\n        </Form.Label>\n      )}\n\n      <FieldWrapper {...fieldWrapperProps} aria-errormessage={`${fieldProps.name}Error`} />\n\n      {!!infoText &&\n        <Form.Text className='text-secondary'>\n          {infoText}\n        </Form.Text>\n      }\n\n      <ErrorMessage name={fieldProps.name}>\n        {(errorMessage: string) => <Form.Control.Feedback id={`${fieldProps.name}Error`} type='invalid' role='status'>{errorMessage}</Form.Control.Feedback>}\n      </ErrorMessage>\n    </Form.Group>\n  );\n}","import * as React from 'react';\nimport { Formik, FormikConfig, FormikContextType, FormikErrors, FormikHelpers, FormikProps, FormikValues, useFormikContext } from 'formik';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\n/**\n * Note: This currently doesn't support arrays, but the need for arrays as initial\n * form data has not yet come up\n */\nfunction omitNullInitialValues<Values extends FormikValues>(initialValues: Values): Values {\n  if (!initialValues)\n    return {} as Values;\n\n  const values = ObjectHelper.deepClone(initialValues);\n\n  function omitChildValues(child: Values): void {\n    Object.keys(values).forEach((key: keyof Values) => {\n      if (!values.hasOwnProperty(key))\n        return;\n  \n      if (ObjectHelper.isObject(child[key]))\n        omitChildValues(child[key]);\n      else if (values[key] === null)\n        delete values[key];\n    });\n  }\n\n  omitChildValues(values);\n  return values;\n}\n\n// Omit attributes from FormikConfig that are defined in FormWrapperProps.\ntype ModifiedFormikConfig<Values extends FormikValues> = Omit<FormikConfig<Values>, 'initialValues' | 'onSubmit'>;\n\ninterface InitialStatus {\n  allowInitialSubmit: boolean;\n}\n\nexport type FormSubmissionOptions<FormValues = FormikValues> = {\n  reset?: boolean;\n  errors?: FormikErrors<FormValues>;\n};\n\ninterface FormWrapperProps<FormValues extends FormikValues, ApiValues extends FormikValues> {\n  initialValues: Partial<FormValues | ApiValues>;\n  onSubmit: (data: FormValues, onDone: (options?: FormSubmissionOptions<FormValues>) => void) => void;\n  castInitialValues?: boolean; // cast to validationSchema\n  castValuesOnSubmit?: boolean; // cast to validationSchema\n  allowInitialSubmit?: boolean; // if true, useCanSubmitForm will allow submit without any user changes.\n}\n\nFormWrapper.defaultProps = {\n  castInitialValues: true,\n  castValuesOnSubmit: true\n};\n\nexport function FormWrapper<\n  FormValues extends FormikValues = FormikValues,\n  ApiValues extends FormikValues = FormValues,\n  ExtraProps = HashObject\n>(props: ModifiedFormikConfig<FormValues> & ExtraProps & FormWrapperProps<FormValues, ApiValues>): JSX.Element {\n  const { castInitialValues, castValuesOnSubmit, initialValues, onSubmit, ...formikProps } = props;\n\n  /**\n   * If castInitialValues is true, cast initialValues to the validationSchema.\n   * This will ensure that any data fetched from the api conforms to the expected form data shape.\n   */\n  const formattedInitialValues: FormValues = castInitialValues && props.validationSchema\n    ? props.validationSchema.cast(omitNullInitialValues(initialValues))\n    : initialValues;\n\n  const onSubmitHandler = (\n    values: FormValues,\n    { setSubmitting, resetForm, setFieldError }: FormikHelpers<FormValues>\n  ) => {\n    /**\n     * validationSchema.cast will coerce the values to the types defined in validationSchema.\n     * This is useful for trimming inputs:\n     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.\n     */\n    const formattedData = castValuesOnSubmit && props.validationSchema\n      ? props.validationSchema.cast(values)\n      : values;\n\n    onSubmit(formattedData, (options: FormSubmissionOptions<FormValues> = {}) => {\n      options.reset && resetForm();\n\n      if (options.errors) {\n        for (const [ key, value ] of Object.entries(options.errors)) {\n          setFieldError(key, value);\n        }\n      }\n\n      setSubmitting(false);\n    });\n  };\n\n  const initialStatus: InitialStatus = {\n    allowInitialSubmit: props.allowInitialSubmit\n  };\n\n  return (\n    <Formik<FormValues, ExtraProps>\n      enableReinitialize\n      {...(formikProps as ModifiedFormikConfig<FormValues> & ExtraProps)}\n      initialValues={formattedInitialValues}\n      onSubmit={onSubmitHandler}\n      initialStatus={initialStatus}\n    >\n      {FunctionHelper.isFunction(props.children)\n        ? (f: FormikProps<FormValues>) => (props.children as (f: FormikProps<FormValues>) => React.ReactNode)(f)\n        : React.Children.count(props.children) ? props.children : null\n      }\n    </Formik>\n  );\n}\n\nexport function useFormikContextWrapper<T>(): FormikContextType<T> {\n  return useFormikContext<T>();\n}","// Article name mapped to article ID on support site. Used by `ArticleHelper`\n\nexport enum OnlineSupportArticle {\n  AddToPlaylist = '115005679748',\n  EditSsoAccounts = '8202508040345',\n\n  // LE\n  LibraryEditor = '360001974533',\n  VideoAccess = '360000153947',\n  AddFromOnline = '360011718234',\n  UploadToLibraryEditor = '360012069334',\n  PBTErrorCodes = '360012421153',\n  ManuelReview = '360020004534',\n  LibraryReview = '360000163788',\n}\n\nexport enum LiteSupportArticle {\n  Integrations = '4407268725529',\n  Classrooms = '4405362551833',\n  MakeInteractive = '4405370510873',\n  EditSsoAccounts = '8202605666073',\n  UploadToLibraryEditor = '10672936659865',\n  AddFromLite = '10671345281561',\n  ManageSsoYearGroups = '14691130889241',\n  ContentReview = '18525199576601',\n  ContentPermissions = '14692125209497',\n  AccessSettings = '27927466562201',\n  ContentGuidelines = '24133696186009',\n  FoxtelFaq = '24133519542169',\n  ViviIntegration = '23826297956377',\n  AppleTvIntegration = '25832373739929',\n  RssFeed = '32567445635097',\n  ManageGroupPermissions = '35407217335705'\n}\n","import { FormikErrors, FormikTouched, getIn } from 'formik';\n\nimport { FormSize } from 'libs/shared/components/forms/form-field/FormField';\n\nfunction getTypeSize(type: string, size: FormSize) {\n  let className = '';\n\n  switch (type) {\n    case 'select':\n      className = 'form-select';\n      break;\n    default:\n      className = 'form-control';\n  }\n\n  if (size === 'sm')\n    className += ` ${className}-sm`;\n\n  if (size === 'lg')\n    className += ` ${className}-lg`;\n\n  return className;\n}\n\nexport const FormHelper = {\n  getCustomFormControlClassName<T>(\n    errors: FormikErrors<T>,\n    touched: FormikTouched<T>,\n    attribute: string,\n    size?: FormSize,\n    additionalClassName?: string,\n    type?: string\n  ): string {\n    let className = '';\n\n    className = getTypeSize(type, size);\n\n    // Using getIn as it supports dot notation\n    if (getIn(touched, attribute) && getIn(errors, attribute))\n      className += ' is-invalid';\n\n    if (additionalClassName)\n      className += ` ${additionalClassName}`;\n\n    return className;\n  }\n};","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { useGetSettingsGroups } from 'apps/settings/hooks/useGetSettingsGroups';\n\nconst namespace = 'settings.settingsLayout';\n\n/**\n * Checks if the current user has permission to access the settings module\n */\nexport const useCanAccessSettings = (requiredPermissions: PermissionName | PermissionName[]): boolean => {\n  const { hasPermissions } = usePermissions();\n  const settingsGroups = useGetSettingsGroups();\n\n  /**\n   * TODO: Update all settings pages to pasas required permissions, because checking the \n   * `useGetSettingsGroups()` values clearly doesnt work for settings pages with multiple\n   * applinks inside of them. - Sha\n   */\n  if (requiredPermissions)\n    return hasPermissions(requiredPermissions);\n\n  const currentRoute = Core.AppLinkHelper.getCurrentAppLink();\n\n  /**\n   * Allows us to have popups sitting in other locations be used\n   * by our settings pages. For example the manage video access popup\n   * in the \"videos with restricted access\" page - Sha\n   */\n  if (currentRoute.application !== AppChannels.SETTINGS)\n    return true;\n\n  return settingsGroups.some(group => {\n    return group.modules.some(settingsModule => {\n      if ('appLink' in settingsModule) {\n        return settingsModule.appLink.action === currentRoute.action;\n      }\n\n      return false;\n    });\n  });\n};\n\ninterface SettingsLayoutProps {\n  heading: string;\n  breadcrumbs: string[];\n  description?: string;\n  requiredPermissions?: PermissionName | PermissionName[];\n  headingButton?: () => JSX.Element;\n}\n\nexport function SettingsLayout(props: React.PropsWithChildren<SettingsLayoutProps>): JSX.Element {\n  const canAccess = useCanAccessSettings(props.requiredPermissions);\n\n  React.useEffect(() => {\n    if (!canAccess) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.HOME\n      }, { replace: true });\n    }\n  }, [canAccess]);\n\n  if (!canAccess)\n    return <></>;\n\n  const breadcrumbs = props.breadcrumbs.map((name, i) => ({\n    name,\n    appLink: {\n      application: AppChannels.SETTINGS,\n      action: Actions.Settings.HOME\n    },\n    active: i === props.breadcrumbs.length - 1\n  }));\n\n  return (\n    <div className='px-3'>\n      <div className='d-flex align-items-center justify-content-between'>\n        <h1 className='h2'>{props.heading}</h1>\n        {props.headingButton?.()}\n      </div>\n      <div className='pb-3'>\n        <Breadcrumbs\n          breadcrumbs={[\n            {\n              name: LanguageService.getPhrase(namespace, 'settingsBreadcrumb'),\n              appLink: {\n                application: AppChannels.SETTINGS,\n                action: Actions.Settings.HOME\n              }\n            },\n            ...breadcrumbs\n          ]}\n        />\n      </div>\n      {props.description &&\n        <>\n          <p>{props.description}</p>\n          <hr />\n        </>\n      }\n\n      {props.children}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialList\":\"yOf8H\",\"partialField\":\"i1drn\",\"partialInput\":\"UYs6_\",\"partialLabel\":\"hor2G\"};","import React from 'react';\n\nimport styles from './partial-sso-year-group-mapping-form.scss';\n\nexport function PartialSsoYearGroupMappingForm(): JSX.Element {\n  return (\n    <div className={`d-flex flex-wrap ${styles.partialList}`}>\n      {Array(6).fill(null).map((_, i) => {\n        return (\n          <div className={styles.partialField} key={i}>\n            <div className={`${styles.partialLabel} partial-loading-background`} />\n\n            <div className={`${styles.partialInput} rounded partial-loading-background`} />\n          </div>\n        );\n      })}\n\n      {/* <FormButtons variant='dark' isNew={false} /> */}\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"list\":\"GGV5A\",\"field\":\"A_wE8\",\"input\":\"aJzpE\"};","import React from 'react';\nimport { Form, useFormikContext } from 'formik';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\n\nimport { SsoYearGroupMapping, SsoYearGroupMappingsForm } from 'apps/settings/views/sso-year-group-mapping/SsoYearGroupMappingView';\n\nimport styles from './sso-year-group-mapping-form.scss';\n\nconst namespace = 'settings.ssoYearGroupMappingForm';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst getFieldId = (field: SsoYearGroupMapping) => field.yearGroup?.id || 'staff';\n\nconst FIELD_HEIGHT = 95; // px;\n\nconst useGetFormHeight = (totalMappings: number) => {\n  const isSingleColumn = useMediaQuery(MediaQueryStrings.MDDown);\n\n  if (isSingleColumn)\n    return '100%';\n\n  const height = FIELD_HEIGHT * (Math.ceil(totalMappings / 2));\n  return `${height}px`;\n};\n\nexport function SsoYearGroupMappingForm(): JSX.Element {\n  const formikProps = useFormikContext<SsoYearGroupMappingsForm>();\n\n  function onChangeMapping(changedField: SsoYearGroupMapping, event: React.ChangeEvent<HTMLInputElement>): void {\n    const val = event.target.value;\n\n    formikProps.setFieldValue('mappings', formikProps.values.mappings.map(field => {\n      if (getFieldId(field) !== getFieldId(changedField))\n        return field;\n\n      return {\n        ...changedField,\n        ssoMapping: val\n      };\n    }));\n  }\n\n  const formHeight = useGetFormHeight(formikProps.values.mappings.length);\n\n  return (\n    <Form>\n      <div className={`d-flex flex-wrap ${styles.list}`} style={{ maxHeight: formHeight }}>\n        {formikProps.values.mappings.map(field => {\n          const id = getFieldId(field);\n          const name = field.yearGroup.name;\n\n          return (\n            <div className={`mb-2 ${styles.field}`} key={id}>\n              <label htmlFor={id}>\n                {name}\n              </label>\n\n              <FormField\n                id={id}\n                name={id}\n                className={`form-control ${styles.input}`}\n                placeholder={field.canBeSsoMapped ? getPhrase('placeholder') : ''}\n                onChange={(e: React.ChangeEvent<HTMLInputElement>) => onChangeMapping(field, e)}\n                value={field.ssoMapping}\n                disabled={!field.canBeSsoMapped}\n              />\n            </div>\n          );\n        })}\n      </div>\n\n      <FormButtons variant='dark' isNew={false} />\n    </Form>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/react/index';\n\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { LiteSupportArticle } from 'libs/shared/enums/SupportArticle';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { CurrentUser, YearGroup } from 'libs/shared/interfaces';\nimport { ArticleHelper } from 'libs/shared/utils/ArticleHelper';\n\nimport { SettingsLayout } from 'apps/settings/components/settings-layout/SettingsLayout';\nimport { PartialSsoYearGroupMappingForm } from 'apps/settings/components/sso-year-group-mapping-form/partial-loading/PartialSsoYearGroupMappingForm';\nimport { SsoYearGroupMappingForm } from 'apps/settings/components/sso-year-group-mapping-form/SsoYearGroupMappingForm';\nimport { UserManagerRequests } from 'apps/user-manager/flight-requests/UserManagerRequests';\nimport { UpdateSsoYearGroupMappings } from 'apps/user-manager/interfaces/UpdateSsoYearGroupMappings';\n\nexport interface SsoYearGroupMappingsForm {\n  mappings: SsoYearGroupMapping[];\n}\n\nexport interface SsoYearGroupMapping {\n  yearGroup: Pick<YearGroup, 'id' | 'name' | 'value'>;\n  canBeSsoMapped: boolean;\n  ssoMapping: string;\n}\n\nconst namespace = 'settings.ssoYearGroupMapping';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst breadcrumbs = [getPhrase('breadcrumb')];\n\nexport function SsoYearGroupMappingView(): JSX.Element {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroupMappings = Flight.useBasicFetch<SsoYearGroupMapping[]>(currentUser.data &&\n    UserManagerRequests.getSsoMappings(currentUser.data.customerId));\n\n  const fetchAsync = Flight.useGetFetchAsync();\n  const alerts = useAlerts();\n\n  useSetPageMetadata({ title: getPhrase('title') });\n\n  function onSubmit(formData: SsoYearGroupMappingsForm, onDone: () => void): void {\n    const body: UpdateSsoYearGroupMappings = formData.mappings.map(field => {\n      return {\n        yearGroupId: field.yearGroup.id,\n        ssoMapping: field.ssoMapping\n      };\n    });\n\n    fetchAsync(UserManagerRequests.updateSsoMappings(currentUser.data.customerId, body))\n      .then(() => alerts.success(getPhrase('updateSuccess')))\n      .catch(() => alerts.error(getPhrase('updateError')))\n      .finally(onDone);\n  }\n\n  const dataLoaded = !!yearGroupMappings.data;\n\n  return (\n    <SettingsLayout heading={getPhrase('heading')} breadcrumbs={breadcrumbs}>\n      <p className='mb-0'>\n        <Text namespace={namespace} phrase='info' />\n      </p>\n      <a className='info-link' href={ArticleHelper.getLiteArticle(LiteSupportArticle.ManageSsoYearGroups)} target='_blank'>\n        <Text namespace={namespace} phrase='helpArticle' />\n      </a>\n\n      <hr />\n\n      {dataLoaded ? (\n        <FormWrapper<SsoYearGroupMappingsForm>\n          initialValues={{ mappings: yearGroupMappings.data }}\n          onSubmit={onSubmit}\n        >\n          <SsoYearGroupMappingForm />\n        </FormWrapper>\n      ) : (\n        <PartialSsoYearGroupMappingForm />\n      )}\n    </SettingsLayout>\n  );\n}"],"names":["getPhrase","BreadcrumbItem","props","ref","breadcrumb","name","appLink","active","withBackIcon","trimmedName","title","length","slice","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","collapse","setCollapse","shouldFocus","setShouldFocus","expandRef","characterLength","reduce","prev","next","current","focus","first","second","secondLast","last","rest","onClick","map","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","namespace","FormButtons","formikProps","canSubmit","variant","type","disabled","showSpinner","isSubmitting","submitText","phrase","isNew","FormCheckbox","label","checkboxLabelClassName","checkboxLabelFontWeight","fieldProps","Form","FieldWrapper","htmlFor","id","checkboxAppLink","checkboxAppLinkText","AppLink","CharacterCounter","field","values","fieldName","limit","children","showLoadingSpinner","setType","resolvedChildren","FunctionHelper","f","ObjectHelper","Spinner","animation","containerClassName","SvgContainer","FormField","showCharacterCounter","showRequiredStar","infoTooltip","infoTooltipPlacement","infoText","formSize","showOptionalLabel","errors","touched","disabledOnChange","_props","onChange","fieldWrapperProps","FormHelper","as","tooltipPlacement","tooltipSpanHack","Text","maxLength","errorMessage","role","defaultProps","autoComplete","FormWrapper","castInitialValues","castValuesOnSubmit","initialValues","onSubmit","formattedInitialValues","validationSchema","cast","omitChildValues","child","Object","keys","forEach","hasOwnProperty","omitNullInitialValues","initialStatus","allowInitialSubmit","enableReinitialize","setSubmitting","resetForm","setFieldError","formattedData","options","reset","entries","value","useFormikContextWrapper","OnlineSupportArticle","LiteSupportArticle","getCustomFormControlClassName","attribute","additionalClassName","getTypeSize","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","opts","Array","Math","max","floor","random","useCanAccessSettings","requiredPermissions","hasPermissions","settingsGroups","currentRoute","application","some","group","modules","settingsModule","action","SettingsLayout","canAccess","replace","i","heading","headingButton","description","PartialSsoYearGroupMappingForm","fill","_","LanguageService","getFieldId","yearGroup","useGetFormHeight","totalMappings","ceil","SsoYearGroupMappingForm","formHeight","mappings","maxHeight","placeholder","canBeSsoMapped","e","changedField","val","target","setFieldValue","ssoMapping","SsoYearGroupMappingView","currentUser","UserRequests","yearGroupMappings","data","UserManagerRequests","customerId","fetchAsync","alerts","useSetPageMetadata","dataLoaded","href","ArticleHelper","formData","onDone","body","yearGroupId","then","success","error"],"sourceRoot":""}

package/dist/scripts/{6480-9f3dc79b38-lite.chunk.js → 6480-03513bbd54-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6480],{49036:(e,t,n)=>{n.d(t,{f:()=>a});var r=n(32735);function a(e){return r.createElement(r.Fragment,null,"Have a ClickView account already?",r.createElement("a",{href:e.link,className:"info-link ms-1",onClick:e.onClick},"Sign in"))}},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:()=>b});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(b,{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}}(),E=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},E.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(36532),E=n(54610),v=n(67453);function b(e){var t,n,r=a.useContext(l.x),c=e.subject.cover?v.j.createUrl(e.subject.cover.url,{size:E.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}},26480:(e,t,n)=>{n.r(t),n.d(t,{WelcomePopupView:()=>I});var r=n(32735),a=n(39202),c=n(23481),l=n(81886),i=n(75896),o=n(49985),s=n(65858),u=n(49036),d=n(32697),m=n(9111),f=n(13876),p=n(83345),E=n(71063),v=n(52641),b=n(54610),h=n(86764),S=n(25925),g=n(69883),y=n(3747),x=n(75795),k=n(67453),C=n(99742),O=n(14070),j=n(97291),N=n(86698);const w={preferenceList:"oHNZN",preferenceItem:"olBqT",largePopup:"x3Oot",selectPresentation:"b2r5s",switchPresentation:"NIIWc"};function P(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 A(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)?A(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 A(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 L="settings.welcomePopup",T=c.T.encloseNamespace(L),B=[{application:j.O.CONTENT_UPDATES,action:O.e.ContentUpdates.CONTENT_UPDATES},{application:j.O.MOVIES_AND_TV,action:O.e.MoviesAndTv.HOME}].reduce((function(e,t){return e[a.C$.getAppLinkString(t)]=!0,e}),{});function I(e){var t=P(r.useState(!1),2),n=t[0],A=t[1],I=P(r.useState(),2),M=I[0],U=I[1],D=(0,y.a)(h.r.SMDown),_=(0,g.Z)(),F=(0,N.y)(),H=F.availablePresentations,V=F.setPresentation,X=F.hasPresentationsLoaded,R=(null==H?void 0:H.length)>=v._.MULTI_PRESENTATION_THRESHOLD;function G(){o.k.logUserAction({id:M.id,name:M.name},{actionType:s.Vw.Click,entity:s.py.Presentation,location:s.LZ.WelcomePopup,workflowPhase:s.eu.Complete,descriptor:s._S.Button,eventVersion:s.eq.V3});var t=x.O.getCurrentRoute().appLink;B[a.C$.getAppLinkString(t)]?l.Q.C$.trigger(t,{replace:!0}):l.Q.C$.trigger({application:j.O.DASHBOARD,action:O.e.Dashboard.HOME}),A(!1),e.closePopup()}function $(){A(!1),_.error(c.T.getPhrase(L,"error"))}function W(){return A(!0),V(M,"activeAndPreferred").then(G).catch($)}function Z(){o.k.logUserAction({url:l.Q.C$.getHref({application:j.O.DEFAULT,action:O.e.Default.LOG_IN})},{actionType:s.Vw.Click,entity:s.py.AppLink,descriptor:s.Yu.SignIn,location:s.LZ.WelcomePopup})}r.useEffect((function(){X&&!R&&U(i.m.first(H))}),[R,X]);var Q=function(){return r.createElement(f.u,null,r.createElement(f.u.Submit,{variant:"dark",onClick:W,text:T("cta"),showSpinner:n,disabled:!!R&&!M,className:"mx-auto"}))},Y=function(){return r.createElement("div",{className:"mt-3 text-center"},r.createElement(u.f,{link:l.Q.C$.getHref({application:j.O.DEFAULT,action:O.e.Default.LOG_IN}),onClick:Z}))};return X?r.createElement(m.G,{title:T("title"),size:D?"sm":(null==H?void 0:H.length)>2?"lg":"md",closeButton:!R,closePopup:e.closePopup,backdrop:!R||"static",dialogClassName:E.M.WELCOME_POPUP_SELECTOR,centered:!0},R?r.createElement((function(){return r.createElement("div",{className:"".concat(w.selectPresentation)},r.createElement("h2",{className:"h4 text-center"},r.createElement(p.x,{namespace:L,phrase:"infoPrimary"})),r.createElement("p",{className:"text-center"},r.createElement(p.x,{namespace:L,phrase:"infoSecondaryMulti"})),r.createElement("div",{className:"position-relative"},r.createElement("ul",{className:"list-unstyled d-flex ".concat(w.preferenceList)},null==H?void 0:H.map((function(e){var t;return e.type!==S.R.Subject?r.createElement(r.Fragment,{key:e.id}):r.createElement(d.cQ,{key:e.id,name:e.name,imageUrl:k.j.createUrl(null===(t=e.cover)||void 0===t?void 0:t.url,{size:b.h2.Medium})||"",onClick:function(){return U(e)},isSelected:(null==M?void 0:M.id)===e.id,extraClasses:"".concat(w.preferenceItem," m-2"),radioButton:!0})})))),r.createElement(Q,null),r.createElement(Y,null))}),null):r.createElement((function(){return r.createElement("div",{className:"".concat(w.selectPresentation)},r.createElement("div",{className:"d-block mx-auto p-4"},r.createElement("img",{src:C.W.SignUp.UPGRADE,className:"img-fluid",alt:""})),r.createElement("h2",{className:"h4 text-center"},r.createElement(p.x,{namespace:L,phrase:"infoPrimary"})),r.createElement("p",{className:"text-center"},r.createElement(p.x,{namespace:L,phrase:"infoSecondary"})),r.createElement("div",{className:"mt-3"},r.createElement(Q,null)),r.createElement(Y,null))}),null)):r.createElement(r.Fragment,null)}},92875:(e,t,n)=>{n.d(t,{Z:()=>r});const r={grid:"X9r1Y",subgrid:"TgYhp"}}}]);
-//# sourceMappingURL=6480-9f3dc79b38-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[6480],{49036:(e,t,n)=>{n.d(t,{f:()=>a});var r=n(32735);function a(e){return r.createElement(r.Fragment,null,"Have a ClickView account already?",r.createElement("a",{href:e.link,className:"info-link ms-1",onClick:e.onClick},"Sign in"))}},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:()=>b});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(b,{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}}(),E=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},E.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(36532),E=n(54610),v=n(67453);function b(e){var t,n,r=a.useContext(l.x),c=e.subject.cover?v.j.createUrl(e.subject.cover.url,{size:E.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}},26480:(e,t,n)=>{n.r(t),n.d(t,{WelcomePopupView:()=>I});var r=n(32735),a=n(39202),c=n(23481),l=n(81886),i=n(75896),o=n(49985),s=n(65858),u=n(49036),d=n(32697),m=n(9111),f=n(13876),p=n(83345),E=n(71063),v=n(52641),b=n(54610),h=n(86764),S=n(25925),g=n(69883),y=n(3747),x=n(75795),C=n(67453),k=n(99742),j=n(14070),N=n(97291),O=n(86698);const w={preferenceList:"oHNZN",preferenceItem:"olBqT",largePopup:"x3Oot",selectPresentation:"b2r5s",switchPresentation:"NIIWc"};function P(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 A(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)?A(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 A(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 L="settings.welcomePopup",T=c.T.encloseNamespace(L),B=[{application:N.O.CONTENT_UPDATES,action:j.e.ContentUpdates.CONTENT_UPDATES},{application:N.O.MOVIES_AND_TV,action:j.e.MoviesAndTv.HOME}].reduce((function(e,t){return e[a.C$.getAppLinkString(t)]=!0,e}),{});function I(e){var t=P(r.useState(!1),2),n=t[0],A=t[1],I=P(r.useState(),2),M=I[0],U=I[1],D=(0,y.a)(h.r.SMDown),F=(0,g.Z)(),H=(0,O.y)(),_=H.availablePresentations,V=H.setPresentation,X=H.hasPresentationsLoaded,R=(null==_?void 0:_.length)>=v._.MULTI_PRESENTATION_THRESHOLD;function G(){o.k.logUserAction({id:M.id,name:M.name},{actionType:s.Vw.Click,entity:s.py.Presentation,location:s.LZ.WelcomePopup,workflowPhase:s.eu.Complete,descriptor:s._S.Button,eventVersion:s.eq.V3});var t=x.O.getCurrentRoute().appLink;B[a.C$.getAppLinkString(t)]?l.Q.C$.trigger(t,{replace:!0}):l.Q.C$.trigger({application:N.O.DASHBOARD,action:j.e.Dashboard.HOME}),A(!1),e.closePopup()}function $(){A(!1),F.error(c.T.getPhrase(L,"error"))}function W(){return A(!0),V(M,"activeAndPreferred").then(G).catch($)}function Z(){o.k.logUserAction({url:l.Q.C$.getHref({application:N.O.DEFAULT,action:j.e.Default.CHALLENGE})},{actionType:s.Vw.Click,entity:s.py.AppLink,descriptor:s.Yu.SignIn,location:s.LZ.WelcomePopup})}r.useEffect((function(){X&&!R&&U(i.m.first(_))}),[R,X]);var Q=function(){return r.createElement(f.u,null,r.createElement(f.u.Submit,{variant:"dark",onClick:W,text:T("cta"),showSpinner:n,disabled:!!R&&!M,className:"mx-auto"}))},Y=function(){return r.createElement("div",{className:"mt-3 text-center"},r.createElement(u.f,{link:l.Q.C$.getHref({application:N.O.DEFAULT,action:j.e.Default.CHALLENGE}),onClick:Z}))};return X?r.createElement(m.G,{title:T("title"),size:D?"sm":(null==_?void 0:_.length)>2?"lg":"md",closeButton:!R,closePopup:e.closePopup,backdrop:!R||"static",dialogClassName:E.M.WELCOME_POPUP_SELECTOR,centered:!0},R?r.createElement((function(){return r.createElement("div",{className:"".concat(w.selectPresentation)},r.createElement("h2",{className:"h4 text-center"},r.createElement(p.x,{namespace:L,phrase:"infoPrimary"})),r.createElement("p",{className:"text-center"},r.createElement(p.x,{namespace:L,phrase:"infoSecondaryMulti"})),r.createElement("div",{className:"position-relative"},r.createElement("ul",{className:"list-unstyled d-flex ".concat(w.preferenceList)},null==_?void 0:_.map((function(e){var t;return e.type!==S.R.Subject?r.createElement(r.Fragment,{key:e.id}):r.createElement(d.cQ,{key:e.id,name:e.name,imageUrl:C.j.createUrl(null===(t=e.cover)||void 0===t?void 0:t.url,{size:b.h2.Medium})||"",onClick:function(){return U(e)},isSelected:(null==M?void 0:M.id)===e.id,extraClasses:"".concat(w.preferenceItem," m-2"),radioButton:!0})})))),r.createElement(Q,null),r.createElement(Y,null))}),null):r.createElement((function(){return r.createElement("div",{className:"".concat(w.selectPresentation)},r.createElement("div",{className:"d-block mx-auto p-4"},r.createElement("img",{src:k.W.SignUp.UPGRADE,className:"img-fluid",alt:""})),r.createElement("h2",{className:"h4 text-center"},r.createElement(p.x,{namespace:L,phrase:"infoPrimary"})),r.createElement("p",{className:"text-center"},r.createElement(p.x,{namespace:L,phrase:"infoSecondary"})),r.createElement("div",{className:"mt-3"},r.createElement(Q,null)),r.createElement(Y,null))}),null)):r.createElement(r.Fragment,null)}},92875:(e,t,n)=>{n.d(t,{Z:()=>r});const r={grid:"X9r1Y",subgrid:"TgYhp"}}}]);
+//# sourceMappingURL=6480-03513bbd54-lite.chunk.js.map