@clickview/lite 0.52.5-rc.2 → 0.52.5-rc.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundles.json +1 -1
- package/dist/scripts/{1329-9abd7031af-lite.chunk.js → 1329-d48379c043-lite.chunk.js} +3 -3
- package/dist/scripts/1329-d48379c043-lite.chunk.js.map +1 -0
- package/dist/scripts/{2676-05aaf9a93a-lite.chunk.js → 2676-a4c770b74a-lite.chunk.js} +3 -3
- package/dist/scripts/2676-a4c770b74a-lite.chunk.js.map +1 -0
- package/dist/scripts/{6102-01c59f900c-lite.chunk.js → 6102-ca7a024369-lite.chunk.js} +3 -3
- package/dist/scripts/{6102-01c59f900c-lite.chunk.js.map → 6102-ca7a024369-lite.chunk.js.map} +1 -1
- package/dist/scripts/{6480-2ee0d11dc5-lite.chunk.js → 6480-02d62e92b1-lite.chunk.js} +2 -2
- package/dist/scripts/6480-02d62e92b1-lite.chunk.js.map +1 -0
- package/dist/scripts/{bundle-f5457849d4.min.js → bundle-7a646a4066.min.js} +3 -3
- package/dist/scripts/bundle-7a646a4066.min.js.map +1 -0
- package/package.json +1 -1
- package/dist/scripts/1329-9abd7031af-lite.chunk.js.map +0 -1
- package/dist/scripts/2676-05aaf9a93a-lite.chunk.js.map +0 -1
- package/dist/scripts/6480-2ee0d11dc5-lite.chunk.js.map +0 -1
- package/dist/scripts/bundle-f5457849d4.min.js.map +0 -1
- /package/dist/scripts/{1329-9abd7031af-lite.chunk.js.LICENSE.txt → 1329-d48379c043-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{2676-05aaf9a93a-lite.chunk.js.LICENSE.txt → 2676-a4c770b74a-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{6102-01c59f900c-lite.chunk.js.LICENSE.txt → 6102-ca7a024369-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{bundle-f5457849d4.min.js.LICENSE.txt → bundle-7a646a4066.min.js.LICENSE.txt} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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(76177),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),w=n(86698);const N={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,w.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},{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(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(N.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(N.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(N.preferenceItem," m-2"),radioButton:!0})})))),r.createElement(Q,null),r.createElement(Y,null))}),null):r.createElement((function(){return r.createElement("div",{className:"".concat(N.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"}}}]);
|
|
2
|
-
//# sourceMappingURL=6480-
|
|
1
|
+
"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(76177),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},{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"}}}]);
|
|
2
|
+
//# sourceMappingURL=6480-02d62e92b1-lite.chunk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scripts/6480-02d62e92b1-lite.chunk.js","mappings":"mJAOM,SAAUA,EAAsBC,GACpC,OACE,oEAEE,qBAAGC,KAAMD,EAAME,KAAMC,UAAU,iBAAiBC,QAASJ,EAAMI,SAAO,WAK5E,C,6FCfA,SAAgB,aAAe,QAAQ,gBAAkB,S,sGCSzD,IAAMC,EAAmB,GAUzB,SAASC,EAAaN,GACpB,IAAMO,EAAe,mBAAH,OAAsBP,EAAMQ,SAE9C,OACE,uBAAKL,UAAS,wBAAmB,iBAC/B,uBAAKA,UAAS,8BAAyBI,IACpCP,EAAMS,UAIf,CAEA,SAASC,EAAgBV,GACvB,IAAMW,GAAa,SACbC,EAAcD,IAAe,QAAwBA,IAAe,OAAwB,QAAU,OAEtGJ,EAAe,mBAAH,OAAsBP,EAAMQ,SAE9C,OACE,uBAAKL,UAAS,UAAKS,EAAU,YAAIL,EAAY,YAAI,kBAAsB,iBACpEP,EAAMS,SAGb,CAEM,SAAUI,EAAiBb,GAC/B,I,IAAMc,EAAqB,WACzB,OAAQC,OAAOC,YAAcD,OAAOE,SAAaC,SAASC,KAAKC,aAAef,CAChF,EAEuD,G,EAArB,YAAe,G,EAAM,E,o4BAA/CgB,EAAQ,KAAEC,EAAW,KAE7B,aAAgB,kBAAMA,GAAaR,IAAqB,GAAE,IAc1D,IAAMS,EAA4BC,EAAA,YAZlC,WACE,IAAMC,GAAqBX,KAEvBO,GAAaI,GAKZJ,GAAYI,GACfH,GAAY,GALZA,GAAY,EAMhB,GAE4E,KAS5E,OAPA,aAAgB,WAEd,OADAP,OAAOW,iBAAiB,SAAUH,GAC3B,kBAAMR,OAAOY,oBAAoB,SAAUJ,EAA0B,CAC9E,GAAG,CAAEF,EAAUC,KAEf,OAAkBC,EAA2BA,EAA2B,CAAEF,EAAUC,IAE7ED,EACH,gBAACf,EAAY,iBAAKN,GAAQA,EAAMS,UAChC,gBAACC,EAAe,iBAAKV,GAAQA,EAAMS,SACzC,CA9DAI,EAAiBe,aAAe,CAC9BpB,QAAS,U,2eC2BX,SAASqB,EAAyB7B,GAChC,MAA0D,aAAiB8B,EAAA,GAAnEC,EAAe,EAAfA,gBAAmCC,EAAU,EAA5BC,iBAEzB,OACE,gCACGjC,EAAMkC,SAASC,KAAI,SAAAC,GAClB,IAAMC,EAlBd,SAAoBD,EAAmCL,GACrD,SAAKA,GAAmBK,EAAQE,KAAOP,EAAgBO,IAGnDP,EAAgBtB,SAAS8B,MAAK,SAAAC,GAAK,OAAIA,EAAMF,KAAOF,EAAQE,EAAE,IAIpE,CAU6BG,CAAWL,EAASL,GAErCW,EAAe1C,EAAM2C,SAWzB,OATIP,EAAQQ,qBACVF,EAAe1C,EAAM6C,UAEnBR,IACFK,EAAe1C,EAAM8C,YAEnB9C,EAAM+C,kBACRL,EAAe,WAAO,GAGtB,gBAACM,EAAqB,CACpBC,IAAKb,EAAQE,GACbF,QAASA,EACTc,UAAWlD,EAAM+C,iBAAmBf,EAAWmB,SAASf,EAAQE,IAChEc,SAAUpD,EAAM+C,iBAAmBV,EACnCjC,QAAS,kBAAMsC,EAAaN,EAAQ,EACpCW,gBAAiB/C,EAAM+C,iBAG7B,IAGN,CAUM,SAAUM,EAAsBrD,GACpC,IAAQkC,EAAgDlC,EAAhDkC,SAAUa,EAAsC/C,EAAtC+C,gBAAoBO,EAAa,EAAKtD,EAAlD,gCACE+B,EAAoB,aAAiBD,EAAA,GAArCC,gBAEFwB,EA7ER,WAGE,QAFsB,UAGpB,KAAK,OACL,QACE,OAAO,EAET,KAAK,OACH,OAAO,EAET,KAAK,OACH,OAAO,EAET,KAAK,OACH,OAAO,EAEb,CA4DsBC,GAOdC,EAAcvB,EAASwB,QAAO,SAClCC,EACAvB,EACAwB,GAMA,OAJAA,EAAQL,GAAgB,EACpBI,EAAIE,KAAK,CAACzB,IACV0B,EAAA,OAAiBH,GAAKE,KAAKzB,GAExBuB,CACT,GAAG,IAEH,OACE,sBAAIxD,UAAW,UACZsD,EAAYtB,KAAI,SAAC4B,EAAKC,GACrB,IAAMC,EAAalC,KAAqBgC,EAAIxB,MAAK,SAAAH,GAC/C,OAAOL,EAAgBO,KAAOF,EAAQE,IAAMF,EAAQQ,kBACtD,IAEA,OACE,gBAAC,WAAc,CAACK,IAAKe,GACnB,gBAACnC,EAAwB,eACvBK,SAAU6B,EACVhB,gBAAiBA,GACbO,IAGLW,GACC,sBAAI9D,UAAS,UAAK,YAAc,SAC9B,gBAACkD,EAAqB,eACpBnB,SAAUH,EAAgBtB,SAC1BsC,gBAAiBA,GACbO,KAMhB,IAGN,C,8CCvHM,SAAUN,EAAsBhD,G,QAC9BkE,EAAU,aAAiBpC,EAAA,GAE3BqC,EAAWnE,EAAMoC,QAAQgC,MAAQC,EAAA,YAAsBrE,EAAMoC,QAAQgC,MAAME,IAAK,CAAEC,KAAM,aAAqB,GAE7GC,EAAWxE,EAAMoC,QAAQQ,mBAAqB5C,EAAMoC,QAAQ3B,SAAS0B,KAAI,SAAAK,GAAK,OAAIA,EAAMF,EAAE,IAAI,GAC9FmC,EAAsBzE,EAAM+C,gBAE9B,EADyB,QAAzB,EAAAmB,aAAO,EAAPA,EAASjC,wBAAgB,eAAEyC,QAAO,SAAAC,GAAS,OAAIH,EAASrB,SAASwB,EAAU,IAAEC,OAG3EC,EACJ,gBAACC,EAAA,EAAc,CACbC,KAAM/E,EAAMoC,QAAQ2C,KACpBC,SAAUb,EACV/D,QAASJ,EAAMI,QACf6E,WAAYjF,EAAMkD,SAClBT,WAAYzC,EAAMoD,SAClB8B,aAAclF,EAAMoC,QAAQQ,mBAC5BuC,QAAgC,QAAxB,EAAAjB,aAAO,EAAPA,EAASnC,uBAAe,eAAEO,MAAOtC,EAAMoC,QAAQE,GACvDmC,mBAAoBA,EACpBW,aAAcpF,EAAMoF,aACpBC,WAAYrF,EAAMqF,aAItB,OAAOrF,EAAMoD,SACT,4BAAOyB,GACP,gBAACS,EAAA,EAAO,CAACC,MAAOvF,EAAMoC,QAAQ2C,MAAM,4BAAOF,GACjD,C,sEC9CA,SAAgB,eAAiB,QAAQ,YAAc,QAAQ,GAAK,QAAQ,KAAO,QAAQ,SAAW,QAAQ,SAAW,QAAQ,SAAW,QAAQ,QAAU,QAAQ,WAAa,QAAQ,UAAY,QAAQ,MAAQ,SCUhN,IAAMW,EAAuB,SAACxF,GACnC,OAAKA,EAAMyF,sBAIT,uBAAKtF,UAAS,UAAK,aAAiB,YAAI,UACrCH,EAAMyF,uBAJF,gCAOX,EAOaC,EAAuB,SAAC1F,GACnC,IAAI2F,EASJ,OANEA,EADE3F,EAAMkD,SACF,gBAAC0C,EAAA,EAAY,CAACC,QAAS,aACrB7F,EAAM8F,YAGR,qCAFA,gBAACF,EAAA,EAAY,CAACC,QAAS,YAK7B,uBAAK1F,UAAS,UAAK,aAAiB,YAAIH,EAAMkD,SAAW,QAAe,cACrEyC,EAGP,ECnBM,SAAUb,EAAe9E,GAmB7B,IAjBM+F,EAiBAC,EAAa,GAAH,OAAM,cAAkB,YAAIhG,EAAMmF,OAAS,KAAY,QAEvE,OACE,sBACEhF,WArBE4F,EAAY,aAAH,OAAgB,kBAEzB/F,EAAMoF,eACRW,GAAa,IAAM/F,EAAMoF,cAEvBpF,EAAMyC,aACRsD,GAAa,IAAM,YAEjB/F,EAAMiF,aAAejF,EAAMkF,eAC7Ba,GAAa,IAAM,YAEjB/F,EAAMqF,aACRU,GAAa,IAAM,YAEdA,GAQL3F,QAASJ,EAAMI,QAAO,eACRJ,EAAMiF,WAAU,gBACfjF,EAAMkF,aACrBe,KAAMjG,EAAMkF,aAAe,SAAW,WACtCgB,MAAO,CAAEC,gBAAiB,OAAF,OAASnG,EAAMgF,SAAQ,MAC/CoB,SAAU,EACVb,MAAOvF,EAAM+E,MAEb,uBAAK5E,UAAS,UAAK,UAAc,SAC/B,qBAAGA,UAAU,sBACVH,EAAM+E,KACP,wBAAM5E,UAAWH,EAAMkF,aAAec,EAAa,OAGnDhG,EAAMqF,YACN,gCAAGrF,EAAMkF,aACL,gBAACM,EAAoB,CAACC,sBAAuBzF,EAAMyE,qBACnD,gBAACiB,EAAoB,CAACxC,SAAUlD,EAAMiF,WAAYa,YAAa9F,EAAM8F,gBAMnF,C,uCC7DahE,GAA0B,E,SAAAuE,oBAA6CC,E,4DCF9E,SAAUC,IACd,IAAMC,GAAO,OAAc,QACrBC,GAAO,OAAc,QACrBC,GAAO,OAAc,QACrBC,GAAO,OAAc,QACrBC,GAAO,OAAc,QACrBC,GAAQ,OAAc,SAExBC,EAAgB,OAQpB,OAPIN,IAAMM,EAAgB,QACtBL,IAAMK,EAAgB,QACtBJ,IAAMI,EAAgB,QACtBH,IAAMG,EAAgB,QACtBF,IAAME,EAAgB,QACtBD,IAAOC,EAAgB,SAEpBA,CACT,C,8UCvBA,SAAgB,eAAiB,QAAQ,eAAiB,QAAQ,WAAa,QAAQ,mBAAqB,QAAQ,mBAAqB,S,ggCCiCzI,IAAMC,EAAY,wBACZC,EAAYC,EAAA,mBAAiCF,GAE7CG,EAA2C,CAC/C,CAAEC,YAAa,oBAA6BC,OAAQ,oCACpD,CAAED,YAAa,kBAA2BC,OAAQ,uBAClD1D,QAAO,SAAC2D,EAAkBC,GAE1B,OADAD,EAAK,sBAA+BC,KAAmB,EAChDD,CACT,GAAG,CAAC,GAME,SAAUE,EAAiBvH,GAC/B,IAAsE,IAA9B,YAAwB,GAAM,GAA9DwH,EAAW,KAAEC,EAAc,KACqD,IAA9B,aAA8B,GAAhFC,EAAoB,KAAEC,EAAuB,KAE/CC,GAAW,OAAc,YACzBC,GAAS,SAEf,GAII,EAAAC,EAAA,KAHFC,EAAsB,EAAtBA,uBACAC,EAAe,EAAfA,gBACAC,EAAsB,EAAtBA,uBAGIC,GAAwBH,aAAsB,EAAtBA,EAAwBnD,SAAUuD,EAAA,+BAEhE,SAASC,IACPC,EAAA,gBACE,CAAE/F,GAAIoF,EAAqBpF,IAC3B,CACEgG,WAAY,WACZC,OAAQ,kBACRC,SAAU,kBACVC,cAAe,cACfC,WAAY,YACZC,aAAc,UAIlB,IAAMrB,EAAiBsB,EAAA,oBAAiCC,QAOpD3B,EAA6B,sBAA+BI,IAC9D,eAA2BA,EAAgB,CAAEwB,SAAS,IAEtD,eAA2B,CACzB3B,YAAa,cACbC,OAAQ,qBAIZK,GAAe,GACfzH,EAAM+I,YACR,CAEA,SAASC,IACPvB,GAAe,GACfI,EAAOoB,MAAMhC,EAAA,YAA0BF,EAAW,SACpD,CAEA,SAAS3G,IAGP,OAFAqH,GAAe,GAERO,EAAgBN,EAAsB,sBAC1CwB,KAAKd,GAAU,MACTY,EACX,CASA,SAASG,IACPd,EAAA,gBACE,CACE/D,IAAK,eAA2B,CAC9B6C,YAAa,YACbC,OAAQ,sBAGZ,CACEkB,WAAY,WACZC,OAAQ,aACRG,WAAY,YACZF,SAAU,mBAGhB,CAiBA,aAAgB,WACTP,IAA0BC,GAG/BP,EAAwB7D,EAAA,QAAkBiE,GAC5C,GAAG,CAAEG,EAAuBD,IAE5B,IAAMmB,EAAU,WAAH,OACX,gBAACC,EAAA,EAAY,KACX,gBAACA,EAAA,SAAmB,CAClBC,QAAQ,OACRlJ,QAASA,EACTmJ,KAAMvC,EAAU,OAChBQ,YAAaA,EACbpE,WApDC8E,IAGGR,EAkDJvH,UAAU,YAEC,EAGXqJ,EAAY,WAAH,OACb,uBAAKrJ,UAAU,oBACb,gBAACJ,EAAA,EAAqB,CACpBG,KAAM,eAA2B,CAAEiH,YAAa,YAAqBC,OAAQ,qBAC7EhH,QAAS+I,IAEP,EAgER,OAAKlB,EAIH,gBAACwB,EAAA,EAAK,CACJlE,MAAOyB,EAAU,SACjBzC,KA9GEqD,EACK,MAELG,aAAsB,EAAtBA,EAAwBnD,QAAS,EAC5B,KAEF,KAyGL8E,aAAcxB,EACda,WAAY/I,EAAM+I,WAClBY,UAAUzB,GAAwB,SAClC0B,gBAAiBC,EAAA,yBACjBC,UAAQ,GAEP5B,EACG,iBAlDyB,WAAH,OAC5B,uBAAK/H,UAAS,UAAK,uBACjB,sBAAIA,UAAU,kBACZ,gBAAC4J,EAAA,EAAI,CACHhD,UAAWA,EACXiD,OAAO,iBAGX,qBAAG7J,UAAU,eACX,gBAAC4J,EAAA,EAAI,CAAChD,UAAWA,EAAWiD,OAAO,wBAErC,uBAAK7J,UAAU,qBACb,sBAAIA,UAAS,+BAA0B,mBACpC4H,aAAsB,EAAtBA,EAAwB5F,KAAI,SAAC8H,G,MAC5B,OAAIA,EAAaC,OAASC,EAAA,UACjB,gBAAC,WAAc,CAAClH,IAAKgH,EAAa3H,KAGzC,gBAAC,KAAc,CACbW,IAAKgH,EAAa3H,GAClByC,KAAMkF,EAAalF,KACnBC,SAAUX,EAAA,YAAwC,QAAlB,EAAA4F,EAAa7F,aAAK,eAAEE,IAAK,CAAEC,KAAM,eAAuB,GACxFnE,QAAS,kBAAMuH,EAAwBsC,EAAa,EACpDhF,YAAYyC,aAAoB,EAApBA,EAAsBpF,MAAO2H,EAAa3H,GACtD8C,aAAY,UAAK,iBAAqB,QACtCU,aAAW,GAGjB,MAGJ,gBAACsD,EAAO,MACR,gBAACI,EAAS,MACN,GAiByB,MACzB,iBA5E0B,WAAH,OAC7B,uBAAKrJ,UAAS,UAAK,uBACjB,uBAAKA,UAAU,uBACb,uBACEiK,IAAKC,EAAA,iBACLlK,UAAU,YACVmK,IAAI,MAGR,sBAAInK,UAAU,kBACZ,gBAAC4J,EAAA,EAAI,CACHhD,UAAWA,EACXiD,OAAO,iBAGX,qBAAG7J,UAAU,eACX,gBAAC4J,EAAA,EAAI,CAAChD,UAAWA,EAAWiD,OAAO,mBAErC,uBAAK7J,UAAU,QACb,gBAACiJ,EAAO,OAEV,gBAACI,EAAS,MACN,GAsD0B,OAdzB,gCAkBX,C,mCCjQA,SAAgB,KAAO,QAAQ,QAAU,Q","sources":["file:///app/packages/libs/shared/src/apps/sign-up/components/general/existing-account-sign-in/ExistingAccountSignIn.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/footer/onboarding-footer.scss","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/footer/OnboardingFooter.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/topic-preferences/subject-preference-grid/SubjectPreferenceGrid.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/topic-preferences/subject-preference-item/SubjectPreferenceItem.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/preference-item.scss","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItemStatus.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.tsx","file:///app/packages/libs/shared/src/apps/subjects/contexts/TopicPreferencesContext.ts","file:///app/packages/libs/shared/src/hooks/UseGetMediaQueryString.ts","file:///app/packages/projects/lite/src/shared/views/welcome-popup/welcome-popup.scss","file:///app/packages/projects/lite/src/shared/views/welcome-popup/WelcomePopupView.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/topic-preferences/subject-preference-grid/subject-preference-grid.scss"],"sourcesContent":["import React from 'react';\n\ninterface ExistingAccountSignInProps {\n onClick: (e: React.MouseEvent<Element, MouseEvent>) => void;\n link: string;\n}\n\nexport function ExistingAccountSignIn(props: ExistingAccountSignInProps): JSX.Element {\n return (\n <>\n Have a ClickView account already?\n <a href={props.link} className='info-link ms-1' onClick={props.onClick}>\n Sign in\n </a>\n </>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"stickyFooter\":\"rIUL4\",\"nonStickyFooter\":\"PuC_F\"};","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\nimport { useResizeListener } from 'libs/shared/hooks/UseResizeListener';\n\nimport styles from './onboarding-footer.scss';\n\nconst SCROLL_TOLERANCE = 50; // value in px\n\ninterface OnboardingFooterProps extends React.PropsWithChildren<unknown> {\n justify?: 'end' | 'center' | 'between';\n}\n\nOnboardingFooter.defaultProps = {\n justify: 'between'\n};\n\nfunction StickyFooter(props: OnboardingFooterProps): JSX.Element {\n const justifyClass = `justify-content-${props.justify}`;\n\n return (\n <div className={`py-3 bg-white ${styles.stickyFooter}`}>\n <div className={`w-75 mx-auto d-flex ${justifyClass}`}>\n {props.children}\n </div>\n </div>\n );\n}\n\nfunction NonStickyFooter(props: OnboardingFooterProps): JSX.Element {\n const mediaQuery = useGetMediaQueryString();\n const widthClass = (mediaQuery === MediaQueryStrings.SM || mediaQuery === MediaQueryStrings.XS) ? 'w-100' : 'w-75';\n\n const justifyClass = `justify-content-${props.justify}`;\n\n return (\n <div className={`${widthClass} ${justifyClass} ${styles.nonStickyFooter} d-flex px-3`}>\n {props.children}\n </div>\n );\n}\n\nexport function OnboardingFooter(props: OnboardingFooterProps): JSX.Element {\n const isScrolledToBottom = () => {\n return (window.innerHeight + window.scrollY) >= (document.body.offsetHeight - SCROLL_TOLERANCE);\n };\n\n const [ isSticky, setIsSticky ] = React.useState(false);\n\n React.useEffect(() => setIsSticky(!isScrolledToBottom()), []);\n\n function onViewportChange(): void {\n const shouldSetToSticky = !isScrolledToBottom();\n\n if (isSticky && !shouldSetToSticky) {\n setIsSticky(false);\n return;\n }\n\n if (!isSticky && shouldSetToSticky)\n setIsSticky(true);\n }\n\n const throttledOnViewportChange = FunctionHelper.throttle(onViewportChange, 100);\n\n React.useEffect(() => {\n window.addEventListener('scroll', throttledOnViewportChange);\n return () => window.removeEventListener('scroll', throttledOnViewportChange);\n }, [ isSticky, setIsSticky ]);\n\n useResizeListener(throttledOnViewportChange, throttledOnViewportChange, [ isSticky, setIsSticky ]);\n\n return isSticky\n ? <StickyFooter {...props}>{props.children}</StickyFooter>\n : <NonStickyFooter {...props}>{props.children}</NonStickyFooter>;\n}","import * as React from 'react';\n\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { SubjectPreferenceItem } from 'libs/shared/apps/subjects/components/preferences';\nimport { TopicPreferencesContext } from 'libs/shared/apps/subjects/contexts/TopicPreferencesContext';\nimport { ClassificationPreference } from 'libs/shared/apps/subjects/interfaces/ClassificationPreference';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\nimport { Classification } from 'libs/shared/interfaces';\n\nimport styles from './subject-preference-grid.scss';\n\nfunction useGetRowItemCapacity(): number {\n const viewportWidth = useGetMediaQueryString();\n\n switch (viewportWidth) {\n case MediaQueryStrings.LG:\n default:\n return 5;\n\n case MediaQueryStrings.MD:\n return 4;\n\n case MediaQueryStrings.SM:\n return 3;\n\n case MediaQueryStrings.XS:\n return 2;\n }\n}\n\nfunction isDisabled(subject: ClassificationPreference, expandedSubject: ClassificationPreference): boolean {\n if (!expandedSubject || subject.id === expandedSubject.id)\n return false;\n\n if (expandedSubject.children.find(child => child.id === subject.id))\n return false;\n\n return true;\n}\n\ninterface SubjectPreferenceGridRowProps extends SubjectPreferenceGridProps {}\n\nfunction SubjectPreferenceGridRow(props: SubjectPreferenceGridRowProps): JSX.Element {\n const { expandedSubject, selectedSubjects: selections } = React.useContext(TopicPreferencesContext);\n\n return (\n <>\n {props.subjects.map(subject => {\n const itemDisabled = isDisabled(subject, expandedSubject);\n\n let clickHandler = props.onSelect;\n\n if (subject.isExpandableOption)\n clickHandler = props.onExpand;\n\n if (itemDisabled)\n clickHandler = props.onCollapse;\n\n if (props.hasSelectedBulk)\n clickHandler = () => {};\n\n return (\n <SubjectPreferenceItem\n key={subject.id}\n subject={subject}\n selected={!props.hasSelectedBulk && selections.includes(subject.id)}\n disabled={props.hasSelectedBulk || itemDisabled}\n onClick={() => clickHandler(subject)}\n hasSelectedBulk={props.hasSelectedBulk}\n />\n );\n })}\n </>\n );\n}\n\ninterface SubjectPreferenceGridProps {\n subjects: ClassificationPreference[];\n onSelect: (subject: Classification) => void;\n onExpand: (subject: Classification) => void;\n onCollapse: (subject: Classification) => void;\n hasSelectedBulk?: boolean;\n}\n\nexport function SubjectPreferenceGrid(props: SubjectPreferenceGridProps): JSX.Element {\n const { subjects, hasSelectedBulk, ...eventHandlers } = props;\n const { expandedSubject } = React.useContext(TopicPreferencesContext);\n\n const itemsPerRow = useGetRowItemCapacity();\n\n /**\n * This is an array of arrays, where each sub-array is a row of classifications.\n * We do this to make sure any sub-grid's of child preference options get rendered in the row\n * directly beneath their parent's row.\n */\n const subjectRows = subjects.reduce((\n acc: ClassificationPreference[][],\n subject: ClassificationPreference,\n index: number\n ) => {\n index % itemsPerRow === 0\n ? acc.push([subject]) // Start a new row\n : ArrayHelper.last(acc).push(subject); // Fill up an existing row\n\n return acc;\n }, []);\n\n return (\n <ul className={styles.grid}>\n {subjectRows.map((row, i) => {\n const isExpanded = expandedSubject && !!row.find(subject => {\n return expandedSubject.id === subject.id && subject.isExpandableOption;\n });\n\n return (\n <React.Fragment key={i}>\n <SubjectPreferenceGridRow\n subjects={row}\n hasSelectedBulk={hasSelectedBulk}\n {...eventHandlers}\n />\n\n {isExpanded && (\n <li className={`${styles.subgrid} m-0`}>\n <SubjectPreferenceGrid\n subjects={expandedSubject.children as ClassificationPreference[]}\n hasSelectedBulk={hasSelectedBulk}\n {...eventHandlers}\n />\n </li>\n )}\n </React.Fragment>\n );\n })}\n </ul>\n );\n}","import * as React from 'react';\n\nimport { PreferenceItem } from 'libs/shared/apps/subjects/components/preferences/preference-item/PreferenceItem';\nimport { TopicPreferencesContext } from 'libs/shared/apps/subjects/contexts/TopicPreferencesContext';\nimport { ClassificationPreference } from 'libs/shared/apps/subjects/interfaces/ClassificationPreference';\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\ninterface SubjectPreferenceItemProps {\n subject: ClassificationPreference;\n selected: boolean;\n disabled?: boolean;\n onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\n extraClasses?: string;\n hideStatus?: boolean;\n hasSelectedBulk?: boolean;\n}\n\nexport function SubjectPreferenceItem(props: SubjectPreferenceItemProps): JSX.Element {\n const context = React.useContext(TopicPreferencesContext);\n\n const coverUrl = props.subject.cover ? ImageHelper.createUrl(props.subject.cover.url, { size: ImageSize.Small }) : '';\n\n const childIds = props.subject.isExpandableOption ? props.subject.children.map(child => child.id) : [];\n const selectedChildCount = !props.hasSelectedBulk\n ? context?.selectedSubjects?.filter(selection => childIds.includes(selection)).length\n : 0;\n\n const component = (\n <PreferenceItem\n name={props.subject.name}\n imageUrl={coverUrl}\n onClick={props.onClick}\n isSelected={props.selected}\n isDisabled={props.disabled}\n isExpandable={props.subject.isExpandableOption}\n expand={context?.expandedSubject?.id === props.subject.id}\n selectedChildCount={selectedChildCount}\n extraClasses={props.extraClasses}\n hideStatus={props.hideStatus}\n />\n );\n\n return props.disabled\n ? <span>{component}</span>\n : <Tooltip title={props.subject.name}><span>{component}</span></Tooltip>;\n}","// extracted by mini-css-extract-plugin\nexport default {\"preferenceItem\":\"PSWHa\",\"expandCaret\":\"CCsqs\",\"up\":\"w7N1R\",\"down\":\"mO0Kn\",\"disabled\":\"Oyw2x\",\"selected\":\"Czk2N\",\"noBorder\":\"_e7oe\",\"textBox\":\"pfksF\",\"itemStatus\":\"H4u81\",\"unchecked\":\"iYkPv\",\"green\":\"w5g0e\"};","import * as React from 'react';\n\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './preference-item.scss';\n\ninterface ExpandableItemStatusProps {\n selectedChildrenCount: number;\n}\n\nexport const ExpandableItemStatus = (props: ExpandableItemStatusProps): JSX.Element => {\n if (!props.selectedChildrenCount)\n return <></>;\n\n return (\n <div className={`${styles.itemStatus} ${styles.green}`}>\n {props.selectedChildrenCount}\n </div>\n );\n};\n\ninterface SelectableItemStatusProps {\n selected: boolean;\n radioButton?: boolean;\n}\n\nexport const SelectableItemStatus = (props: SelectableItemStatusProps): JSX.Element => {\n let svg;\n\n if (props.selected)\n svg = <SvgContainer svgName={cvSvgLibrary.Check} />;\n else if (!props.radioButton)\n svg = <SvgContainer svgName={cvSvgLibrary.Plus} />;\n else\n svg = <> </>;\n\n return (\n <div className={`${styles.itemStatus} ${props.selected ? styles.green : styles.unchecked}`}>\n {svg}\n </div>\n );\n};\n","import React from 'react';\n\nimport { ExpandableItemStatus, SelectableItemStatus } from './PreferenceItemStatus';\n\nimport styles from './preference-item.scss';\n\ninterface PreferenceItemProps {\n name: string;\n imageUrl: string;\n\n onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\n isDisabled?: boolean;\n isSelected: boolean;\n hideStatus?: boolean;\n radioButton?: boolean;\n\n isExpandable?: boolean;\n expand?: boolean;\n selectedChildCount?: number;\n\n extraClasses?: string;\n}\n\nexport function PreferenceItem(props: PreferenceItemProps): JSX.Element {\n function getContainerClass(): string {\n let baseClass = `rounded-3 ${styles.preferenceItem}`;\n\n if (props.extraClasses)\n baseClass += ' ' + props.extraClasses;\n\n if (props.isDisabled)\n baseClass += ' ' + styles.disabled;\n\n if (props.isSelected && !props.isExpandable)\n baseClass += ' ' + styles.selected;\n\n if (props.hideStatus)\n baseClass += ' ' + styles.noBorder;\n\n return baseClass;\n }\n\n const caretClass = `${styles.expandCaret} ${props.expand ? styles.up : styles.down}`;\n\n return (\n <li\n className={getContainerClass()}\n onClick={props.onClick}\n aria-checked={props.isSelected}\n aria-haspopup={props.isExpandable}\n role={props.isExpandable ? 'button' : 'checkbox'}\n style={{ backgroundImage: `url(${props.imageUrl})` }}\n tabIndex={0}\n title={props.name}\n >\n <div className={`${styles.textBox} p-2`}>\n <p className='text-truncate mb-0'>\n {props.name}\n <span className={props.isExpandable ? caretClass : ''} />\n </p>\n\n {!props.hideStatus && (\n <>{props.isExpandable\n ? <ExpandableItemStatus selectedChildrenCount={props.selectedChildCount} />\n : <SelectableItemStatus selected={props.isSelected} radioButton={props.radioButton} />\n }</>\n )}\n </div>\n </li>\n );\n}","import { createContext } from 'react';\n\nimport { ClassificationPreference } from '../interfaces/ClassificationPreference';\n\ninterface TopicPreferencesContextFields {\n selectedSubjects: string[];\n expandedSubject: ClassificationPreference;\n}\n\nexport const TopicPreferencesContext = createContext<TopicPreferencesContextFields>(undefined);","import { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\n\nimport { useMediaQuery } from './UseMediaQuery';\n\n/**\n * @deprecated Please use useBreakpoints() instead\n */\nexport function useGetMediaQueryString(): MediaQueryStrings {\n const isXS = useMediaQuery(MediaQueryStrings.XS);\n const isSM = useMediaQuery(MediaQueryStrings.SM);\n const isMD = useMediaQuery(MediaQueryStrings.MD);\n const isLG = useMediaQuery(MediaQueryStrings.LG);\n const isXL = useMediaQuery(MediaQueryStrings.XL);\n const isXXL = useMediaQuery(MediaQueryStrings.XXL);\n\n let currentString = MediaQueryStrings.LG; // default\n if (isXS) currentString = MediaQueryStrings.XS;\n if (isSM) currentString = MediaQueryStrings.SM;\n if (isMD) currentString = MediaQueryStrings.MD;\n if (isLG) currentString = MediaQueryStrings.LG;\n if (isXL) currentString = MediaQueryStrings.XL;\n if (isXXL) currentString = MediaQueryStrings.XXL;\n\n return currentString;\n}","// extracted by mini-css-extract-plugin\nexport default {\"preferenceList\":\"oHNZN\",\"preferenceItem\":\"olBqT\",\"largePopup\":\"x3Oot\",\"selectPresentation\":\"b2r5s\",\"switchPresentation\":\"NIIWc\"};","import React from 'react';\n\nimport { AppLinkHelper } from 'libs/common/backbone/core';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { ClickDescriptor, EntityType, EventVersion, LocationContext, SignUpDescriptors, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { ExistingAccountSignIn } from 'libs/shared/apps/sign-up/components/general/existing-account-sign-in/ExistingAccountSignIn';\nimport { PreferenceItem } from 'libs/shared/apps/subjects/components/preferences';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { TopicsConstants } from 'libs/shared/constants/TopicsConstants';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { ContextService } from 'libs/shared/services/ContextService';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nimport styles from './welcome-popup.scss';\n\nconst namespace = 'settings.welcomePopup';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst PRESERVE_APPLINK_REDIRECTION: HashObject = [\n { application: AppChannels.CONTENT_UPDATES, action: Actions.ContentUpdates.CONTENT_UPDATES },\n { application: AppChannels.MOVIES_AND_TV, action: Actions.MoviesAndTv.HOME }\n].reduce((prev: HashObject, currentAppLink: Core.AppLink) => {\n prev[AppLinkHelper.getAppLinkString(currentAppLink)] = true;\n return prev;\n}, {});\n \ninterface WelcomePopupViewProps {\n closePopup: () => void;\n}\n\nexport function WelcomePopupView(props: WelcomePopupViewProps): JSX.Element {\n const [ showSpinner, setShowSpinner ] = React.useState<boolean>(false);\n const [ selectedPresentation, setSelectedPresentation ] = React.useState<Presentation>();\n\n const isMobile = useMediaQuery(MediaQueryStrings.SMDown);\n const alerts = useAlerts();\n\n const {\n availablePresentations,\n setPresentation,\n hasPresentationsLoaded\n } = usePresentation();\n\n const canSelectPresentation = availablePresentations?.length >= TopicsConstants.MULTI_PRESENTATION_THRESHOLD;\n\n function onSuccess(): void {\n AnalyticsHelper.logUserAction(\n { id: selectedPresentation.id },\n {\n actionType: UserAction.Click,\n entity: EntityType.Presentation,\n location: LocationContext.WelcomePopup,\n workflowPhase: WorkflowPhase.Complete,\n descriptor: ClickDescriptor.Button,\n eventVersion: EventVersion.V3\n }\n );\n\n const currentAppLink = ContextService.getCurrentRoute().appLink;\n\n /**\n * When accessing a top-level landing page that can have multiple alternates depending on the school\n * level, we'll redirect the user to the appropriate page once they've nomnated their school-level\n * preference. In all other cases we'll default to redirecting to Discover.\n */\n if (PRESERVE_APPLINK_REDIRECTION[AppLinkHelper.getAppLinkString(currentAppLink)]) {\n Core.AppLinkHelper.trigger(currentAppLink, { replace: true });\n } else {\n Core.AppLinkHelper.trigger({\n application: AppChannels.DASHBOARD,\n action: Actions.Dashboard.HOME\n });\n }\n\n setShowSpinner(false);\n props.closePopup();\n }\n\n function onError(): void {\n setShowSpinner(false);\n alerts.error(LanguageService.getPhrase(namespace, 'error'));\n }\n\n function onClick(): Promise<void> {\n setShowSpinner(true);\n \n return setPresentation(selectedPresentation, 'activeAndPreferred')\n .then(onSuccess)\n .catch(onError);\n }\n\n function isDisabled(): boolean {\n if (!canSelectPresentation)\n return false;\n\n return !selectedPresentation;\n }\n\n function onClickSignIn(): void {\n AnalyticsHelper.logUserAction(\n {\n url: Core.AppLinkHelper.getHref({\n application: AppChannels.DEFAULT,\n action: Actions.Default.LOG_IN\n })\n },\n {\n actionType: UserAction.Click,\n entity: EntityType.AppLink,\n descriptor: SignUpDescriptors.SignIn,\n location: LocationContext.WelcomePopup\n }\n );\n }\n\n function getPopupSize(): 'md' | 'lg'| 'sm' {\n if (isMobile)\n return 'sm';\n\n if (availablePresentations?.length > 2)\n return 'lg';\n\n return 'md';\n }\n\n /**\n * If there's only one presentation, we still need to set it in\n * LocalStorage for public users. This is to ensure that they're not displayed\n * the popup each and every time.\n */\n React.useEffect(() => {\n if (!hasPresentationsLoaded || canSelectPresentation)\n return;\n\n setSelectedPresentation(ArrayHelper.first(availablePresentations));\n }, [ canSelectPresentation, hasPresentationsLoaded ]);\n\n const Buttons = () => (\n <PopupButtons>\n <PopupButtons.Submit\n variant='dark'\n onClick={onClick}\n text={getPhrase('cta')}\n showSpinner={showSpinner}\n disabled={isDisabled()}\n className='mx-auto'\n />\n </PopupButtons>\n );\n\n const LoginLink = () => (\n <div className='mt-3 text-center'>\n <ExistingAccountSignIn\n link={Core.AppLinkHelper.getHref({ application: AppChannels.DEFAULT, action: Actions.Default.LOG_IN })}\n onClick={onClickSignIn}\n />\n </div>\n );\n\n const SinglePresentationContent = () => (\n <div className={`${styles.selectPresentation}`}>\n <div className='d-block mx-auto p-4'>\n <img\n src={ImageUrls.SignUp.UPGRADE}\n className='img-fluid'\n alt=''\n />\n </div>\n <h2 className='h4 text-center'>\n <Text\n namespace={namespace}\n phrase='infoPrimary'\n />\n </h2>\n <p className='text-center'>\n <Text namespace={namespace} phrase='infoSecondary' />\n </p>\n <div className='mt-3'>\n <Buttons />\n </div>\n <LoginLink />\n </div>\n );\n\n const MultiPresentationContent = () => (\n <div className={`${styles.selectPresentation}`}>\n <h2 className='h4 text-center'>\n <Text\n namespace={namespace}\n phrase='infoPrimary'\n />\n </h2>\n <p className='text-center'>\n <Text namespace={namespace} phrase='infoSecondaryMulti' />\n </p>\n <div className='position-relative'>\n <ul className={`list-unstyled d-flex ${styles.preferenceList}`}>\n {availablePresentations?.map((presentation: Presentation) => {\n if (presentation.type !== PresentationType.Subject)\n return <React.Fragment key={presentation.id}></React.Fragment>;\n\n return (\n <PreferenceItem\n key={presentation.id}\n name={presentation.name}\n imageUrl={ImageHelper.createUrl(presentation.cover?.url, { size: ImageSize.Medium }) || ''}\n onClick={() => setSelectedPresentation(presentation)}\n isSelected={selectedPresentation?.id === presentation.id}\n extraClasses={`${styles.preferenceItem} m-2`}\n radioButton\n />\n );\n })}\n </ul>\n </div>\n <Buttons />\n <LoginLink />\n </div>\n );\n\n if (!hasPresentationsLoaded)\n return <></>;\n\n return (\n <Popup\n title={getPhrase('title')}\n size={getPopupSize()}\n closeButton={!canSelectPresentation}\n closePopup={props.closePopup}\n backdrop={canSelectPresentation ? 'static' : true}\n dialogClassName={SeoConstants.WELCOME_POPUP_SELECTOR}\n centered\n >\n {canSelectPresentation\n ? <MultiPresentationContent />\n : <SinglePresentationContent />\n }\n </Popup>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"grid\":\"X9r1Y\",\"subgrid\":\"TgYhp\"};"],"names":["ExistingAccountSignIn","props","href","link","className","onClick","SCROLL_TOLERANCE","StickyFooter","justifyClass","justify","children","NonStickyFooter","mediaQuery","widthClass","OnboardingFooter","isScrolledToBottom","window","innerHeight","scrollY","document","body","offsetHeight","isSticky","setIsSticky","throttledOnViewportChange","FunctionHelper","shouldSetToSticky","addEventListener","removeEventListener","defaultProps","SubjectPreferenceGridRow","TopicPreferencesContext","expandedSubject","selections","selectedSubjects","subjects","map","subject","itemDisabled","id","find","child","isDisabled","clickHandler","onSelect","isExpandableOption","onExpand","onCollapse","hasSelectedBulk","SubjectPreferenceItem","key","selected","includes","disabled","SubjectPreferenceGrid","eventHandlers","itemsPerRow","useGetRowItemCapacity","subjectRows","reduce","acc","index","push","ArrayHelper","row","i","isExpanded","context","coverUrl","cover","ImageHelper","url","size","childIds","selectedChildCount","filter","selection","length","component","PreferenceItem","name","imageUrl","isSelected","isExpandable","expand","extraClasses","hideStatus","Tooltip","title","ExpandableItemStatus","selectedChildrenCount","SelectableItemStatus","svg","SvgContainer","svgName","radioButton","baseClass","caretClass","role","style","backgroundImage","tabIndex","createContext","undefined","useGetMediaQueryString","isXS","isSM","isMD","isLG","isXL","isXXL","currentString","namespace","getPhrase","LanguageService","PRESERVE_APPLINK_REDIRECTION","application","action","prev","currentAppLink","WelcomePopupView","showSpinner","setShowSpinner","selectedPresentation","setSelectedPresentation","isMobile","alerts","usePresentation","availablePresentations","setPresentation","hasPresentationsLoaded","canSelectPresentation","TopicsConstants","onSuccess","AnalyticsHelper","actionType","entity","location","workflowPhase","descriptor","eventVersion","ContextService","appLink","replace","closePopup","onError","error","then","onClickSignIn","Buttons","PopupButtons","variant","text","LoginLink","Popup","closeButton","backdrop","dialogClassName","SeoConstants","centered","Text","phrase","presentation","type","PresentationType","src","ImageUrls","alt"],"sourceRoot":""}
|