@clickview/lite 0.55.3-rc.2 → 0.56.1
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/css/{6341-lite-17d9d6716e.chunk.css → 6341-lite-f146164a09.chunk.css} +2 -2
- package/dist/css/{8784-lite-5a0ce019df.chunk.css → 8784-lite-caf4b7e145.chunk.css} +1 -1
- package/dist/css/{8945-lite-17d9d6716e.chunk.css → 8945-lite-f146164a09.chunk.css} +2 -2
- package/dist/css/{9355-lite-5a0ce019df.chunk.css → 9355-lite-caf4b7e145.chunk.css} +1 -1
- package/dist/scripts/{1169-f52e3a1569-lite.chunk.js → 1169-e4773094dc-lite.chunk.js} +2 -2
- package/dist/scripts/{1169-f52e3a1569-lite.chunk.js.map → 1169-e4773094dc-lite.chunk.js.map} +1 -1
- package/dist/scripts/2992-2b265c0b4c-lite.chunk.js +2 -0
- package/dist/scripts/2992-2b265c0b4c-lite.chunk.js.map +1 -0
- package/dist/scripts/{6102-6baf5789b9-lite.chunk.js → 6102-c7d7b15dd3-lite.chunk.js} +3 -3
- package/dist/scripts/{6102-6baf5789b9-lite.chunk.js.map → 6102-c7d7b15dd3-lite.chunk.js.map} +1 -1
- package/dist/scripts/{6341-3a1432093d-lite.chunk.js → 6341-f07132fa7c-lite.chunk.js} +1 -1
- package/dist/scripts/{6341-3a1432093d-lite.chunk.js.map → 6341-f07132fa7c-lite.chunk.js.map} +1 -1
- package/dist/scripts/{8784-5f2be81ef9-lite.chunk.js → 8784-d6862c97bc-lite.chunk.js} +1 -1
- package/dist/scripts/{8784-5f2be81ef9-lite.chunk.js.map → 8784-d6862c97bc-lite.chunk.js.map} +1 -1
- package/dist/scripts/{8945-20a061665b-lite.chunk.js → 8945-3ea21e765e-lite.chunk.js} +1 -1
- package/dist/scripts/{8945-20a061665b-lite.chunk.js.map → 8945-3ea21e765e-lite.chunk.js.map} +1 -1
- package/dist/scripts/{9355-9258c8643d-lite.chunk.js → 9355-44d72e25e0-lite.chunk.js} +1 -1
- package/dist/scripts/{9355-9258c8643d-lite.chunk.js.map → 9355-44d72e25e0-lite.chunk.js.map} +1 -1
- package/dist/scripts/{9569-c5cef8bb45-lite.chunk.js → 9569-c6292540d7-lite.chunk.js} +2 -2
- package/dist/scripts/9569-c6292540d7-lite.chunk.js.map +1 -0
- package/dist/scripts/bundle-dae1d0bed3.min.js +3 -0
- package/dist/scripts/{bundle-7b013435dc.min.js.map → bundle-dae1d0bed3.min.js.map} +1 -1
- package/package.json +1 -1
- package/dist/scripts/2992-c5bec5b43f-lite.chunk.js +0 -2
- package/dist/scripts/2992-c5bec5b43f-lite.chunk.js.map +0 -1
- package/dist/scripts/9569-c5cef8bb45-lite.chunk.js.map +0 -1
- package/dist/scripts/bundle-7b013435dc.min.js +0 -3
- /package/dist/scripts/{6102-6baf5789b9-lite.chunk.js.LICENSE.txt → 6102-c7d7b15dd3-lite.chunk.js.LICENSE.txt} +0 -0
- /package/dist/scripts/{bundle-7b013435dc.min.js.LICENSE.txt → bundle-dae1d0bed3.min.js.LICENSE.txt} +0 -0
package/dist/bundles.json
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
.FFgf3{border-top-left-radius:.6rem;border-top-right-radius:.6rem;filter:drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.1))}.z4O5p{width:auto;object-fit:contain;left:50% !important;transform:translateX(-50%)}.Xy4zX{top:auto !important;bottom:0 !important}
|
|
34
34
|
.bYRn8{border-top-left-radius:.6rem;border-top-right-radius:.6rem;filter:drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.1))}.CjuxU{width:25%}@media(max-width: 1199.98px){.CjuxU.IuRN0{width:33.33333%}}@media(max-width: 767.98px){.CjuxU.IuRN0{width:50%}}@media(max-width: 575.98px){.CjuxU.IuRN0{width:100%}}.CjuxU.VdJvp{width:33.3333333333%}@media(max-width: 575.98px){.CjuxU.VdJvp{width:50%}}.QK8Jh{position:relative;padding-bottom:56.25%;width:100%}.eiC_H{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.huIRg .FsIJm{display:none;position:absolute;top:.625rem;right:.625rem;z-index:5}.huIRg:hover .FsIJm{display:block}.DpeSr:hover{text-decoration:underline}.ZbalL{height:85%}.ZbalL.PwOSX{height:66.6666666667%}.ZHAEj{background-color:#e0f3ff}.ZHAEj .k3ei6{color:#38a2e8}.ZHAEj.BLrWL:hover{background-color:#eff9ff}.Qz8JE{background-color:#e0dfff}.Qz8JE .k3ei6{color:#7a76e8}.Qz8JE.BLrWL:hover{background-color:#f0efff}.qNspk{background-color:#f8e1ff}.qNspk .k3ei6{color:#b679c7}.qNspk.BLrWL:hover{background-color:#fcf0ff}.R0huw{background-color:#d8ffe7}.R0huw .k3ei6{color:#5dc786}.R0huw.BLrWL:hover{background-color:#e5ffef}.H_zGf{background-color:#cdfcff}.H_zGf .k3ei6{color:#40bcc3}.H_zGf.BLrWL:hover{background-color:#e3feff}.AgeLb{width:auto;object-fit:contain;left:50% !important;transform:translateX(-50%)}.DKneu{color:#313543;background-color:rgba(250,250,250,.8);border-radius:50%;width:2rem;height:2rem}.DKneu:hover{background-color:#fff}
|
|
35
35
|
.m6mGm{border-left:2px solid #333;padding-left:.625rem}.QptZj{padding:.625rem;text-decoration:none;position:relative;display:block}.QptZj:hover{background-color:#eef8ff;text-decoration:none;cursor:pointer}.QptZj:first-child::after{display:block;content:"";background-color:#fff;height:calc(50% - .375rem + .05rem);width:.625rem;top:-0.05rem;position:absolute;left:-1rem}.QptZj:last-child::after{display:block;content:"";background-color:#fff;height:calc(50% - .375rem);width:.625rem;position:absolute;bottom:0;left:-1rem}._AZa8::before{position:absolute;left:-1.06rem;top:calc(50% - .375rem);display:block;content:"";height:.75rem;width:.75rem;border-radius:50%;background-color:#333}.Nuiel{background-color:#f8f8f8;font-weight:500}.Nuiel::before{position:absolute;left:-1.06rem;top:calc(50% - .375rem);display:block;content:"";height:.75rem;width:.75rem;border-radius:50%;background-color:#333}.WIzWJ:hover{cursor:default;background-color:#fff}.WIzWJ{pointer-events:none}.ARudn{position:absolute;right:0;width:fit-content;padding:0}.ARudn .tEF5Q{display:none}.ARudn .Ql2wi{display:block}.ARudn:hover .Ql2wi{display:none}.ARudn:hover .tEF5Q{display:block}
|
|
36
|
-
.
|
|
36
|
+
.kd9hB{position:sticky;top:5.4375rem;height:100%;z-index:80}.qA4yj{padding-right:0;height:fit-content}.j28IY .qA4yj{min-width:10rem}.j28IY .sFoPk{display:none;right:0;top:0}.j28IY:hover .sFoPk{display:block}.PYyBV .MTodB{display:none}.PYyBV .W76p8{display:block}.PYyBV:hover .W76p8{display:none}.PYyBV:hover .MTodB{display:block}
|
|
37
37
|
.UCAnJ:after{content:none}
|
|
38
38
|
.wTlJJ{font-size:.75rem;font-weight:500}.Vaout .badge{height:1.25rem;display:flex;align-items:center}
|
|
39
39
|
.LL7My{position:absolute;width:100%;height:100%;z-index:5;background-color:#333;opacity:.5;transition:opacity 100ms ease-in-out}.x_1f6{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%, -50%);color:#fff;opacity:1;width:6.25rem;height:6.25rem}.QoLgZ{background-size:cover}.BcnSH{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%, -50%);color:#fff;opacity:1}
|
|
@@ -44,4 +44,4 @@
|
|
|
44
44
|
@media(max-width: 991.98px){._4ms1w .classroom-guide-tag{padding-right:.3125rem !important}._4ms1w .classroom-guide-tag .classroom-guide-tag-label{display:none}}
|
|
45
45
|
@media(max-width: 991.98px){.ggZzR .classroom-guide-tag{padding-right:.3125rem !important}.ggZzR .classroom-guide-tag .classroom-guide-tag-label{display:none}}
|
|
46
46
|
.xaH09{box-shadow:0px 5px 10px rgba(51,51,51,.3)}.kO5Q0{margin:0 -0.625rem}@media(max-width: 767.98px){.kO5Q0{margin:0}}.FP8l5 .rating-badge{height:1.3rem;font-size:90%;font-weight:500}.FP8l5 .duration-badge-new{height:1.3rem;font-size:90%;font-weight:500}.FP8l5 .draft-badge{height:1.3rem;font-size:90%;font-weight:500}.FP8l5 .audience-label{height:1.3rem;font-size:90%}.HF8j1{opacity:.5}
|
|
47
|
-
.xSI0l.j5FCv{width:calc(100% -
|
|
47
|
+
.xSI0l.j5FCv{width:calc(100% - 15rem)}
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
.FFgf3{border-top-left-radius:.6rem;border-top-right-radius:.6rem;filter:drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.1))}.z4O5p{width:auto;object-fit:contain;left:50% !important;transform:translateX(-50%)}.Xy4zX{top:auto !important;bottom:0 !important}
|
|
30
30
|
.bYRn8{border-top-left-radius:.6rem;border-top-right-radius:.6rem;filter:drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.1))}.CjuxU{width:25%}@media(max-width: 1199.98px){.CjuxU.IuRN0{width:33.33333%}}@media(max-width: 767.98px){.CjuxU.IuRN0{width:50%}}@media(max-width: 575.98px){.CjuxU.IuRN0{width:100%}}.CjuxU.VdJvp{width:33.3333333333%}@media(max-width: 575.98px){.CjuxU.VdJvp{width:50%}}.QK8Jh{position:relative;padding-bottom:56.25%;width:100%}.eiC_H{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.huIRg .FsIJm{display:none;position:absolute;top:.625rem;right:.625rem;z-index:5}.huIRg:hover .FsIJm{display:block}.DpeSr:hover{text-decoration:underline}.ZbalL{height:85%}.ZbalL.PwOSX{height:66.6666666667%}.ZHAEj{background-color:#e0f3ff}.ZHAEj .k3ei6{color:#38a2e8}.ZHAEj.BLrWL:hover{background-color:#eff9ff}.Qz8JE{background-color:#e0dfff}.Qz8JE .k3ei6{color:#7a76e8}.Qz8JE.BLrWL:hover{background-color:#f0efff}.qNspk{background-color:#f8e1ff}.qNspk .k3ei6{color:#b679c7}.qNspk.BLrWL:hover{background-color:#fcf0ff}.R0huw{background-color:#d8ffe7}.R0huw .k3ei6{color:#5dc786}.R0huw.BLrWL:hover{background-color:#e5ffef}.H_zGf{background-color:#cdfcff}.H_zGf .k3ei6{color:#40bcc3}.H_zGf.BLrWL:hover{background-color:#e3feff}.AgeLb{width:auto;object-fit:contain;left:50% !important;transform:translateX(-50%)}.DKneu{color:#313543;background-color:rgba(250,250,250,.8);border-radius:50%;width:2rem;height:2rem}.DKneu:hover{background-color:#fff}
|
|
31
31
|
.m6mGm{border-left:2px solid #333;padding-left:.625rem}.QptZj{padding:.625rem;text-decoration:none;position:relative;display:block}.QptZj:hover{background-color:#eef8ff;text-decoration:none;cursor:pointer}.QptZj:first-child::after{display:block;content:"";background-color:#fff;height:calc(50% - .375rem + .05rem);width:.625rem;top:-0.05rem;position:absolute;left:-1rem}.QptZj:last-child::after{display:block;content:"";background-color:#fff;height:calc(50% - .375rem);width:.625rem;position:absolute;bottom:0;left:-1rem}._AZa8::before{position:absolute;left:-1.06rem;top:calc(50% - .375rem);display:block;content:"";height:.75rem;width:.75rem;border-radius:50%;background-color:#333}.Nuiel{background-color:#f8f8f8;font-weight:500}.Nuiel::before{position:absolute;left:-1.06rem;top:calc(50% - .375rem);display:block;content:"";height:.75rem;width:.75rem;border-radius:50%;background-color:#333}.WIzWJ:hover{cursor:default;background-color:#fff}.WIzWJ{pointer-events:none}.ARudn{position:absolute;right:0;width:fit-content;padding:0}.ARudn .tEF5Q{display:none}.ARudn .Ql2wi{display:block}.ARudn:hover .Ql2wi{display:none}.ARudn:hover .tEF5Q{display:block}
|
|
32
|
-
.
|
|
32
|
+
.kd9hB{position:sticky;top:5.4375rem;height:100%;z-index:80}.qA4yj{padding-right:0;height:fit-content}.j28IY .qA4yj{min-width:10rem}.j28IY .sFoPk{display:none;right:0;top:0}.j28IY:hover .sFoPk{display:block}.PYyBV .MTodB{display:none}.PYyBV .W76p8{display:block}.PYyBV:hover .W76p8{display:none}.PYyBV:hover .MTodB{display:block}
|
|
33
33
|
.UCAnJ:after{content:none}
|
|
34
34
|
.wTlJJ{font-size:.75rem;font-weight:500}.Vaout .badge{height:1.25rem;display:flex;align-items:center}
|
|
35
35
|
.LL7My{position:absolute;width:100%;height:100%;z-index:5;background-color:#333;opacity:.5;transition:opacity 100ms ease-in-out}.x_1f6{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%, -50%);color:#fff;opacity:1;width:6.25rem;height:6.25rem}.QoLgZ{background-size:cover}.BcnSH{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%, -50%);color:#fff;opacity:1}
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
.FFgf3{border-top-left-radius:.6rem;border-top-right-radius:.6rem;filter:drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.1))}.z4O5p{width:auto;object-fit:contain;left:50% !important;transform:translateX(-50%)}.Xy4zX{top:auto !important;bottom:0 !important}
|
|
34
34
|
.bYRn8{border-top-left-radius:.6rem;border-top-right-radius:.6rem;filter:drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.1))}.CjuxU{width:25%}@media(max-width: 1199.98px){.CjuxU.IuRN0{width:33.33333%}}@media(max-width: 767.98px){.CjuxU.IuRN0{width:50%}}@media(max-width: 575.98px){.CjuxU.IuRN0{width:100%}}.CjuxU.VdJvp{width:33.3333333333%}@media(max-width: 575.98px){.CjuxU.VdJvp{width:50%}}.QK8Jh{position:relative;padding-bottom:56.25%;width:100%}.eiC_H{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.huIRg .FsIJm{display:none;position:absolute;top:.625rem;right:.625rem;z-index:5}.huIRg:hover .FsIJm{display:block}.DpeSr:hover{text-decoration:underline}.ZbalL{height:85%}.ZbalL.PwOSX{height:66.6666666667%}.ZHAEj{background-color:#e0f3ff}.ZHAEj .k3ei6{color:#38a2e8}.ZHAEj.BLrWL:hover{background-color:#eff9ff}.Qz8JE{background-color:#e0dfff}.Qz8JE .k3ei6{color:#7a76e8}.Qz8JE.BLrWL:hover{background-color:#f0efff}.qNspk{background-color:#f8e1ff}.qNspk .k3ei6{color:#b679c7}.qNspk.BLrWL:hover{background-color:#fcf0ff}.R0huw{background-color:#d8ffe7}.R0huw .k3ei6{color:#5dc786}.R0huw.BLrWL:hover{background-color:#e5ffef}.H_zGf{background-color:#cdfcff}.H_zGf .k3ei6{color:#40bcc3}.H_zGf.BLrWL:hover{background-color:#e3feff}.AgeLb{width:auto;object-fit:contain;left:50% !important;transform:translateX(-50%)}.DKneu{color:#313543;background-color:rgba(250,250,250,.8);border-radius:50%;width:2rem;height:2rem}.DKneu:hover{background-color:#fff}
|
|
35
35
|
.m6mGm{border-left:2px solid #333;padding-left:.625rem}.QptZj{padding:.625rem;text-decoration:none;position:relative;display:block}.QptZj:hover{background-color:#eef8ff;text-decoration:none;cursor:pointer}.QptZj:first-child::after{display:block;content:"";background-color:#fff;height:calc(50% - .375rem + .05rem);width:.625rem;top:-0.05rem;position:absolute;left:-1rem}.QptZj:last-child::after{display:block;content:"";background-color:#fff;height:calc(50% - .375rem);width:.625rem;position:absolute;bottom:0;left:-1rem}._AZa8::before{position:absolute;left:-1.06rem;top:calc(50% - .375rem);display:block;content:"";height:.75rem;width:.75rem;border-radius:50%;background-color:#333}.Nuiel{background-color:#f8f8f8;font-weight:500}.Nuiel::before{position:absolute;left:-1.06rem;top:calc(50% - .375rem);display:block;content:"";height:.75rem;width:.75rem;border-radius:50%;background-color:#333}.WIzWJ:hover{cursor:default;background-color:#fff}.WIzWJ{pointer-events:none}.ARudn{position:absolute;right:0;width:fit-content;padding:0}.ARudn .tEF5Q{display:none}.ARudn .Ql2wi{display:block}.ARudn:hover .Ql2wi{display:none}.ARudn:hover .tEF5Q{display:block}
|
|
36
|
-
.
|
|
36
|
+
.kd9hB{position:sticky;top:5.4375rem;height:100%;z-index:80}.qA4yj{padding-right:0;height:fit-content}.j28IY .qA4yj{min-width:10rem}.j28IY .sFoPk{display:none;right:0;top:0}.j28IY:hover .sFoPk{display:block}.PYyBV .MTodB{display:none}.PYyBV .W76p8{display:block}.PYyBV:hover .W76p8{display:none}.PYyBV:hover .MTodB{display:block}
|
|
37
37
|
.UCAnJ:after{content:none}
|
|
38
38
|
.wTlJJ{font-size:.75rem;font-weight:500}.Vaout .badge{height:1.25rem;display:flex;align-items:center}
|
|
39
39
|
.LL7My{position:absolute;width:100%;height:100%;z-index:5;background-color:#333;opacity:.5;transition:opacity 100ms ease-in-out}.x_1f6{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%, -50%);color:#fff;opacity:1;width:6.25rem;height:6.25rem}.QoLgZ{background-size:cover}.BcnSH{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%, -50%);color:#fff;opacity:1}
|
|
@@ -44,4 +44,4 @@
|
|
|
44
44
|
@media(max-width: 991.98px){._4ms1w .classroom-guide-tag{padding-right:.3125rem !important}._4ms1w .classroom-guide-tag .classroom-guide-tag-label{display:none}}
|
|
45
45
|
@media(max-width: 991.98px){.ggZzR .classroom-guide-tag{padding-right:.3125rem !important}.ggZzR .classroom-guide-tag .classroom-guide-tag-label{display:none}}
|
|
46
46
|
.xaH09{box-shadow:0px 5px 10px rgba(51,51,51,.3)}.kO5Q0{margin:0 -0.625rem}@media(max-width: 767.98px){.kO5Q0{margin:0}}.FP8l5 .rating-badge{height:1.3rem;font-size:90%;font-weight:500}.FP8l5 .duration-badge-new{height:1.3rem;font-size:90%;font-weight:500}.FP8l5 .draft-badge{height:1.3rem;font-size:90%;font-weight:500}.FP8l5 .audience-label{height:1.3rem;font-size:90%}.HF8j1{opacity:.5}
|
|
47
|
-
.xSI0l.j5FCv{width:calc(100% -
|
|
47
|
+
.xSI0l.j5FCv{width:calc(100% - 15rem)}
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
.FFgf3{border-top-left-radius:.6rem;border-top-right-radius:.6rem;filter:drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.1))}.z4O5p{width:auto;object-fit:contain;left:50% !important;transform:translateX(-50%)}.Xy4zX{top:auto !important;bottom:0 !important}
|
|
30
30
|
.bYRn8{border-top-left-radius:.6rem;border-top-right-radius:.6rem;filter:drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.1))}.CjuxU{width:25%}@media(max-width: 1199.98px){.CjuxU.IuRN0{width:33.33333%}}@media(max-width: 767.98px){.CjuxU.IuRN0{width:50%}}@media(max-width: 575.98px){.CjuxU.IuRN0{width:100%}}.CjuxU.VdJvp{width:33.3333333333%}@media(max-width: 575.98px){.CjuxU.VdJvp{width:50%}}.QK8Jh{position:relative;padding-bottom:56.25%;width:100%}.eiC_H{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.huIRg .FsIJm{display:none;position:absolute;top:.625rem;right:.625rem;z-index:5}.huIRg:hover .FsIJm{display:block}.DpeSr:hover{text-decoration:underline}.ZbalL{height:85%}.ZbalL.PwOSX{height:66.6666666667%}.ZHAEj{background-color:#e0f3ff}.ZHAEj .k3ei6{color:#38a2e8}.ZHAEj.BLrWL:hover{background-color:#eff9ff}.Qz8JE{background-color:#e0dfff}.Qz8JE .k3ei6{color:#7a76e8}.Qz8JE.BLrWL:hover{background-color:#f0efff}.qNspk{background-color:#f8e1ff}.qNspk .k3ei6{color:#b679c7}.qNspk.BLrWL:hover{background-color:#fcf0ff}.R0huw{background-color:#d8ffe7}.R0huw .k3ei6{color:#5dc786}.R0huw.BLrWL:hover{background-color:#e5ffef}.H_zGf{background-color:#cdfcff}.H_zGf .k3ei6{color:#40bcc3}.H_zGf.BLrWL:hover{background-color:#e3feff}.AgeLb{width:auto;object-fit:contain;left:50% !important;transform:translateX(-50%)}.DKneu{color:#313543;background-color:rgba(250,250,250,.8);border-radius:50%;width:2rem;height:2rem}.DKneu:hover{background-color:#fff}
|
|
31
31
|
.m6mGm{border-left:2px solid #333;padding-left:.625rem}.QptZj{padding:.625rem;text-decoration:none;position:relative;display:block}.QptZj:hover{background-color:#eef8ff;text-decoration:none;cursor:pointer}.QptZj:first-child::after{display:block;content:"";background-color:#fff;height:calc(50% - .375rem + .05rem);width:.625rem;top:-0.05rem;position:absolute;left:-1rem}.QptZj:last-child::after{display:block;content:"";background-color:#fff;height:calc(50% - .375rem);width:.625rem;position:absolute;bottom:0;left:-1rem}._AZa8::before{position:absolute;left:-1.06rem;top:calc(50% - .375rem);display:block;content:"";height:.75rem;width:.75rem;border-radius:50%;background-color:#333}.Nuiel{background-color:#f8f8f8;font-weight:500}.Nuiel::before{position:absolute;left:-1.06rem;top:calc(50% - .375rem);display:block;content:"";height:.75rem;width:.75rem;border-radius:50%;background-color:#333}.WIzWJ:hover{cursor:default;background-color:#fff}.WIzWJ{pointer-events:none}.ARudn{position:absolute;right:0;width:fit-content;padding:0}.ARudn .tEF5Q{display:none}.ARudn .Ql2wi{display:block}.ARudn:hover .Ql2wi{display:none}.ARudn:hover .tEF5Q{display:block}
|
|
32
|
-
.
|
|
32
|
+
.kd9hB{position:sticky;top:5.4375rem;height:100%;z-index:80}.qA4yj{padding-right:0;height:fit-content}.j28IY .qA4yj{min-width:10rem}.j28IY .sFoPk{display:none;right:0;top:0}.j28IY:hover .sFoPk{display:block}.PYyBV .MTodB{display:none}.PYyBV .W76p8{display:block}.PYyBV:hover .W76p8{display:none}.PYyBV:hover .MTodB{display:block}
|
|
33
33
|
.UCAnJ:after{content:none}
|
|
34
34
|
.wTlJJ{font-size:.75rem;font-weight:500}.Vaout .badge{height:1.25rem;display:flex;align-items:center}
|
|
35
35
|
.LL7My{position:absolute;width:100%;height:100%;z-index:5;background-color:#333;opacity:.5;transition:opacity 100ms ease-in-out}.x_1f6{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%, -50%);color:#fff;opacity:1;width:6.25rem;height:6.25rem}.QoLgZ{background-size:cover}.BcnSH{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%, -50%);color:#fff;opacity:1}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1169],{1353:(e,t,n)=>{n.d(t,{$:()=>s});var r=n(32735),a=n(23481),i=n(11607),c=n(54610),l=n(67453),o=n(22161),u=a.T.encloseNamespace("shared.curriculumLinks");function s(e){var t=e.data;return r.createElement(i.L,{key:t.id,className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ".concat(o.Z.tag," ").concat(e.selected?o.Z.selected:""),onClick:function(){return e.onChangeCurriculum(t.id.toString())},"aria-label":"".concat(u("ariaFilter")," ").concat(t.name)},r.createElement("div",{className:"bg-white ".concat(o.Z.cover," rounded-circle border")},r.createElement("img",{src:l.j.createUrl(t.cover.url,{size:c.h2.Small}),alt:t.name,className:"rounded-circle"})),r.createElement("div",{className:"ms-2"},t.name))}},38496:(e,t,n)=>{n.d(t,{p:()=>u});var r=n(32735),a=n(23481),i=n(23232),c=n(83345),l="shared.curriculumLinks",o=a.T.encloseNamespace(l);function u(e){return r.createElement(i.u,{className:"pt-3"},r.createElement(i.u.Image,{src:e.emptyStateUrl,altText:o("emptyInfo"),size:"small"}),r.createElement(i.u.Heading,null,r.createElement(c.x,{namespace:l,phrase:"emptyHeading"})),r.createElement(i.u.Info,null,r.createElement(c.x,{namespace:l,phrase:"emptyInfo"})))}},44599:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(32735);var a=function(){return r.createElement(r.Fragment,null,r.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block me-1 mb-2 ".concat("vDcrq")}),r.createElement("div",null,r.createElement("div",{className:"partial-loading-background mb-1 ".concat("GXhoW")}),r.createElement("div",{className:"mb-2 d-flex"},r.createElement("div",{className:"me-1 align-self-start ".concat("goKaS")},r.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block w-100 h-100"})),r.createElement("div",{className:"partial-loading-background ".concat("vFew6")}))))};function i(){return r.createElement("div",null,r.createElement("div",{className:"mb-3"},r.createElement(a,null)),r.createElement("div",{className:"mb-3"},r.createElement(a,null)),r.createElement("div",null,r.createElement(a,null)))}},34223:(e,t,n)=>{n.d(t,{Y:()=>g});var r=n(32735),a=n(38496),i=n(44599),c=n(83345),l=n(85597);const o={curriculumSubject:"i4D3h",curriculumSet:"WCdf9",areaLeafSet:"o8H8s",closeButton:"McsPs",leafDescriptionOnly:"xmEEo"};function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function s(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=u(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==u(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var m=/(.*)\s\((.*)?\)/i,v="shared.curriculumLinks",p="text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block fw-semibold";function f(e){function t(){var t=p+" bg-white border";return!e.leaf.name&&e.uiContainsCodes?t+" border-secondary text-secondary":t+" border-dark"}var n=r.useRef();return r.useEffect((function(){if(n.current){var t=n.current.getBoundingClientRect().width;e.trySetMaxCodeWidth(t)}}),[n.current]),r.createElement("div",{className:"d-flex"},e.leaf.description?!e.leaf.name&&e.uiContainsCodes?r.createElement(r.Fragment,null,r.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},r.createElement("h5",{ref:n,className:t()},r.createElement(c.x,{namespace:v,phrase:"noCode"}))),r.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):e.leaf.name||e.uiContainsCodes?r.createElement(r.Fragment,null,r.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},r.createElement("h5",{ref:n,className:t()},e.leaf.name)),r.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):r.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.description}}):r.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.name}}))}function y(e){var t,n,a,i={},c=!1;function u(e){var t="mb-2";return e.name||c?t:t+" ms-4 "+o.leafDescriptionOnly}return e.linkSet.areasAndLeaves.forEach((function(e){var t=e[l.k.Area].map((function(e){return e.name})).join(" - ");i[t]?e[l.k.Leaf].forEach((function(e){i[t].find((function(t){return t.name===e.name}))||(i[t].push(e),e.name&&(c=!0))})):i[t]=e[l.k.Leaf]})),r.createElement(r.Fragment,null,r.createElement("h3",{className:"".concat(p," text-white bg-dark-blue fw-normal me-1 mb-2")},(t=e.linkSet[l.k.Audience].name,n=e.linkSet[l.k.Subject].name,(a=t.match(m))?"".concat(a[1]," • ").concat(a[2]," • ").concat(n):"".concat(t," • ").concat(n))),r.createElement("div",{className:"me-2 ".concat(o.curriculumSubject)},Object.keys(i).map((function(t,n){return r.createElement("div",{key:n,className:o.areaLeafSet},t&&r.createElement("h4",{className:"mb-1 font-size-normal"},t),r.createElement("ul",{className:"list-unstyled"},i[t].map((function(t){return r.createElement("li",{key:t.id,className:u(t)},r.createElement(f,{leaf:t,codeWidth:e.codeWidth,trySetMaxCodeWidth:e.trySetMaxCodeWidth,uiContainsCodes:c}))}))))}))))}function g(e){var t,n,c,u=(n=r.useState(0),c=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,c,l=[],o=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw a}}return l}}(n,c)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(n,c)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=u[0],v=u[1];function p(e){v((function(t){return t>=e?t:e}))}var f=r.useMemo((function(){var t={};return e.curriculumLinks.forEach((function(e){var n=null,r=null,a=[],i=[];e.forEach((function(e){switch(e.type){case l.k.Subject:n=e;break;case l.k.Audience:r=e;break;case l.k.Area:a.push(e);break;case l.k.Leaf:i.push(e)}}));var c="".concat(n.id,":").concat(r.id);t[c]?t[c].areasAndLeaves.push(s(s({},l.k.Area,a),l.k.Leaf,i)):t[c]=s(s(s({},l.k.Subject,n),l.k.Audience,r),"areasAndLeaves",[s(s({},l.k.Area,a),l.k.Leaf,i)])})),t}),[e.curriculumLinks]);return e.curriculumLinks?(null===(t=e.curriculumLinks)||void 0===t?void 0:t.length)?r.createElement("ul",{className:"list-unstyled m-0"},Object.keys(f).map((function(e,t){return r.createElement("li",{key:"linkset-".concat(t),className:o.curriculumSet},r.createElement(y,{linkSet:f[e],trySetMaxCodeWidth:p,codeWidth:m}))}))):r.createElement(a.p,{emptyStateUrl:e.emptyStateUrl}):r.createElement(i.Z,null)}},22283:(e,t,n)=>{n.d(t,{P:()=>l});var r=n(32735),a=n(1353),i=n(63112),c=n(65163);function l(e){var t,n,l;return r.createElement(c.eb,{collection:(null===(t=e.selectedCurriculum)||void 0===t?void 0:t.id)?e.curriculums.nonEmptyCurriculums:null,childClassName:"flex-shrink-0",childComponent:function(t){var n,i;return r.createElement(a.$,Object.assign({},t,{selected:(null===(i=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===i?void 0:i.toString())===t.data.id.toString(),onChangeCurriculum:e.onChangeCurriculum}))},partialLoadingComponent:function(){return r.createElement(i.o,null)},widgetDataDeps:[null===(l=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===l?void 0:l.toString(),e.onChangeCurriculum],noNegativePadding:e.noNegativePadding})}},63112:(e,t,n)=>{n.d(t,{o:()=>i});var r=n(32735),a=n(91807),i=r.memo((function(e){var t=e.tagClass,n="partial-loading-background d-inline-block rounded-pill py-1 px-2 mb-1 me-1 text-nowrap ".concat(void 0===t?"":t," ").concat(a.Z.partialTag);return r.createElement("div",{className:"mt-1"},r.createElement("span",{className:n}," "))}))},65163:(e,t,n)=>{n.d(t,{QL:()=>r.Q,eb:()=>r.e});var r=n(16450);n(14244)},85597:(e,t,n)=>{var r;n.d(t,{k:()=>r}),function(e){e.Subject="CurriculumSubject",e.Audience="CurriculumAudience",e.Area="CurriculumArea",e.Leaf="CurriculumLeaf"}(r||(r={}))},61169:(e,t,n)=>{n.d(t,{R:()=>ee});var r=n(32735),a=n(49935),i=n(5640),c=n(42648),l=n(23481),o=n(75896),u=n(49985),s=n(65858),d=n(44599),m=n(83345),v=n(69883),p=n(59598),f=n(34223),y=n(22283);function g(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 h="shared.curriculumLinks",b=l.T.encloseNamespace(h);function E(e){var t,n,a=e.curriculums,i=a.hasLoaded,l=a.activeCurriculum,E=a.availableCurriculums,S=a.curriculumLinks,k=a.updateCurriculum,C=a.customerHasCurriculumLinks,A=(t=r.useState(),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,i,c,l=[],o=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return g(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}(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.")}()),I=A[0],L=A[1],N=(0,v.Z)();return r.useEffect((function(){i&&(I||L(null!=l?l:o.m.first(E)))}),[null==l?void 0:l.id,i]),e.canViewCurriculumLinks&&C?r.createElement("section",{id:p.K.CurriculumLinks,ref:function(t){var n;t&&(null===(n=e.headingRef)||void 0===n?void 0:n.current)&&e.headingRef.current.set(p.K.CurriculumLinks,t)},className:"play-page-section"},r.createElement("h2",{className:"h4 me-2 h-100"},r.createElement(m.x,{namespace:h,phrase:"heading"})),r.createElement("div",{className:"mb-2"},r.createElement(y.P,{curriculums:e.curriculums,selectedCurriculum:I,onChangeCurriculum:function(t){var n,r,a=E.find((function(e){return e.id.toString()===t}));(null==a?void 0:a.id)&&(null===(n=null==I?void 0:I.id)||void 0===n?void 0:n.toString())!==(null===(r=null==a?void 0:a.id)||void 0===r?void 0:r.toString())&&(L(a),k(a,(function(){u.k.logUserAction({id:a.id,name:a.id,description:a.description,videoId:e.video.id,videoName:e.video.name},{entity:s.py.Presentation,actionType:s.Vw.Select,descriptor:s.kD.Curriculum,location:s.LZ.PlayPage})}),(function(){L(I),N.error(b("updateFailed"))})))}})),r.createElement("div",{className:"rounded border position-relative"},r.createElement(c.$B,{autoHeight:!0,autoHeightMax:e.height},r.createElement("div",{className:"p-3"},i?r.createElement(f.Y,{curriculumLinks:S,emptyStateUrl:e.emptyStateUrl}):r.createElement(d.Z,null))))):r.createElement(r.Fragment,null)}var S=n(56940),k=n(51184),C=n(64921),A=n(95812),I=n(53709),L=n(40178),N=n(71063),w=n(10439),x=n(35429),T=n(4594),R=n(16714),j=n(22902),O=n(65332),U=n(76196),P=n(31908),V=n(26492),M=n(9465),F=n(91479),G=n(99092),W=n(47938),_=n(81024),D=n(78166),H=n(99742),Z=n(14070),B=n(97291),K=n(22490),$=n(63010),Y=n(14476),z=n(53256);const Q={main:"xSI0l",expandedToc:"j5FCv"};function q(e){return function(e){if(Array.isArray(e))return X(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 X(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)?X(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function X(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 J="shared.play";function ee(e){var t,n,c,l,o,u,s,d,v,f=(0,x.g)(),y=(0,j.T)().hasPermissions,g=P.M.getCanBeConsumed(e.video).canConsume,h=(0,$.Q)(e.tableOfContentsId),b=h.tableOfContentsActiveId,X=h.setTableOfContentsActiveId,ee=h.controlledId,te=h.setControlledId,ne=h.tableOfContentsExpanded,re=h.onToggleTableOfContents,ae=(0,k.Wp)(e.video)&&e.featureAccess.canViewGlance,ie=(0,Y.i)(ae),ce=ie.headingRef,le=ie.headingElements,oe=le.map((function(t){var n,r,a,i;return{id:t.id,name:z.d.getSectionHeading(t.id,{clips:e.clips,interactives:e.interactives,resources:[].concat(q(null!==(r=null===(n=e.video.resources)||void 0===n?void 0:n.data)&&void 0!==r?r:[]),q(null!==(i=null===(a=e.video.links)||void 0===a?void 0:a.data)&&void 0!==i?i:[]))})}})),ue=P.M.isVideoTypeArchived(e.video),se=y(R.C.StudentExperience);(0,O.D)({setActiveId:X,headingElements:le,controlledId:ee,setControlledId:te}),(0,U.P)(le,ee);var de=r.useRef(!1),me=(0,G.lU)();function ve(){var e,t,n,r;de.current=!(null===(t=null===(e=null==f?void 0:f.playerRef)||void 0===e?void 0:e.current)||void 0===t?void 0:t.isPaused()),null===(r=null===(n=null==f?void 0:f.playerRef)||void 0===n?void 0:n.current)||void 0===r||r.pause()}function pe(){var e,t;de.current&&(null===(t=null===(e=null==f?void 0:f.playerRef)||void 0===e?void 0:e.current)||void 0===t||t.play())}var fe="picture-in-picture"===f.mode||e.featureAccess.canViewPublicLayout;return r.createElement(m.D.Provider,{value:J},r.createElement("div",{className:"px-4 play-page-sections-container ".concat(e.shouldShowSideTableOfContents?"row":"")},r.createElement("main",{className:"".concat(Q.main," ").concat(e.shouldShowSideTableOfContents&&ne?"".concat(Q.expandedToc," col-9"):e.shouldShowSideTableOfContents&&!ne?"pe-4":void 0)},!!(null===(t=e.breadcrumbs)||void 0===t?void 0:t.length)&&r.createElement("div",{className:"mb-2"},r.createElement(a.Oo,{breadcrumbs:e.breadcrumbs})),r.createElement(W.W,{restrictions:e.video._restrictions,yearGroups:e.yearGroups,objectId:e.video.id,objectTypeId:T.E.Video,canManageVideoAccess:e.canManageVideoAccess}),ue&&r.createElement(V.T,{typeId:e.video.typeId,hasStudentExperience:se}),r.createElement("section",{id:p.K.Video,className:"mb-2 ".concat(N.M.GLOBAL_PLAYER_SELECTOR),ref:function(e){e&&(null==ce?void 0:ce.current)&&ce.current.set(p.K.Video,e)}},g&&r.createElement(w.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,shareId:e.shareId,context:null===(n=e.params)||void 0===n?void 0:n.context,contextId:null===(c=e.params)||void 0===c?void 0:c.contextId,playNext:null===(l=e.params)||void 0===l?void 0:l.playNext,moviesAndTv:null===(o=e.params)||void 0===o?void 0:o.mtv,startTime:null!==(s=null===(u=e.params)||void 0===u?void 0:u.t)&&void 0!==s?s:null===(d=e.params)||void 0===d?void 0:d.startTime,endTime:null===(v=e.params)||void 0===v?void 0:v.endTime,mode:"default",location:"play-page"}),r.createElement("div",{className:fe?"":"d-none"},r.createElement(_.S,{video:e.video,appLink:{application:B.O.SIGN_UP,action:Z.e.SignUp.SIGN_UP},type:"picture-in-picture"===f.mode?"pip":"public"}))),r.createElement(F.v,{media:e.video,yearGroups:e.yearGroups,audiences:e.audiences,getSeriesAppLink:function(t){return me.getSeriesAppLink(t,e.params.mtv)},featureAccess:e.featureAccess,shareId:e.shareId}),ae?r.createElement(C.j,{video:e.video,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var t;return null===(t=f.playerRef.current)||void 0===t?void 0:t.currentTime(e)},getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout,canViewGlance:ae}):r.createElement(S.a,{video:e.video,currentUser:e.currentUser,headingRef:ce,onLaunchImmersiveReader:ve,onExitImmersiveReader:pe,getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout}),r.createElement(E,{headingRef:ce,video:e.video,height:L.x,curriculums:e.curriculums,emptyStateUrl:H.W.EmptyStates.CURRICULUM_LINKS,canViewCurriculumLinks:e.featureAccess.canViewCurriculumLinks}),r.createElement(I.M,{headingRef:ce,video:e.video,canViewResources:e.featureAccess.canViewResourceItems,imageCdnUrl:e.imageCdnUrl,getAppLink:me.getResourceAppLink(e.video.id,e.shareId,e.featureAccess.canViewResourceItems),analyticsData:{videoId:e.video.id,videoName:e.video.name},resourceThumbnailFallbackUrl:H.W.Fallbacks.RESOURCE_THUMBNAIL}),r.createElement(A.J,{headingRef:ce,video:e.video,interactives:e.interactives,imageCdnUrl:e.imageCdnUrl,analyticsData:{videoId:e.video.id,videoName:e.video.name},canViewInteractives:e.featureAccess.canViewInteractives,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,isPlugin:e.isPlugin}),r.createElement(i.O,{video:e.video,headingRef:ce,clips:e.clips,canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,audiences:e.audiences,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,analyticsData:{videoId:e.video.id,videoName:e.video.name},isPlugin:e.isPlugin}),ae&&r.createElement(S.a,{video:e.video,currentUser:e.currentUser,headingRef:ce,onLaunchImmersiveReader:ve,onExitImmersiveReader:pe,getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout,showHeading:!0}),r.createElement(D.Z,{currentVideo:e.video,headingRef:ce,yearGroups:e.yearGroups,relatedVideos:e.relatedVideos,currentUser:e.currentUser,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(t,n){return K.W.getAppLink(t,Object.assign(Object.assign({},n),{context:e.params.context,contextId:e.params.contextId,playNext:e.params.playNext,shareId:e.shareId,moviesAndTv:e.params.mtv}))},audiences:e.audiences,moviesAndTv:e.params.mtv,isPlugin:e.isPlugin})),r.createElement(M.h,{isExpanded:ne,setIsExpanded:re,items:oe,activeId:b,setControlledId:te,analyticsData:{videoId:e.video.id,videoName:e.video.name},showInSide:e.shouldShowSideTableOfContents})))}},22161:(e,t,n)=>{n.d(t,{Z:()=>r});const r={curriculumSubject:"GvGYH",curriculumSet:"d7RK0",areaLeafSet:"XRTAe",closeButton:"N3l5Q",heading:"hAxR4",leafDescriptionOnly:"h66ke",dropdown:"CsG6G",tag:"rdLqY",cover:"etwaD",active:"aDLMe",selected:"BMrSd"}}}]);
|
|
2
|
-
//# sourceMappingURL=1169-
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[1169],{1353:(e,t,n)=>{n.d(t,{$:()=>s});var r=n(32735),a=n(23481),i=n(11607),c=n(54610),l=n(67453),o=n(22161),u=a.T.encloseNamespace("shared.curriculumLinks");function s(e){var t=e.data;return r.createElement(i.L,{key:t.id,className:"p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ".concat(o.Z.tag," ").concat(e.selected?o.Z.selected:""),onClick:function(){return e.onChangeCurriculum(t.id.toString())},"aria-label":"".concat(u("ariaFilter")," ").concat(t.name)},r.createElement("div",{className:"bg-white ".concat(o.Z.cover," rounded-circle border")},r.createElement("img",{src:l.j.createUrl(t.cover.url,{size:c.h2.Small}),alt:t.name,className:"rounded-circle"})),r.createElement("div",{className:"ms-2"},t.name))}},38496:(e,t,n)=>{n.d(t,{p:()=>u});var r=n(32735),a=n(23481),i=n(23232),c=n(83345),l="shared.curriculumLinks",o=a.T.encloseNamespace(l);function u(e){return r.createElement(i.u,{className:"pt-3"},r.createElement(i.u.Image,{src:e.emptyStateUrl,altText:o("emptyInfo"),size:"small"}),r.createElement(i.u.Heading,null,r.createElement(c.x,{namespace:l,phrase:"emptyHeading"})),r.createElement(i.u.Info,null,r.createElement(c.x,{namespace:l,phrase:"emptyInfo"})))}},44599:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(32735);var a=function(){return r.createElement(r.Fragment,null,r.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block me-1 mb-2 ".concat("vDcrq")}),r.createElement("div",null,r.createElement("div",{className:"partial-loading-background mb-1 ".concat("GXhoW")}),r.createElement("div",{className:"mb-2 d-flex"},r.createElement("div",{className:"me-1 align-self-start ".concat("goKaS")},r.createElement("div",{className:"partial-loading-background rounded-pill py-1 px-2 d-inline-block w-100 h-100"})),r.createElement("div",{className:"partial-loading-background ".concat("vFew6")}))))};function i(){return r.createElement("div",null,r.createElement("div",{className:"mb-3"},r.createElement(a,null)),r.createElement("div",{className:"mb-3"},r.createElement(a,null)),r.createElement("div",null,r.createElement(a,null)))}},34223:(e,t,n)=>{n.d(t,{Y:()=>g});var r=n(32735),a=n(38496),i=n(44599),c=n(83345),l=n(85597);const o={curriculumSubject:"i4D3h",curriculumSet:"WCdf9",areaLeafSet:"o8H8s",closeButton:"McsPs",leafDescriptionOnly:"xmEEo"};function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function s(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=u(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==u(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var m=/(.*)\s\((.*)?\)/i,v="shared.curriculumLinks",p="text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block fw-semibold";function f(e){function t(){var t=p+" bg-white border";return!e.leaf.name&&e.uiContainsCodes?t+" border-secondary text-secondary":t+" border-dark"}var n=r.useRef();return r.useEffect((function(){if(n.current){var t=n.current.getBoundingClientRect().width;e.trySetMaxCodeWidth(t)}}),[n.current]),r.createElement("div",{className:"d-flex"},e.leaf.description?!e.leaf.name&&e.uiContainsCodes?r.createElement(r.Fragment,null,r.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},r.createElement("h5",{ref:n,className:t()},r.createElement(c.x,{namespace:v,phrase:"noCode"}))),r.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):e.leaf.name||e.uiContainsCodes?r.createElement(r.Fragment,null,r.createElement("div",{className:"me-1 align-self-start",style:{minWidth:e.codeWidth?"".concat(e.codeWidth,"px"):"auto"}},r.createElement("h5",{ref:n,className:t()},e.leaf.name)),r.createElement("p",{className:"m-0 align-self-center",dangerouslySetInnerHTML:{__html:e.leaf.description}})):r.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.description}}):r.createElement("p",{className:"m-0",dangerouslySetInnerHTML:{__html:e.leaf.name}}))}function y(e){var t,n,a,i={},c=!1;function u(e){var t="mb-2";return e.name||c?t:t+" ms-4 "+o.leafDescriptionOnly}return e.linkSet.areasAndLeaves.forEach((function(e){var t=e[l.k.Area].map((function(e){return e.name})).join(" - ");i[t]?e[l.k.Leaf].forEach((function(e){i[t].find((function(t){return t.name===e.name}))||(i[t].push(e),e.name&&(c=!0))})):i[t]=e[l.k.Leaf]})),r.createElement(r.Fragment,null,r.createElement("h3",{className:"".concat(p," text-white bg-dark-blue fw-normal me-1 mb-2")},(t=e.linkSet[l.k.Audience].name,n=e.linkSet[l.k.Subject].name,(a=t.match(m))?"".concat(a[1]," • ").concat(a[2]," • ").concat(n):"".concat(t," • ").concat(n))),r.createElement("div",{className:"me-2 ".concat(o.curriculumSubject)},Object.keys(i).map((function(t,n){return r.createElement("div",{key:n,className:o.areaLeafSet},t&&r.createElement("h4",{className:"mb-1 font-size-normal"},t),r.createElement("ul",{className:"list-unstyled"},i[t].map((function(t){return r.createElement("li",{key:t.id,className:u(t)},r.createElement(f,{leaf:t,codeWidth:e.codeWidth,trySetMaxCodeWidth:e.trySetMaxCodeWidth,uiContainsCodes:c}))}))))}))))}function g(e){var t,n,c,u=(n=r.useState(0),c=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,c,l=[],o=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw a}}return l}}(n,c)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(n,c)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),m=u[0],v=u[1];function p(e){v((function(t){return t>=e?t:e}))}var f=r.useMemo((function(){var t={};return e.curriculumLinks.forEach((function(e){var n=null,r=null,a=[],i=[];e.forEach((function(e){switch(e.type){case l.k.Subject:n=e;break;case l.k.Audience:r=e;break;case l.k.Area:a.push(e);break;case l.k.Leaf:i.push(e)}}));var c="".concat(n.id,":").concat(r.id);t[c]?t[c].areasAndLeaves.push(s(s({},l.k.Area,a),l.k.Leaf,i)):t[c]=s(s(s({},l.k.Subject,n),l.k.Audience,r),"areasAndLeaves",[s(s({},l.k.Area,a),l.k.Leaf,i)])})),t}),[e.curriculumLinks]);return e.curriculumLinks?(null===(t=e.curriculumLinks)||void 0===t?void 0:t.length)?r.createElement("ul",{className:"list-unstyled m-0"},Object.keys(f).map((function(e,t){return r.createElement("li",{key:"linkset-".concat(t),className:o.curriculumSet},r.createElement(y,{linkSet:f[e],trySetMaxCodeWidth:p,codeWidth:m}))}))):r.createElement(a.p,{emptyStateUrl:e.emptyStateUrl}):r.createElement(i.Z,null)}},22283:(e,t,n)=>{n.d(t,{P:()=>l});var r=n(32735),a=n(1353),i=n(63112),c=n(65163);function l(e){var t,n,l;return r.createElement(c.eb,{collection:(null===(t=e.selectedCurriculum)||void 0===t?void 0:t.id)?e.curriculums.nonEmptyCurriculums:null,childClassName:"flex-shrink-0",childComponent:function(t){var n,i;return r.createElement(a.$,Object.assign({},t,{selected:(null===(i=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===i?void 0:i.toString())===t.data.id.toString(),onChangeCurriculum:e.onChangeCurriculum}))},partialLoadingComponent:function(){return r.createElement(i.o,null)},widgetDataDeps:[null===(l=null===(n=e.selectedCurriculum)||void 0===n?void 0:n.id)||void 0===l?void 0:l.toString(),e.onChangeCurriculum],noNegativePadding:e.noNegativePadding})}},63112:(e,t,n)=>{n.d(t,{o:()=>i});var r=n(32735),a=n(91807),i=r.memo((function(e){var t=e.tagClass,n="partial-loading-background d-inline-block rounded-pill py-1 px-2 mb-1 me-1 text-nowrap ".concat(void 0===t?"":t," ").concat(a.Z.partialTag);return r.createElement("div",{className:"mt-1"},r.createElement("span",{className:n}," "))}))},65163:(e,t,n)=>{n.d(t,{QL:()=>r.Q,eb:()=>r.e});var r=n(16450);n(14244)},85597:(e,t,n)=>{var r;n.d(t,{k:()=>r}),function(e){e.Subject="CurriculumSubject",e.Audience="CurriculumAudience",e.Area="CurriculumArea",e.Leaf="CurriculumLeaf"}(r||(r={}))},61169:(e,t,n)=>{n.d(t,{R:()=>ee});var r=n(32735),a=n(49935),i=n(5640),c=n(42648),l=n(23481),o=n(75896),u=n(49985),s=n(65858),d=n(44599),m=n(83345),v=n(69883),p=n(59598),f=n(34223),y=n(22283);function g(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 h="shared.curriculumLinks",b=l.T.encloseNamespace(h);function E(e){var t,n,a=e.curriculums,i=a.hasLoaded,l=a.activeCurriculum,E=a.availableCurriculums,S=a.curriculumLinks,k=a.updateCurriculum,C=a.customerHasCurriculumLinks,A=(t=r.useState(),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,i,c,l=[],o=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);o=!0);}catch(e){u=!0,a=e}finally{try{if(!o&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw a}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return g(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}(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.")}()),I=A[0],L=A[1],N=(0,v.Z)();return r.useEffect((function(){i&&(I||L(null!=l?l:o.m.first(E)))}),[null==l?void 0:l.id,i]),e.canViewCurriculumLinks&&C?r.createElement("section",{id:p.K.CurriculumLinks,ref:function(t){var n;t&&(null===(n=e.headingRef)||void 0===n?void 0:n.current)&&e.headingRef.current.set(p.K.CurriculumLinks,t)},className:"play-page-section"},r.createElement("h2",{className:"h4 me-2 h-100"},r.createElement(m.x,{namespace:h,phrase:"heading"})),r.createElement("div",{className:"mb-2"},r.createElement(y.P,{curriculums:e.curriculums,selectedCurriculum:I,onChangeCurriculum:function(t){var n,r,a=E.find((function(e){return e.id.toString()===t}));(null==a?void 0:a.id)&&(null===(n=null==I?void 0:I.id)||void 0===n?void 0:n.toString())!==(null===(r=null==a?void 0:a.id)||void 0===r?void 0:r.toString())&&(L(a),k(a,(function(){u.k.logUserAction({id:a.id,name:a.id,description:a.description,videoId:e.video.id,videoName:e.video.name},{entity:s.py.Presentation,actionType:s.Vw.Select,descriptor:s.kD.Curriculum,location:s.LZ.PlayPage})}),(function(){L(I),N.error(b("updateFailed"))})))}})),r.createElement("div",{className:"rounded border position-relative"},r.createElement(c.$B,{autoHeight:!0,autoHeightMax:e.height},r.createElement("div",{className:"p-3"},i?r.createElement(f.Y,{curriculumLinks:S,emptyStateUrl:e.emptyStateUrl}):r.createElement(d.Z,null))))):r.createElement(r.Fragment,null)}var S=n(56940),k=n(51184),C=n(64921),A=n(95812),I=n(53709),L=n(40178),N=n(71063),w=n(10439),x=n(35429),T=n(4594),R=n(16714),j=n(22902),O=n(65332),U=n(76196),P=n(31908),V=n(26492),M=n(9465),F=n(91479),G=n(99092),W=n(47938),_=n(81024),D=n(78166),H=n(99742),Z=n(14070),B=n(97291),K=n(22490),$=n(63010),Y=n(14476),z=n(53256);const Q={main:"xSI0l",expandedToc:"j5FCv"};function q(e){return function(e){if(Array.isArray(e))return X(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 X(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)?X(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function X(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 J="shared.play";function ee(e){var t,n,c,l,o,u,s,d,v,f=(0,x.g)(),y=(0,j.T)().hasPermissions,g=P.M.getCanBeConsumed(e.video).canConsume,h=(0,$.Q)(e.tableOfContentsId),b=h.tableOfContentsActiveId,X=h.setTableOfContentsActiveId,ee=h.controlledId,te=h.setControlledId,ne=h.tableOfContentsExpanded,re=h.onToggleTableOfContents,ae=(0,k.Wp)(e.video)&&e.featureAccess.canViewGlance,ie=(0,Y.i)(ae),ce=ie.headingRef,le=ie.headingElements,oe=le.map((function(t){var n,r,a,i;return{id:t.id,name:z.d.getSectionHeading(t.id,{clips:e.clips,interactives:e.interactives,resources:[].concat(q(null!==(r=null===(n=e.video.resources)||void 0===n?void 0:n.data)&&void 0!==r?r:[]),q(null!==(i=null===(a=e.video.links)||void 0===a?void 0:a.data)&&void 0!==i?i:[]))})}})),ue=P.M.isVideoTypeArchived(e.video),se=y(R.C.StudentExperience);(0,O.D)({setActiveId:X,headingElements:le,controlledId:ee,setControlledId:te}),(0,U.P)(le,ee);var de=r.useRef(!1),me=(0,G.lU)();function ve(){var e,t,n,r;de.current=!(null===(t=null===(e=null==f?void 0:f.playerRef)||void 0===e?void 0:e.current)||void 0===t?void 0:t.isPaused()),null===(r=null===(n=null==f?void 0:f.playerRef)||void 0===n?void 0:n.current)||void 0===r||r.pause()}function pe(){var e,t;de.current&&(null===(t=null===(e=null==f?void 0:f.playerRef)||void 0===e?void 0:e.current)||void 0===t||t.play())}var fe="picture-in-picture"===f.mode||e.featureAccess.canViewPublicLayout;return r.createElement(m.D.Provider,{value:J},r.createElement("div",{className:"px-4 play-page-sections-container ".concat(e.shouldShowSideTableOfContents?"row g-0":"")},r.createElement("main",{className:"".concat(Q.main," ").concat(e.shouldShowSideTableOfContents&&ne?"".concat(Q.expandedToc," col-9"):e.shouldShowSideTableOfContents&&!ne?"pe-4":void 0)},!!(null===(t=e.breadcrumbs)||void 0===t?void 0:t.length)&&r.createElement("div",{className:"mb-2"},r.createElement(a.Oo,{breadcrumbs:e.breadcrumbs})),r.createElement(W.W,{restrictions:e.video._restrictions,yearGroups:e.yearGroups,objectId:e.video.id,objectTypeId:T.E.Video,canManageVideoAccess:e.canManageVideoAccess}),ue&&r.createElement(V.T,{typeId:e.video.typeId,hasStudentExperience:se}),r.createElement("section",{id:p.K.Video,className:"mb-2 ".concat(N.M.GLOBAL_PLAYER_SELECTOR),ref:function(e){e&&(null==ce?void 0:ce.current)&&ce.current.set(p.K.Video,e)}},g&&r.createElement(w.r,{key:e.video.id,objectId:e.video.id,objectTypeId:e.video.typeId,shareId:e.shareId,context:null===(n=e.params)||void 0===n?void 0:n.context,contextId:null===(c=e.params)||void 0===c?void 0:c.contextId,playNext:null===(l=e.params)||void 0===l?void 0:l.playNext,moviesAndTv:null===(o=e.params)||void 0===o?void 0:o.mtv,startTime:null!==(s=null===(u=e.params)||void 0===u?void 0:u.t)&&void 0!==s?s:null===(d=e.params)||void 0===d?void 0:d.startTime,endTime:null===(v=e.params)||void 0===v?void 0:v.endTime,mode:"default",location:"play-page"}),r.createElement("div",{className:fe?"":"d-none"},r.createElement(_.S,{video:e.video,appLink:{application:B.O.SIGN_UP,action:Z.e.SignUp.SIGN_UP},type:"picture-in-picture"===f.mode?"pip":"public"}))),r.createElement(F.v,{media:e.video,yearGroups:e.yearGroups,audiences:e.audiences,getSeriesAppLink:function(t){return me.getSeriesAppLink(t,e.params.mtv)},featureAccess:e.featureAccess,shareId:e.shareId}),ae?r.createElement(C.j,{video:e.video,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var t;return null===(t=f.playerRef.current)||void 0===t?void 0:t.currentTime(e)},getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout,canViewGlance:ae}):r.createElement(S.a,{video:e.video,currentUser:e.currentUser,headingRef:ce,onLaunchImmersiveReader:ve,onExitImmersiveReader:pe,getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout}),r.createElement(E,{headingRef:ce,video:e.video,height:L.x,curriculums:e.curriculums,emptyStateUrl:H.W.EmptyStates.CURRICULUM_LINKS,canViewCurriculumLinks:e.featureAccess.canViewCurriculumLinks}),r.createElement(I.M,{headingRef:ce,video:e.video,canViewResources:e.featureAccess.canViewResourceItems,imageCdnUrl:e.imageCdnUrl,getAppLink:me.getResourceAppLink(e.video.id,e.shareId,e.featureAccess.canViewResourceItems),analyticsData:{videoId:e.video.id,videoName:e.video.name},resourceThumbnailFallbackUrl:H.W.Fallbacks.RESOURCE_THUMBNAIL}),r.createElement(A.J,{headingRef:ce,video:e.video,interactives:e.interactives,imageCdnUrl:e.imageCdnUrl,analyticsData:{videoId:e.video.id,videoName:e.video.name},canViewInteractives:e.featureAccess.canViewInteractives,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,isPlugin:e.isPlugin}),r.createElement(i.O,{video:e.video,headingRef:ce,clips:e.clips,canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,audiences:e.audiences,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,analyticsData:{videoId:e.video.id,videoName:e.video.name},isPlugin:e.isPlugin}),ae&&r.createElement(S.a,{video:e.video,currentUser:e.currentUser,headingRef:ce,onLaunchImmersiveReader:ve,onExitImmersiveReader:pe,getTagAppLink:me.getTagAppLink,suppressInteractivity:e.featureAccess.canViewPublicLayout,showHeading:!0}),r.createElement(D.Z,{currentVideo:e.video,headingRef:ce,yearGroups:e.yearGroups,relatedVideos:e.relatedVideos,currentUser:e.currentUser,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(t,n){return K.W.getAppLink(t,Object.assign(Object.assign({},n),{context:e.params.context,contextId:e.params.contextId,playNext:e.params.playNext,shareId:e.shareId,moviesAndTv:e.params.mtv}))},audiences:e.audiences,moviesAndTv:e.params.mtv,isPlugin:e.isPlugin})),r.createElement(M.h,{isExpanded:ne,setIsExpanded:re,items:oe,activeId:b,setControlledId:te,analyticsData:{videoId:e.video.id,videoName:e.video.name},showInSide:e.shouldShowSideTableOfContents})))}},22161:(e,t,n)=>{n.d(t,{Z:()=>r});const r={curriculumSubject:"GvGYH",curriculumSet:"d7RK0",areaLeafSet:"XRTAe",closeButton:"N3l5Q",heading:"hAxR4",leafDescriptionOnly:"h66ke",dropdown:"CsG6G",tag:"rdLqY",cover:"etwaD",active:"aDLMe",selected:"BMrSd"}}}]);
|
|
2
|
+
//# sourceMappingURL=1169-e4773094dc-lite.chunk.js.map
|
package/dist/scripts/{1169-f52e3a1569-lite.chunk.js.map → 1169-e4773094dc-lite.chunk.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scripts/1169-f52e3a1569-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/curriculum-links/CurriculumLinkItem.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/CurriculumLinksEmptyState.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/partial-loading/PartialCurriculumLinks.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/partial-loading/partial-curriculum-links.scss","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/curriculum-links.scss","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumLinksV2.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumsWidget.tsx","file:///app/packages/libs/shared/src/components/tags/PartialTagItem.tsx","file:///app/packages/libs/shared/src/enums/CurriculumType.ts","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumLinksWithScrollbarV2.tsx","file:///app/packages/projects/lite/src/shared/views/play/v2/components/play-page/play-page.scss","file:///app/packages/projects/lite/src/shared/views/play/v2/components/play-page/PlayPageV2.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/curriculum-links.scss"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './curriculum-links.scss';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinkItemProps {\n data: Presentation;\n onChangeCurriculum: (id: string) => any;\n selected: boolean;\n}\n\nexport function CurriculumLinkItem(props: CurriculumLinkItemProps): JSX.Element {\n const { data: curriculumTag } = props;\n\n return (\n <DivButton\n key={curriculumTag.id}\n className={`p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ${styles.tag} ${props.selected ? styles.selected : ''}`}\n onClick={() => props.onChangeCurriculum(curriculumTag.id.toString())}\n aria-label={`${getPhrase('ariaFilter')} ${curriculumTag.name}`}\n >\n <div className={`bg-white ${styles.cover} rounded-circle border`}>\n <img\n src={ImageHelper.createUrl(curriculumTag.cover.url, { size: ImageSize.Small })}\n alt={curriculumTag.name}\n className='rounded-circle'\n />\n </div>\n <div className='ms-2'>\n {curriculumTag.name}\n </div>\n </DivButton>\n );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinksEmptyStateProps {\n emptyStateUrl: string;\n}\n\nexport function CurriculumLinksEmptyState(props: CurriculumLinksEmptyStateProps): JSX.Element {\n return (\n <EmptyState className='pt-3'>\n <EmptyState.Image src={props.emptyStateUrl} altText={getPhrase('emptyInfo')} size='small'/>\n <EmptyState.Heading>\n <Text namespace={namespace} phrase='emptyHeading' />\n </EmptyState.Heading>\n <EmptyState.Info>\n <Text namespace={namespace} phrase='emptyInfo' />\n </EmptyState.Info>\n </EmptyState>\n );\n}","import React from 'react';\n\nimport styles from './partial-curriculum-links.scss';\n\nconst PartialCurriculumLinkSection = () => (\n <>\n <div className={`partial-loading-background rounded-pill py-1 px-2 d-inline-block me-1 mb-2 ${styles.audience}`} />\n <div>\n <div className={`partial-loading-background mb-1 ${styles.area}`} />\n\n <div className='mb-2 d-flex'>\n <div className={`me-1 align-self-start ${styles.code}`}>\n <div className={`partial-loading-background rounded-pill py-1 px-2 d-inline-block w-100 h-100`} />\n </div>\n \n <div className={`partial-loading-background ${styles.description}`} />\n </div>\n </div>\n </>\n);\n\nexport function PartialCurriculumLinks(): JSX.Element {\n return (\n <div>\n <div className='mb-3'>\n <PartialCurriculumLinkSection />\n </div>\n\n <div className='mb-3'>\n <PartialCurriculumLinkSection />\n </div>\n\n <div>\n <PartialCurriculumLinkSection />\n </div>\n </div>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"audience\":\"vDcrq\",\"area\":\"GXhoW\",\"code\":\"goKaS\",\"description\":\"vFew6\"};","// extracted by mini-css-extract-plugin\nexport default {\"curriculumSubject\":\"i4D3h\",\"curriculumSet\":\"WCdf9\",\"areaLeafSet\":\"o8H8s\",\"closeButton\":\"McsPs\",\"leafDescriptionOnly\":\"xmEEo\"};","import React from 'react';\n\nimport { CurriculumLinksEmptyState } from 'libs/shared/components/curriculum-links/CurriculumLinksEmptyState';\nimport { PartialCurriculumLinks } from 'libs/shared/components/curriculum-links/partial-loading/PartialCurriculumLinks';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CurriculumType } from 'libs/shared/enums/CurriculumType';\nimport { Curriculum } from 'libs/shared/interfaces';\n\nimport styles from './curriculum-links.scss';\n\nconst BRACKET_SEGMENT_REGEX = /(.*)\\s\\((.*)?\\)/i;\n\nconst namespace = 'shared.curriculumLinks';\n\nconst BASE_PILL_CLASS = 'text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block fw-semibold';\n\ninterface CurriculumStructure {\n [CurriculumType.Subject]: Curriculum<CurriculumType.Subject>;\n [CurriculumType.Audience]: Curriculum<CurriculumType.Audience>;\n areasAndLeaves: Array<{\n [CurriculumType.Area]: Curriculum<CurriculumType.Area>[];\n [CurriculumType.Leaf]: Curriculum<CurriculumType.Leaf>[];\n }>;\n}\n\ninterface CurriculumLeafProps {\n leaf: Curriculum<CurriculumType.Leaf>;\n codeWidth: number;\n trySetMaxCodeWidth: React.Dispatch<React.SetStateAction<number>>;\n uiContainsCodes: boolean;\n}\n\nfunction CurriculumLeaf(props: CurriculumLeafProps): JSX.Element {\n function getCurriculumCodeClass(): string {\n const baseClass = BASE_PILL_CLASS + ' bg-white border';\n\n // If a leaf has no code but the rest of the UI has leaf nodes w/ codes, we show a special \"No code\" pill\n if (!props.leaf.name && props.uiContainsCodes)\n return baseClass + ' border-secondary text-secondary';\n\n return baseClass + ' border-dark';\n }\n\n const codeRef = React.useRef<HTMLDivElement>();\n\n React.useEffect(() => {\n if (!codeRef.current)\n return;\n\n const { width } = codeRef.current.getBoundingClientRect();\n\n props.trySetMaxCodeWidth(width);\n }, [codeRef.current]);\n\n return (\n <div className='d-flex'>\n {(() => {\n if (!props.leaf.description)\n return <p className='m-0' dangerouslySetInnerHTML={{ __html: props.leaf.name }} />;\n\n /**\n * If a leaf has no code but the rest of the UI has leaf nodes\n * with codes, we show a special \"No code\" pill. Example: https://imgur.com/3L1Ela3\n */\n if (!props.leaf.name && props.uiContainsCodes) {\n return (\n <>\n <div\n className='me-1 align-self-start'\n style={{ minWidth: props.codeWidth ? `${props.codeWidth}px` : 'auto' }}\n >\n <h5 ref={codeRef} className={getCurriculumCodeClass()}>\n <Text namespace={namespace} phrase='noCode' />\n </h5>\n </div>\n <p className='m-0 align-self-center' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />\n </>\n );\n }\n\n /**\n * If a leaf has no code and the rest of the UI leaf nodes have no code, we just\n * display the description with a bullet point. Example: https://imgur.com/jzJvmWs\n */\n if (!props.leaf.name && !props.uiContainsCodes)\n return <p className='m-0' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />;\n\n return (\n <>\n <div\n className='me-1 align-self-start'\n style={{ minWidth: props.codeWidth ? `${props.codeWidth}px` : 'auto' }}\n >\n <h5 ref={codeRef} className={getCurriculumCodeClass()}>{props.leaf.name}</h5>\n </div>\n <p className='m-0 align-self-center' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />\n </>\n );\n })()}\n </div>\n );\n}\n\ninterface CurriculumSubjectProps {\n linkSet: CurriculumStructure;\n codeWidth: number;\n trySetMaxCodeWidth: React.Dispatch<React.SetStateAction<number>>;\n}\n\nfunction CurriculumSubject(props: CurriculumSubjectProps): JSX.Element {\n const areaAndLeafSets: { [areaText: string]: Curriculum<CurriculumType.Leaf>[]; } = {};\n\n let uiContainsCodes = false;\n\n props.linkSet.areasAndLeaves.forEach(areaAndLeafSet => {\n const areaText = areaAndLeafSet[CurriculumType.Area].map(ca => ca.name).join(' - ');\n\n if (areaAndLeafSets[areaText]) {\n areaAndLeafSet[CurriculumType.Leaf].forEach(leaf => {\n if (!areaAndLeafSets[areaText].find(l => l.name === leaf.name)) {\n areaAndLeafSets[areaText].push(leaf);\n\n // We need the info on if _any_ leaf node has a code in it. See why in the comments in `<CurriculumLeaf />`\n if (leaf.name)\n uiContainsCodes = true;\n }\n });\n\n return;\n }\n\n areaAndLeafSets[areaText] = areaAndLeafSet[CurriculumType.Leaf];\n });\n\n function getAudienceText(): string {\n const audienceSegment = props.linkSet[CurriculumType.Audience].name;\n const subjectSegment = props.linkSet[CurriculumType.Subject].name;\n\n /**\n * In some curriculums, such as the UK curriculum, the audience string may contain a year group\n * in brackets. For example, it may be \"Lower Key Stage 2 (Year 4)\".\n * This regex will pull that segment out if it exists.\n */\n const audienceBracketSegments = audienceSegment.match(BRACKET_SEGMENT_REGEX);\n\n if (audienceBracketSegments)\n return `${audienceBracketSegments[1]} • ${audienceBracketSegments[2]} • ${subjectSegment}`;\n\n return `${audienceSegment} • ${subjectSegment}`;\n }\n\n function getLeafStyleClass(leaf: Curriculum<CurriculumType.Leaf>): string {\n const className = 'mb-2';\n\n if (!leaf.name && !uiContainsCodes)\n return className + ' ms-4 ' + styles.leafDescriptionOnly;\n\n return className;\n }\n\n return (\n <>\n <h3 className={`${BASE_PILL_CLASS} text-white bg-dark-blue fw-normal me-1 mb-2`}>\n {getAudienceText()}\n </h3>\n\n <div className={`me-2 ${styles.curriculumSubject}`}>\n {Object.keys(areaAndLeafSets).map((areaText, i) => {\n return (\n <div key={i} className={styles.areaLeafSet} >\n {areaText && <h4 className='mb-1 font-size-normal'>{areaText}</h4>}\n <ul className='list-unstyled'>\n {areaAndLeafSets[areaText].map(leaf => (\n <li key={leaf.id} className={getLeafStyleClass(leaf)}>\n <CurriculumLeaf\n leaf={leaf}\n codeWidth={props.codeWidth}\n trySetMaxCodeWidth={props.trySetMaxCodeWidth}\n uiContainsCodes={uiContainsCodes}\n />\n </li>\n ))}\n </ul>\n </div>\n );\n })}\n </div>\n </>\n );\n}\n\ninterface CurriculumLinksSet {\n [subjectAndAudienceIdKey: string]: CurriculumStructure\n}\n\ninterface CurriculumLinksV2Props {\n curriculumLinks?: Curriculum[][];\n emptyStateUrl: string;\n}\n\nexport function CurriculumLinksV2(props: CurriculumLinksV2Props): JSX.Element {\n const [ codeWidth, setCodeWidth ] = React.useState(0);\n\n function trySetMaxCodeWidth(width: number): void {\n /**\n * The width of the curriculum code column should be identical for each leaf node, meaning\n * the leaf description text will be perfectly vertically aligned all the way down.\n * See here for example: https://imgur.com/MbganZf\n * \n * This is achieved by us setting the state for the maximum code width, and forcing all\n * smaller codes to abide by that max width.\n * \n * This value is used in the `<CurriculumLeaf />` component.\n */\n setCodeWidth(currentVal => {\n if (currentVal >= width)\n return currentVal;\n\n return width;\n });\n }\n\n /**\n * Here, we're taking the structure of links from the backend, and restructuring it in a way\n * that resembles the structure of our UI more closely. The general idea is:\n * \n * CurriculumAudience - CurriculumSubject\n * CurriculumAreas\n * CurriculumLeaves\n */\n const curriculumLinkSets = React.useMemo(() => {\n const newSet: CurriculumLinksSet = {};\n\n props.curriculumLinks.forEach(linkSet => {\n let subject: Curriculum<CurriculumType.Subject> = null;\n let audience: Curriculum<CurriculumType.Audience> = null;\n const areas: Curriculum<CurriculumType.Area>[] = [];\n const leaves: Curriculum<CurriculumType.Leaf>[] = [];\n \n linkSet.forEach(curriculumObj => {\n switch (curriculumObj.type) {\n case CurriculumType.Subject:\n subject = curriculumObj as Curriculum<CurriculumType.Subject>;\n break;\n case CurriculumType.Audience:\n audience = curriculumObj as Curriculum<CurriculumType.Audience>;\n break;\n case CurriculumType.Area:\n areas.push(curriculumObj as Curriculum<CurriculumType.Area>);\n break;\n case CurriculumType.Leaf:\n leaves.push(curriculumObj as Curriculum<CurriculumType.Leaf>);\n break;\n default:\n break;\n }\n });\n \n const key = `${subject.id}:${audience.id}`;\n\n if (newSet[key]) {\n newSet[key].areasAndLeaves.push({\n [CurriculumType.Area]: areas,\n [CurriculumType.Leaf]: leaves\n });\n \n return;\n }\n \n newSet[key] = {\n [CurriculumType.Subject]: subject,\n [CurriculumType.Audience]: audience,\n areasAndLeaves: [{\n [CurriculumType.Area]: areas,\n [CurriculumType.Leaf]: leaves\n }]\n };\n });\n\n return newSet;\n }, [props.curriculumLinks]);\n\n if (!props.curriculumLinks)\n return <PartialCurriculumLinks />;\n\n if (!props.curriculumLinks?.length) {\n return <CurriculumLinksEmptyState emptyStateUrl={props.emptyStateUrl} />;\n }\n\n return (\n <ul className='list-unstyled m-0'>\n {Object.keys(curriculumLinkSets).map((linkSetKey, i) => (\n <li key={`linkset-${i}`} className={styles.curriculumSet}>\n <CurriculumSubject\n linkSet={curriculumLinkSets[linkSetKey]}\n trySetMaxCodeWidth={trySetMaxCodeWidth}\n codeWidth={codeWidth}\n />\n </li>\n ))}\n </ul>\n );\n}","import React from 'react';\n\nimport { CurriculumLinkItem } from 'libs/shared/components/curriculum-links/CurriculumLinkItem';\nimport { PartialTagItem } from 'libs/shared/components/tags/PartialTagItem';\nimport { DynamicWidget } from 'libs/shared/components/widgets/dynamic-widget';\nimport { CurriculumData, Presentation } from 'libs/shared/interfaces';\n\ninterface CurriculumsWidgetProps {\n curriculums: CurriculumData;\n selectedCurriculum: Presentation;\n onChangeCurriculum: (curriculumId: string) => void;\n noNegativePadding?: boolean;\n}\n\nexport function CurriculumsWidget(props: CurriculumsWidgetProps): JSX.Element {\n return (\n <DynamicWidget\n collection={props.selectedCurriculum?.id ? props.curriculums.nonEmptyCurriculums : null}\n childClassName='flex-shrink-0'\n childComponent={_props => {\n return (\n <CurriculumLinkItem\n {..._props}\n selected={props.selectedCurriculum?.id?.toString() === _props.data.id.toString()}\n onChangeCurriculum={props.onChangeCurriculum}\n />\n );\n }}\n partialLoadingComponent={() => <PartialTagItem />}\n widgetDataDeps={[ props.selectedCurriculum?.id?.toString(), props.onChangeCurriculum ]}\n noNegativePadding={props.noNegativePadding}\n />\n );\n}","import React from 'react';\n\nimport styles from './tags.scss';\n\ninterface PartialTagItemProps {\n tagClass?: string;\n}\n\nexport const PartialTagItem = React.memo(function({ tagClass = '' }: PartialTagItemProps): JSX.Element {\n const classNames = `partial-loading-background d-inline-block rounded-pill py-1 px-2 mb-1 me-1 text-nowrap ${tagClass} ${styles.partialTag}`;\n\n return (\n <div className='mt-1'>\n <span className={classNames}> </span>\n </div>\n );\n});","export enum CurriculumType {\n Subject = 'CurriculumSubject',\n Audience = 'CurriculumAudience',\n Area = 'CurriculumArea',\n Leaf = 'CurriculumLeaf'\n}","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, PresentationDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { PartialCurriculumLinks } from 'libs/shared/components/curriculum-links/partial-loading/PartialCurriculumLinks';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CurriculumData, Presentation, Video } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\n\nimport { CurriculumLinksV2 } from './CurriculumLinksV2';\nimport { CurriculumsWidget } from './CurriculumsWidget';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinksWithScrollbarV2Props {\n video: Video;\n curriculums: CurriculumData;\n emptyStateUrl: string;\n height?: number;\n canViewCurriculumLinks: boolean;\n headingRef?: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n}\n\nexport function CurriculumLinksWithScrollbarV2(props: CurriculumLinksWithScrollbarV2Props): JSX.Element {\n const {\n hasLoaded,\n activeCurriculum,\n availableCurriculums,\n curriculumLinks,\n updateCurriculum,\n customerHasCurriculumLinks\n } = props.curriculums;\n\n const [ selectedCurriculum, setSelectedCurriculum ] = React.useState<Presentation>();\n\n const alerts = useAlerts();\n\n React.useEffect(() => {\n if (!hasLoaded)\n return;\n\n if (!selectedCurriculum)\n setSelectedCurriculum(activeCurriculum ?? ArrayHelper.first(availableCurriculums));\n }, [ activeCurriculum?.id, hasLoaded ]);\n\n function onChangeCurriculum(curriculumId: string): void {\n const newCurriculum = availableCurriculums.find(c => c.id.toString() === curriculumId);\n\n if (!newCurriculum?.id)\n return;\n\n if (selectedCurriculum?.id?.toString() === newCurriculum?.id?.toString())\n return;\n\n setSelectedCurriculum(newCurriculum);\n\n const onError = () => {\n // If the request to change curriculum fails, we reset the select state and alert the user\n setSelectedCurriculum(selectedCurriculum);\n alerts.error(getPhrase('updateFailed'));\n };\n\n const onSuccess = () => {\n AnalyticsHelper.logUserAction({\n id: newCurriculum.id,\n name: newCurriculum.id,\n description: newCurriculum.description,\n videoId: props.video.id,\n videoName: props.video.name\n }, {\n entity: EntityType.Presentation,\n actionType: UserAction.Select,\n descriptor: PresentationDescriptor.Curriculum,\n location: LocationContext.PlayPage\n });\n };\n\n updateCurriculum(newCurriculum, onSuccess, onError);\n }\n\n if (!props.canViewCurriculumLinks || !customerHasCurriculumLinks)\n return <></>;\n \n return (\n <section\n id={PlayPageAnchor.CurriculumLinks}\n ref={el => {\n (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.CurriculumLinks, el);\n }}\n className='play-page-section'\n >\n <h2 className='h4 me-2 h-100'>\n <Text namespace={namespace} phrase='heading' />\n </h2>\n <div className='mb-2'>\n <CurriculumsWidget\n curriculums={props.curriculums}\n selectedCurriculum={selectedCurriculum}\n onChangeCurriculum={onChangeCurriculum}\n />\n </div>\n\n <div className='rounded border position-relative'>\n <Scrollbars autoHeight autoHeightMax={props.height}>\n <div className='p-3'>\n {!hasLoaded\n ? <PartialCurriculumLinks />\n : (\n <CurriculumLinksV2\n curriculumLinks={curriculumLinks}\n emptyStateUrl={props.emptyStateUrl}\n />\n )}\n </div>\n </Scrollbars>\n </div>\n </section>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"xSI0l\",\"expandedToc\":\"j5FCv\"};","import React from 'react';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PlayPageClips } from 'libs/shared/components/play-page-v2/clips-widget/PlayPageClips';\nimport { CurriculumLinksWithScrollbarV2 } from 'libs/shared/components/play-page-v2/curriculum-links/CurriculumLinksWithScrollbarV2';\nimport { VideoDetailsWithScrollbarV2 } from 'libs/shared/components/play-page-v2/details/VideoDetailsV2';\nimport { hasGlanceData } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceUtilsV2';\nimport { VideoAtAGlanceV2 } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceV2';\nimport { PlayPageInteractives } from 'libs/shared/components/play-page-v2/interactives-widget/PlayPageInteractives';\nimport { PlayPageResources } from 'libs/shared/components/play-page-v2/resources-widget/PlayPageResources';\nimport { LanguageNamespaceContext } from 'libs/shared/components/text/Text';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, CurriculumData, FavouriteFunc, InteractiveMetadata, PointOfInterest, PresentationAudience, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { TableOfContentsContainer } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\nimport { PlayPageTitleAndActions } from 'shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions';\nimport { getAppLinks } from 'shared/components/play-page/PlayPageUtils';\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { PlayerPlaceholder } from 'shared/components/player-placeholder/PlayerPlaceholder';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { usePlayPageTableOfContent } from 'shared/views/play/v2/hooks/usePlayPageTableOfContent';\nimport { useSectionHeadings } from 'shared/views/play/v2/hooks/useSectionHeadings';\nimport { PlayPageUtils } from 'shared/views/play/v2/PlayPageUtilV2';\n\nimport styles from './play-page.scss';\n\nconst namespace = 'shared.play';\n\ninterface PlayPageV2Props {\n video: Video;\n clips: Clip[];\n interactives: InteractiveMetadata[];\n yearGroups: YearGroup[];\n imageCdnUrl: string;\n relatedVideos: RelatedVideosHash;\n audiences: PresentationAudience[];\n setFavourite?: FavouriteFunc;\n canFavourite?: CanFavouriteFunc;\n currentUser: CurrentUser;\n pointsOfInterest?: PointOfInterest[];\n playNext: boolean;\n shareId?: string;\n curriculums: CurriculumData;\n featureAccess: VideoFeaturesHash;\n params?: PlayViewQueryParams;\n canManageVideoAccess: boolean;\n tableOfContentsId: string;\n shouldShowSideTableOfContents: boolean;\n isPlugin: boolean;\n breadcrumbs?: Breadcrumb[];\n}\n\nexport function PlayPageV2(props: PlayPageV2Props): JSX.Element {\n const playerContext = usePlayerContext();\n\n const { hasPermissions } = usePermissions();\n const { canConsume } = VideoHelper.getCanBeConsumed(props.video);\n\n const {\n tableOfContentsActiveId,\n setTableOfContentsActiveId,\n controlledId,\n setControlledId,\n tableOfContentsExpanded,\n onToggleTableOfContents\n } = usePlayPageTableOfContent(props.tableOfContentsId);\n\n const hasGlance = hasGlanceData(props.video) && props.featureAccess.canViewGlance;\n\n const { headingRef, headingElements } = useSectionHeadings(hasGlance);\n const items = headingElements.map(ele => {\n return {\n id: ele.id as PlayPageAnchor,\n name: PlayPageUtils.getSectionHeading(\n ele.id as PlayPageAnchor,\n {\n clips: props.clips,\n interactives: props.interactives,\n resources: [ ...(props.video.resources?.data ?? []), ...(props.video.links?.data ?? []) ]\n }\n )\n };\n });\n\n const isArchived = VideoHelper.isVideoTypeArchived(props.video);\n const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n\n useTableOfContentsActiveHeading({\n setActiveId: setTableOfContentsActiveId,\n headingElements,\n controlledId,\n setControlledId\n });\n\n useTableOfContentsScroll(headingElements, controlledId);\n\n /**\n * Need to use a ref because if we use state, onExitImmersiveReader will have a stale\n * reference of the state. This is because the state is changed in onLaunchImmersiveReader\n * which is passed in at the same time as onExitImmersiveReader\n */\n const shouldPlayOnExitImmersiveReader = React.useRef(false);\n\n const appLinkFns = getAppLinks();\n\n function onLaunchImmersiveReader(): void {\n shouldPlayOnExitImmersiveReader.current = !playerContext?.playerRef?.current?.isPaused();\n playerContext?.playerRef?.current?.pause();\n }\n\n function onExitImmersiveReader(): void {\n if (!shouldPlayOnExitImmersiveReader.current)\n return;\n\n playerContext?.playerRef?.current?.play();\n }\n\n function getMainClassName() {\n if (props.shouldShowSideTableOfContents && tableOfContentsExpanded) {\n return `${styles.expandedToc} col-9`;\n }\n if (props.shouldShowSideTableOfContents && !tableOfContentsExpanded)\n return 'pe-4';\n }\n\n const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || props.featureAccess.canViewPublicLayout;\n\n return (\n <LanguageNamespaceContext.Provider value={namespace}>\n <div className={`px-4 play-page-sections-container ${props.shouldShowSideTableOfContents ? 'row' : ''}`}>\n <main className={`${styles.main} ${getMainClassName()}`}>\n {!!props.breadcrumbs?.length &&\n <div className='mb-2'>\n <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n </div>\n }\n\n <RestrictionBanner\n restrictions={props.video._restrictions}\n yearGroups={props.yearGroups}\n objectId={props.video.id}\n objectTypeId={MasterType.Video}\n canManageVideoAccess={props.canManageVideoAccess}\n />\n\n {isArchived && <ArchivedBanner typeId={props.video.typeId} hasStudentExperience={hasStudentExperience} />}\n\n <section\n id={PlayPageAnchor.Video}\n className={`mb-2 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n >\n {canConsume && (\n <GlobalPlayerConsumer\n key={props.video.id}\n objectId={props.video.id}\n objectTypeId={props.video.typeId}\n shareId={props.shareId}\n context={props.params?.context}\n contextId={props.params?.contextId}\n playNext={props.params?.playNext}\n moviesAndTv={props.params?.mtv}\n startTime={props.params?.t ?? props.params?.startTime}\n endTime={props.params?.endTime}\n mode='default'\n location='play-page'\n />\n )}\n <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n <PlayerPlaceholder\n video={props.video}\n appLink={{\n application: AppChannels.SIGN_UP,\n action: Actions.SignUp.SIGN_UP\n }}\n type={playerContext.mode === 'picture-in-picture' ? 'pip' : 'public'}\n />\n </div>\n </section>\n\n <PlayPageTitleAndActions\n media={props.video}\n yearGroups={props.yearGroups}\n audiences={props.audiences}\n getSeriesAppLink={series => appLinkFns.getSeriesAppLink(series, props.params.mtv)}\n featureAccess={props.featureAccess}\n shareId={props.shareId}\n />\n {/* if no glance render video details here */}\n {hasGlance ? (\n <VideoAtAGlanceV2\n video={props.video}\n pointsOfInterest={props.pointsOfInterest}\n setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n getTagAppLink={appLinkFns.getTagAppLink}\n suppressInteractivity={props.featureAccess.canViewPublicLayout}\n canViewGlance={hasGlance}\n />\n ) : (\n <VideoDetailsWithScrollbarV2\n video={props.video}\n currentUser={props.currentUser}\n headingRef={headingRef}\n onLaunchImmersiveReader={onLaunchImmersiveReader}\n onExitImmersiveReader={onExitImmersiveReader}\n getTagAppLink={appLinkFns.getTagAppLink}\n suppressInteractivity={props.featureAccess.canViewPublicLayout}\n />\n )}\n\n <CurriculumLinksWithScrollbarV2\n headingRef={headingRef}\n video={props.video}\n height={MINIMUM_GLANCE_HEIGHT}\n curriculums={props.curriculums}\n emptyStateUrl={ImageUrls.EmptyStates.CURRICULUM_LINKS}\n canViewCurriculumLinks={props.featureAccess.canViewCurriculumLinks}\n />\n\n <PlayPageResources\n headingRef={headingRef}\n video={props.video}\n canViewResources={props.featureAccess.canViewResourceItems}\n imageCdnUrl={props.imageCdnUrl}\n getAppLink={\n appLinkFns.getResourceAppLink(props.video.id, props.shareId, props.featureAccess.canViewResourceItems)\n }\n analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n />\n\n <PlayPageInteractives\n headingRef={headingRef}\n video={props.video}\n interactives={props.interactives}\n imageCdnUrl={props.imageCdnUrl}\n analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n canViewInteractives={props.featureAccess.canViewInteractives}\n yearGroups={props.yearGroups}\n setFavourite={props.setFavourite}\n canFavourite={props.canFavourite}\n isPlugin={props.isPlugin}\n />\n\n <PlayPageClips\n video={props.video}\n headingRef={headingRef}\n clips={props.clips}\n canViewClips={props.featureAccess.canViewClips}\n yearGroups={props.yearGroups}\n audiences={props.audiences}\n imageCdnUrl={props.imageCdnUrl}\n setFavourite={props.setFavourite}\n canFavourite={props.canFavourite}\n analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n isPlugin={props.isPlugin}\n />\n\n {/* if has glance, render video details here */}\n {hasGlance && (\n <VideoDetailsWithScrollbarV2\n video={props.video}\n currentUser={props.currentUser}\n headingRef={headingRef}\n onLaunchImmersiveReader={onLaunchImmersiveReader}\n onExitImmersiveReader={onExitImmersiveReader}\n getTagAppLink={appLinkFns.getTagAppLink}\n suppressInteractivity={props.featureAccess.canViewPublicLayout}\n showHeading\n />\n )}\n\n <RelatedVideos\n currentVideo={props.video}\n headingRef={headingRef}\n yearGroups={props.yearGroups}\n relatedVideos={props.relatedVideos}\n currentUser={props.currentUser}\n setFavourite={props.setFavourite}\n canFavourite={props.canFavourite}\n getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n ...opts,\n context: props.params.context,\n contextId: props.params.contextId,\n playNext: props.params.playNext,\n shareId: props.shareId,\n moviesAndTv: props.params.mtv\n })}\n audiences={props.audiences}\n moviesAndTv={props.params.mtv}\n isPlugin={props.isPlugin}\n />\n </main>\n\n <TableOfContentsContainer\n isExpanded={tableOfContentsExpanded}\n setIsExpanded={onToggleTableOfContents}\n items={items}\n activeId={tableOfContentsActiveId}\n setControlledId={setControlledId}\n analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n showInSide={props.shouldShowSideTableOfContents}\n />\n\n </div>\n </LanguageNamespaceContext.Provider>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"curriculumSubject\":\"GvGYH\",\"curriculumSet\":\"d7RK0\",\"areaLeafSet\":\"XRTAe\",\"closeButton\":\"N3l5Q\",\"heading\":\"hAxR4\",\"leafDescriptionOnly\":\"h66ke\",\"dropdown\":\"CsG6G\",\"tag\":\"rdLqY\",\"cover\":\"etwaD\",\"active\":\"aDLMe\",\"selected\":\"BMrSd\"};"],"names":["getPhrase","CurriculumLinkItem","props","curriculumTag","data","key","id","className","selected","onClick","onChangeCurriculum","toString","name","src","cover","url","size","alt","namespace","CurriculumLinksEmptyState","emptyStateUrl","altText","phrase","PartialCurriculumLinkSection","PartialCurriculumLinks","BRACKET_SEGMENT_REGEX","BASE_PILL_CLASS","CurriculumLeaf","getCurriculumCodeClass","baseClass","leaf","uiContainsCodes","codeRef","current","width","getBoundingClientRect","trySetMaxCodeWidth","description","style","minWidth","codeWidth","ref","Text","dangerouslySetInnerHTML","__html","CurriculumSubject","audienceSegment","subjectSegment","audienceBracketSegments","areaAndLeafSets","getLeafStyleClass","linkSet","areasAndLeaves","forEach","areaAndLeafSet","areaText","CurriculumType","map","ca","join","find","l","push","match","Object","keys","i","CurriculumLinksV2","setCodeWidth","currentVal","curriculumLinkSets","newSet","curriculumLinks","subject","audience","areas","leaves","curriculumObj","type","length","linkSetKey","CurriculumsWidget","collection","selectedCurriculum","curriculums","nonEmptyCurriculums","childClassName","childComponent","_props","partialLoadingComponent","widgetDataDeps","noNegativePadding","PartialTagItem","tagClass","classNames","LanguageService","CurriculumLinksWithScrollbarV2","hasLoaded","activeCurriculum","availableCurriculums","updateCurriculum","customerHasCurriculumLinks","setSelectedCurriculum","alerts","ArrayHelper","canViewCurriculumLinks","PlayPageAnchor","el","headingRef","set","curriculumId","newCurriculum","c","AnalyticsHelper","videoId","video","videoName","entity","actionType","descriptor","location","error","autoHeight","autoHeightMax","height","PlayPageV2","playerContext","hasPermissions","usePermissions","canConsume","VideoHelper","usePlayPageTableOfContent","tableOfContentsId","tableOfContentsActiveId","setTableOfContentsActiveId","controlledId","setControlledId","tableOfContentsExpanded","onToggleTableOfContents","hasGlance","featureAccess","canViewGlance","useSectionHeadings","headingElements","items","ele","clips","interactives","resources","links","isArchived","hasStudentExperience","PermissionName","useTableOfContentsActiveHeading","setActiveId","useTableOfContentsScroll","shouldPlayOnExitImmersiveReader","appLinkFns","onLaunchImmersiveReader","playerRef","isPaused","pause","onExitImmersiveReader","play","showPlayerPlaceholder","mode","canViewPublicLayout","value","shouldShowSideTableOfContents","breadcrumbs","Breadcrumbs","RestrictionBanner","restrictions","_restrictions","yearGroups","objectId","objectTypeId","MasterType","canManageVideoAccess","ArchivedBanner","typeId","SeoConstants","GlobalPlayerConsumer","shareId","context","params","contextId","playNext","moviesAndTv","mtv","startTime","t","endTime","PlayerPlaceholder","appLink","application","action","PlayPageTitleAndActions","media","audiences","getSeriesAppLink","series","VideoAtAGlanceV2","pointsOfInterest","setStartTime","time","currentTime","getTagAppLink","suppressInteractivity","currentUser","ImageUrls","PlayPageResources","canViewResources","canViewResourceItems","imageCdnUrl","getAppLink","getResourceAppLink","analyticsData","resourceThumbnailFallbackUrl","PlayPageInteractives","canViewInteractives","setFavourite","canFavourite","isPlugin","PlayPageClips","canViewClips","showHeading","RelatedVideos","currentVideo","relatedVideos","getVideoAppLink","v","opts","VideoAppLinkHelper","TableOfContents","isExpanded","setIsExpanded","activeId","showInSide"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"scripts/1169-e4773094dc-lite.chunk.js","mappings":"yMAYMA,EAAY,qBADA,0BASZ,SAAUC,EAAmBC,GACjC,IAAcC,EAAkBD,EAAxBE,KAER,OACE,gBAAC,IAAS,CACRC,IAAKF,EAAcG,GACnBC,UAAS,gFAA2E,QAAU,YAAIL,EAAMM,SAAW,aAAkB,IACrIC,QAAS,WAAF,OAAQP,EAAMQ,mBAAmBP,EAAcG,GAAGK,WAAW,yBACrDX,EAAU,cAAa,YAAIG,EAAcS,OAExD,uBAAKL,UAAS,mBAAc,UAAY,2BACtC,uBACEM,IAAK,cAAsBV,EAAcW,MAAMC,IAAK,CAAEC,KAAM,aAC5DC,IAAKd,EAAcS,KACnBL,UAAU,oBAGd,uBAAKA,UAAU,QACZJ,EAAcS,MAIvB,C,mFCnCMM,EAAY,yBACZlB,EAAY,qBAAiCkB,GAM7C,SAAUC,EAA0BjB,GACxC,OACE,gBAAC,IAAU,CAACK,UAAU,QACpB,gBAAC,UAAgB,CAACM,IAAKX,EAAMkB,cAAeC,QAASrB,EAAU,aAAcgB,KAAK,UAClF,gBAAC,YAAkB,KACjB,gBAAC,IAAI,CAACE,UAAWA,EAAWI,OAAO,kBAErC,gBAAC,SAAe,KACd,gBAAC,IAAI,CAACJ,UAAWA,EAAWI,OAAO,eAI3C,C,kDCtBA,IAAMC,EAA+B,WAAH,OAChC,gCACE,uBAAKhB,UAAS,qFCLS,WDMvB,2BACE,uBAAKA,UAAS,0CCPsB,WDSpC,uBAAKA,UAAU,eACb,uBAAKA,UAAS,gCCVmC,UDW/C,uBAAKA,UAAS,kFAGhB,uBAAKA,UAAS,qCCdyD,aDiB1E,EAGC,SAAUiB,IACd,OACE,2BACE,uBAAKjB,UAAU,QACb,gBAACgB,EAA4B,OAG/B,uBAAKhB,UAAU,QACb,gBAACgB,EAA4B,OAG/B,2BACE,gBAACA,EAA4B,OAIrC,C,8FEpCA,SAAgB,kBAAoB,QAAQ,cAAgB,QAAQ,YAAc,QAAQ,YAAc,QAAQ,oBAAsB,S,2tBCStI,IAAME,EAAwB,mBAExBP,EAAY,yBAEZQ,EAAkB,sFAkBxB,SAASC,EAAezB,GACtB,SAAS0B,IACP,IAAMC,EAAYH,EAAkB,mBAGpC,OAAKxB,EAAM4B,KAAKlB,MAAQV,EAAM6B,gBACrBF,EAAY,mCAEdA,EAAY,cACrB,CAEA,IAAMG,EAAU,WAWhB,OATA,aAAgB,WACd,GAAKA,EAAQC,QAAb,CAGA,IAAQC,EAAUF,EAAQC,QAAQE,wBAA1BD,MAERhC,EAAMkC,mBAAmBF,EAJjB,CAKV,GAAG,CAACF,EAAQC,UAGV,uBAAK1B,UAAU,UAENL,EAAM4B,KAAKO,aAOXnC,EAAM4B,KAAKlB,MAAQV,EAAM6B,gBAE1B,gCACE,uBACExB,UAAU,wBACV+B,MAAO,CAAEC,SAAUrC,EAAMsC,UAAY,GAAH,OAAMtC,EAAMsC,UAAS,MAAO,SAE9D,sBAAIC,IAAKT,EAASzB,UAAWqB,KAC3B,gBAACc,EAAA,EAAI,CAACxB,UAAWA,EAAWI,OAAO,aAGvC,qBAAGf,UAAU,wBAAwBoC,wBAAyB,CAAEC,OAAQ1C,EAAM4B,KAAKO,gBASpFnC,EAAM4B,KAAKlB,MAASV,EAAM6B,gBAI7B,gCACE,uBACExB,UAAU,wBACV+B,MAAO,CAAEC,SAAUrC,EAAMsC,UAAY,GAAH,OAAMtC,EAAMsC,UAAS,MAAO,SAE9D,sBAAIC,IAAKT,EAASzB,UAAWqB,KAA2B1B,EAAM4B,KAAKlB,OAErE,qBAAGL,UAAU,wBAAwBoC,wBAAyB,CAAEC,OAAQ1C,EAAM4B,KAAKO,gBAV9E,qBAAG9B,UAAU,MAAMoC,wBAAyB,CAAEC,OAAQ1C,EAAM4B,KAAKO,eA3BjE,qBAAG9B,UAAU,MAAMoC,wBAAyB,CAAEC,OAAQ1C,EAAM4B,KAAKlB,QA2ClF,CAQA,SAASiC,EAAkB3C,GACzB,IAyBQ4C,EACAC,EAOAC,EAjCFC,EAA8E,CAAC,EAEjFlB,GAAkB,EAuCtB,SAASmB,EAAkBpB,GACzB,IAAMvB,EAAY,OAElB,OAAKuB,EAAKlB,MAASmB,EAGZxB,EAFEA,EAAY,SAAW,qBAGlC,CAEA,OA9CAL,EAAMiD,QAAQC,eAAeC,SAAQ,SAAAC,GACnC,IAAMC,EAAWD,EAAeE,EAAA,QAAqBC,KAAI,SAAAC,GAAE,OAAIA,EAAG9C,IAAI,IAAE+C,KAAK,OAEzEV,EAAgBM,GAClBD,EAAeE,EAAA,QAAqBH,SAAQ,SAAAvB,GACrCmB,EAAgBM,GAAUK,MAAK,SAAAC,GAAC,OAAIA,EAAEjD,OAASkB,EAAKlB,IAAI,MAC3DqC,EAAgBM,GAAUO,KAAKhC,GAG3BA,EAAKlB,OACPmB,GAAkB,GAExB,IAKFkB,EAAgBM,GAAYD,EAAeE,EAAA,OAC7C,IA6BE,gCACE,sBAAIjD,UAAS,UAAKmB,EAAe,kDA3B7BoB,EAAkB5C,EAAMiD,QAAQK,EAAA,YAAyB5C,KACzDmC,EAAiB7C,EAAMiD,QAAQK,EAAA,WAAwB5C,MAOvDoC,EAA0BF,EAAgBiB,MAAMtC,IAG7C,GAAP,OAAUuB,EAAwB,GAAE,cAAMA,EAAwB,GAAE,cAAMD,GAErE,GAAP,OAAUD,EAAe,cAAMC,KAkB7B,uBAAKxC,UAAS,eAAU,sBACrByD,OAAOC,KAAKhB,GAAiBQ,KAAI,SAACF,EAAUW,GAC3C,OACE,uBAAK7D,IAAK6D,EAAG3D,UAAW,eACrBgD,GAAY,sBAAIhD,UAAU,yBAAyBgD,GACpD,sBAAIhD,UAAU,iBACX0C,EAAgBM,GAAUE,KAAI,SAAA3B,GAAI,OACjC,sBAAIzB,IAAKyB,EAAKxB,GAAIC,UAAW2C,EAAkBpB,IAC7C,gBAACH,EAAc,CACbG,KAAMA,EACNU,UAAWtC,EAAMsC,UACjBJ,mBAAoBlC,EAAMkC,mBAC1BL,gBAAiBA,IAEhB,KAKf,KAIR,CAWM,SAAUoC,EAAkBjE,G,UACqB,G,EAAjB,WAAe,G,EAAE,E,o4BAA7CsC,EAAS,KAAE4B,EAAY,KAE/B,SAAShC,EAAmBF,GAW1BkC,GAAa,SAAAC,GACX,OAAIA,GAAcnC,EACTmC,EAEFnC,CACT,GACF,CAUA,IAAMoC,EAAqB,WAAc,WACvC,IAAMC,EAA6B,CAAC,EAgDpC,OA9CArE,EAAMsE,gBAAgBnB,SAAQ,SAAAF,GAC5B,IAAIsB,EAA8C,KAC9CC,EAAgD,KAC9CC,EAA2C,GAC3CC,EAA4C,GAElDzB,EAAQE,SAAQ,SAAAwB,GACd,OAAQA,EAAcC,MACpB,KAAKtB,EAAA,UACHiB,EAAUI,EACV,MACF,KAAKrB,EAAA,WACHkB,EAAWG,EACX,MACF,KAAKrB,EAAA,OACHmB,EAAMb,KAAKe,GACX,MACF,KAAKrB,EAAA,OACHoB,EAAOd,KAAKe,GAKlB,IAEA,IAAMxE,EAAM,GAAH,OAAMoE,EAAQnE,GAAE,YAAIoE,EAASpE,IAElCiE,EAAOlE,GACTkE,EAAOlE,GAAK+C,eAAeU,KAAK,EAAD,KAC5BN,EAAA,OAAsBmB,GACtBnB,EAAA,OAAsBoB,IAM3BL,EAAOlE,GAAO,EAAH,OACRmD,EAAA,UAAyBiB,GACzBjB,EAAA,WAA0BkB,GAAQ,iBACnB,CAAC,EAAD,KACblB,EAAA,OAAsBmB,GACtBnB,EAAA,OAAsBoB,IAG7B,IAEOL,CACT,GAAG,CAACrE,EAAMsE,kBAEV,OAAKtE,EAAMsE,iBAGe,QAArB,EAAAtE,EAAMsE,uBAAe,eAAEO,QAK1B,sBAAIxE,UAAU,qBACXyD,OAAOC,KAAKK,GAAoBb,KAAI,SAACuB,EAAYd,GAAC,OACjD,sBAAI7D,IAAG,kBAAa6D,GAAK3D,UAAW,iBAClC,gBAACsC,EAAiB,CAChBM,QAASmB,EAAmBU,GAC5B5C,mBAAoBA,EACpBI,UAAWA,IAEV,KAZF,gBAACrB,EAAA,EAAyB,CAACC,cAAelB,EAAMkB,gBAHhD,gBAACI,EAAA,EAAsB,KAmBlC,C,kFChSM,SAAUyD,EAAkB/E,G,UAChC,OACE,gBAAC,KAAa,CACZgF,YAAoC,QAAxB,EAAAhF,EAAMiF,0BAAkB,eAAE7E,IAAKJ,EAAMkF,YAAYC,oBAAsB,KACnFC,eAAe,gBACfC,eAAgB,SAAAC,G,QACd,OACE,gBAAC,IAAkB,iBACbA,EAAM,CACVhF,UAAsC,QAA5B,EAAwB,QAAxB,EAAAN,EAAMiF,0BAAkB,eAAE7E,UAAE,eAAEK,cAAe6E,EAAOpF,KAAKE,GAAGK,WACtED,mBAAoBR,EAAMQ,qBAGhC,EACA+E,wBAAyB,WAAF,OAAQ,gBAAC,IAAc,KAAG,EACjDC,eAAgB,CAA8B,QAA5B,EAAwB,QAAxB,EAAAxF,EAAMiF,0BAAkB,eAAE7E,UAAE,eAAEK,WAAYT,EAAMQ,oBAClEiF,kBAAmBzF,EAAMyF,mBAG/B,C,6DCzBaC,EAAiB,QAAW,YAA+C,QAApCC,SAC5CC,EAAa,0FAAH,YAD0C,IAAG,KAAE,EACsD,YAAI,gBAEzH,OACE,uBAAKvF,UAAU,QACb,wBAAMA,UAAWuF,GAAU,KAGjC,G,0FChBA,IAAYtC,E,iBAAZ,SAAYA,GACV,8BACA,gCACA,wBACA,uBACD,CALD,CAAYA,IAAAA,EAAc,I,uSCkB1B,IAAMtC,EAAY,yBACZlB,EAAY+F,EAAA,mBAAiC7E,GAW7C,SAAU8E,EAA+B9F,GAC7C,I,IAAA,EAOIA,EAAMkF,YANRa,EAAS,EAATA,UACAC,EAAgB,EAAhBA,iBACAC,EAAoB,EAApBA,qBACA3B,EAAe,EAAfA,gBACA4B,EAAgB,EAAhBA,iBACAC,EAA0B,EAA1BA,2BAGkF,G,EAA9B,a,EAA8B,E,o4BAA5ElB,EAAkB,KAAEmB,EAAqB,KAE3CC,GAAS,SA6Cf,OA3CA,aAAgB,WACTN,IAGAd,GACHmB,EAAsBJ,QAAAA,EAAoBM,EAAA,QAAkBL,IAChE,GAAG,CAAED,aAAgB,EAAhBA,EAAkB5F,GAAI2F,IAqCtB/F,EAAMuG,wBAA2BJ,EAIpC,2BACE/F,GAAIoG,EAAA,kBACJjE,IAAK,SAAAkE,G,MACFA,IAAsB,QAAhB,EAAAzG,EAAM0G,kBAAU,eAAE3E,UAAY/B,EAAM0G,WAAW3E,QAAQ4E,IAAIH,EAAA,kBAAgCC,EACpG,EACApG,UAAU,qBAEV,sBAAIA,UAAU,iBACZ,gBAACmC,EAAA,EAAI,CAACxB,UAAWA,EAAWI,OAAO,aAErC,uBAAKf,UAAU,QACb,gBAAC0E,EAAA,EAAiB,CAChBG,YAAalF,EAAMkF,YACnBD,mBAAoBA,EACpBzE,mBArDR,SAA4BoG,G,QACpBC,EAAgBZ,EAAqBvC,MAAK,SAAAoD,GAAC,OAAIA,EAAE1G,GAAGK,aAAemG,CAAY,KAEhFC,aAAa,EAAbA,EAAezG,MAGM,QAAtB,EAAA6E,aAAkB,EAAlBA,EAAoB7E,UAAE,eAAEK,eAAgC,QAAjB,EAAAoG,aAAa,EAAbA,EAAezG,UAAE,eAAEK,cAG9D2F,EAAsBS,GAuBtBX,EAAiBW,GAfC,WAChBE,EAAA,gBAA8B,CAC5B3G,GAAIyG,EAAczG,GAClBM,KAAMmG,EAAczG,GACpB+B,YAAa0E,EAAc1E,YAC3B6E,QAAShH,EAAMiH,MAAM7G,GACrB8G,UAAWlH,EAAMiH,MAAMvG,MACtB,CACDyG,OAAQ,kBACRC,WAAY,YACZC,WAAY,gBACZC,SAAU,eAEd,IAnBgB,WAEdlB,EAAsBnB,GACtBoB,EAAOkB,MAAMzH,EAAU,gBACzB,IAkBF,KAwBI,uBAAKO,UAAU,oCACb,gBAAC,KAAU,CAACmH,YAAU,EAACC,cAAezH,EAAM0H,QAC1C,uBAAKrH,UAAU,OACX0F,EAGE,gBAAC9B,EAAA,EAAiB,CAChBK,gBAAiBA,EACjBpD,cAAelB,EAAMkB,gBAJvB,gBAACI,EAAA,EAAsB,UAzB5B,gCAqCX,C,iUC5HA,SAAgB,KAAO,QAAQ,YAAc,S,8tBC2C7C,IAAM,EAAY,cA0BZ,SAAUqG,GAAW3H,G,sBACnB4H,GAAgB,SAEdC,GAAmB,EAAAC,EAAA,KAAnBD,eACAE,EAAeC,EAAA,mBAA6BhI,EAAMiH,OAAlDc,WAER,GAOI,EAAAE,EAAA,GAA0BjI,EAAMkI,mBANlCC,EAAuB,EAAvBA,wBACAC,EAA0B,EAA1BA,2BACAC,GAAY,EAAZA,aACAC,GAAe,EAAfA,gBACAC,GAAuB,EAAvBA,wBACAC,GAAuB,EAAvBA,wBAGIC,IAAY,QAAczI,EAAMiH,QAAUjH,EAAM0I,cAAcC,cAEpE,IAAwC,EAAAC,EAAA,GAAmBH,IAAnD/B,GAAU,GAAVA,WAAYmC,GAAe,GAAfA,gBACdC,GAAQD,GAAgBtF,KAAI,SAAAwF,G,YAChC,MAAO,CACL3I,GAAI2I,EAAI3I,GACRM,KAAM,sBACJqI,EAAI3I,GACJ,CACE4I,MAAOhJ,EAAMgJ,MACbC,aAAcjJ,EAAMiJ,aACpBC,UAAW,GAAF,SAAmC,QAA3B,EAAqB,QAArB,EAAAlJ,EAAMiH,MAAMiC,iBAAS,eAAEhJ,YAAI,QAAI,IAAK,EAA2B,QAAvB,EAAiB,QAAjB,EAAAF,EAAMiH,MAAMkC,aAAK,eAAEjJ,YAAI,QAAI,OAI5F,IAEMkJ,GAAapB,EAAA,sBAAgChI,EAAMiH,OACnDoC,GAAuBxB,EAAeyB,EAAA,sBAE5C,EAAAC,EAAA,GAAgC,CAC9BC,YAAapB,EACbS,gBAAAA,GACAR,aAAAA,GACAC,gBAAAA,MAGF,EAAAmB,EAAA,GAAyBZ,GAAiBR,IAO1C,IAAMqB,GAAkC,UAAa,GAE/CC,IAAa,UAEnB,SAASC,K,YACPF,GAAgC3H,UAA4C,QAAjC,EAAwB,QAAxB,EAAA6F,aAAa,EAAbA,EAAeiC,iBAAS,eAAE9H,eAAO,eAAE+H,YAC7C,QAAjC,EAAwB,QAAxB,EAAAlC,aAAa,EAAbA,EAAeiC,iBAAS,eAAE9H,eAAO,SAAEgI,OACrC,CAEA,SAASC,K,QACFN,GAAgC3H,UAGJ,QAAjC,EAAwB,QAAxB,EAAA6F,aAAa,EAAbA,EAAeiC,iBAAS,eAAE9H,eAAO,SAAEkI,OACrC,CAUA,IAAMC,GAA+C,uBAAvBtC,EAAcuC,MAAiCnK,EAAM0I,cAAc0B,oBAEjG,OACE,gBAAC,aAAiC,CAACC,MAAO,GACxC,uBAAKhK,UAAS,4CAAuCL,EAAMsK,8BAAgC,UAAY,KACrG,wBAAMjK,UAAS,UAAK,OAAW,YAZ/BL,EAAMsK,+BAAiC/B,GAClC,GAAP,OAAU,cAAkB,UAE1BvI,EAAMsK,gCAAkC/B,GACnC,YADT,OAU0B,QAAjB,EAAAvI,EAAMuK,mBAAW,eAAE1F,SACpB,uBAAKxE,UAAU,QACb,gBAACmK,EAAA,GAAW,CAACD,YAAavK,EAAMuK,eAIpC,gBAACE,EAAA,EAAiB,CAChBC,aAAc1K,EAAMiH,MAAM0D,cAC1BC,WAAY5K,EAAM4K,WAClBC,SAAU7K,EAAMiH,MAAM7G,GACtB0K,aAAcC,EAAA,QACdC,qBAAsBhL,EAAMgL,uBAG7B5B,IAAc,gBAAC6B,EAAA,EAAc,CAACC,OAAQlL,EAAMiH,MAAMiE,OAAQ7B,qBAAsBA,KAEjF,2BACEjJ,GAAIoG,EAAA,QACJnG,UAAS,eAAU8K,EAAA,0BACnB5I,IAAK,SAAAkE,GAASA,IAAMC,cAAU,EAAVA,GAAY3E,UAAY2E,GAAW3E,QAAQ4E,IAAIH,EAAA,QAAsBC,EAAK,GAE7FsB,GACC,gBAACqD,EAAA,EAAoB,CACnBjL,IAAKH,EAAMiH,MAAM7G,GACjByK,SAAU7K,EAAMiH,MAAM7G,GACtB0K,aAAc9K,EAAMiH,MAAMiE,OAC1BG,QAASrL,EAAMqL,QACfC,QAAqB,QAAZ,EAAAtL,EAAMuL,cAAM,eAAED,QACvBE,UAAuB,QAAZ,EAAAxL,EAAMuL,cAAM,eAAEC,UACzBC,SAAsB,QAAZ,EAAAzL,EAAMuL,cAAM,eAAEE,SACxBC,YAAyB,QAAZ,EAAA1L,EAAMuL,cAAM,eAAEI,IAC3BC,UAA0B,QAAf,EAAY,QAAZ,EAAA5L,EAAMuL,cAAM,eAAEM,SAAC,QAAgB,QAAZ,EAAA7L,EAAMuL,cAAM,eAAEK,UAC5CE,QAAqB,QAAZ,EAAA9L,EAAMuL,cAAM,eAAEO,QACvB3B,KAAK,UACL7C,SAAS,cAGb,uBAAKjH,UAAW6J,GAAwB,GAAK,UAC3C,gBAAC6B,EAAA,EAAiB,CAChB9E,MAAOjH,EAAMiH,MACb+E,QAAS,CACPC,YAAa,YACbC,OAAQ,oBAEVtH,KAA6B,uBAAvBgD,EAAcuC,KAAgC,MAAQ,aAKlE,gBAACgC,EAAA,EAAuB,CACtBC,MAAOpM,EAAMiH,MACb2D,WAAY5K,EAAM4K,WAClByB,UAAWrM,EAAMqM,UACjBC,iBAAkB,SAAAC,GAAM,OAAI5C,GAAW2C,iBAAiBC,EAAQvM,EAAMuL,OAAOI,IAAI,EACjFjD,cAAe1I,EAAM0I,cACrB2C,QAASrL,EAAMqL,UAGhB5C,GACC,gBAAC+D,EAAA,EAAgB,CACfvF,MAAOjH,EAAMiH,MACbwF,iBAAkBzM,EAAMyM,iBACxBC,aAAc,SAACC,GAAgB,MAAC,OAA+B,QAA/B,EAAA/E,EAAciC,UAAU9H,eAAO,eAAE6K,YAAYD,EAAK,EAClFE,cAAelD,GAAWkD,cAC1BC,sBAAuB9M,EAAM0I,cAAc0B,oBAC3CzB,cAAeF,KAGjB,gBAAC,IAA2B,CAC1BxB,MAAOjH,EAAMiH,MACb8F,YAAa/M,EAAM+M,YACnBrG,WAAYA,GACZkD,wBAAyBA,GACzBI,sBAAuBA,GACvB6C,cAAelD,GAAWkD,cAC1BC,sBAAuB9M,EAAM0I,cAAc0B,sBAI/C,gBAACtE,EAA8B,CAC7BY,WAAYA,GACZO,MAAOjH,EAAMiH,MACbS,OAAQ,IACRxC,YAAalF,EAAMkF,YACnBhE,cAAe8L,EAAA,+BACfzG,uBAAwBvG,EAAM0I,cAAcnC,yBAG9C,gBAAC0G,EAAA,EAAiB,CAChBvG,WAAYA,GACZO,MAAOjH,EAAMiH,MACbiG,iBAAkBlN,EAAM0I,cAAcyE,qBACtCC,YAAapN,EAAMoN,YACnBC,WACE1D,GAAW2D,mBAAmBtN,EAAMiH,MAAM7G,GAAIJ,EAAMqL,QAASrL,EAAM0I,cAAcyE,sBAEnFI,cAAe,CAAEvG,QAAShH,EAAMiH,MAAM7G,GAAI8G,UAAWlH,EAAMiH,MAAMvG,MACjE8M,6BAA8BR,EAAA,iCAGhC,gBAACS,EAAA,EAAoB,CACnB/G,WAAYA,GACZO,MAAOjH,EAAMiH,MACbgC,aAAcjJ,EAAMiJ,aACpBmE,YAAapN,EAAMoN,YACnBG,cAAe,CAAEvG,QAAShH,EAAMiH,MAAM7G,GAAI8G,UAAWlH,EAAMiH,MAAMvG,MACjEgN,oBAAqB1N,EAAM0I,cAAcgF,oBACzC9C,WAAY5K,EAAM4K,WAClB+C,aAAc3N,EAAM2N,aACpBC,aAAc5N,EAAM4N,aACpBC,SAAU7N,EAAM6N,WAGlB,gBAACC,EAAA,EAAa,CACZ7G,MAAOjH,EAAMiH,MACbP,WAAYA,GACZsC,MAAOhJ,EAAMgJ,MACb+E,aAAc/N,EAAM0I,cAAcqF,aAClCnD,WAAY5K,EAAM4K,WAClByB,UAAWrM,EAAMqM,UACjBe,YAAapN,EAAMoN,YACnBO,aAAc3N,EAAM2N,aACpBC,aAAc5N,EAAM4N,aACpBL,cAAe,CAAEvG,QAAShH,EAAMiH,MAAM7G,GAAI8G,UAAWlH,EAAMiH,MAAMvG,MACjEmN,SAAU7N,EAAM6N,WAIjBpF,IACC,gBAAC,IAA2B,CAC1BxB,MAAOjH,EAAMiH,MACb8F,YAAa/M,EAAM+M,YACnBrG,WAAYA,GACZkD,wBAAyBA,GACzBI,sBAAuBA,GACvB6C,cAAelD,GAAWkD,cAC1BC,sBAAuB9M,EAAM0I,cAAc0B,oBAC3C4D,aAAW,IAIf,gBAACC,EAAA,EAAa,CACZC,aAAclO,EAAMiH,MACpBP,WAAYA,GACZkE,WAAY5K,EAAM4K,WAClBuD,cAAenO,EAAMmO,cACrBpB,YAAa/M,EAAM+M,YACnBY,aAAc3N,EAAM2N,aACpBC,aAAc5N,EAAM4N,aACpBQ,gBAAiB,SAACC,EAAGC,GAAI,OAAKC,EAAA,aAA8BF,EAAG,OAAF,wBACxDC,GAAI,CACPhD,QAAStL,EAAMuL,OAAOD,QACtBE,UAAWxL,EAAMuL,OAAOC,UACxBC,SAAUzL,EAAMuL,OAAOE,SACvBJ,QAASrL,EAAMqL,QACfK,YAAa1L,EAAMuL,OAAOI,MAC1B,EACFU,UAAWrM,EAAMqM,UACjBX,YAAa1L,EAAMuL,OAAOI,IAC1BkC,SAAU7N,EAAM6N,YAIpB,gBAACW,EAAA,EAAwB,CACvBC,WAAYlG,GACZmG,cAAelG,GACfM,MAAOA,GACP6F,SAAUxG,EACVG,gBAAiBA,GACjBiF,cAAe,CAAEvG,QAAShH,EAAMiH,MAAM7G,GAAI8G,UAAWlH,EAAMiH,MAAMvG,MACjEkO,WAAY5O,EAAMsK,iCAM5B,C,mCCpUA,SAAgB,kBAAoB,QAAQ,cAAgB,QAAQ,YAAc,QAAQ,YAAc,QAAQ,QAAU,QAAQ,oBAAsB,QAAQ,SAAW,QAAQ,IAAM,QAAQ,MAAQ,QAAQ,OAAS,QAAQ,SAAW,Q","sources":["file:///app/packages/libs/shared/src/components/curriculum-links/CurriculumLinkItem.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/CurriculumLinksEmptyState.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/partial-loading/PartialCurriculumLinks.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/partial-loading/partial-curriculum-links.scss","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/curriculum-links.scss","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumLinksV2.tsx","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumsWidget.tsx","file:///app/packages/libs/shared/src/components/tags/PartialTagItem.tsx","file:///app/packages/libs/shared/src/enums/CurriculumType.ts","file:///app/packages/libs/shared/src/components/play-page-v2/curriculum-links/CurriculumLinksWithScrollbarV2.tsx","file:///app/packages/projects/lite/src/shared/views/play/v2/components/play-page/play-page.scss","file:///app/packages/projects/lite/src/shared/views/play/v2/components/play-page/PlayPageV2.tsx","file:///app/packages/libs/shared/src/components/curriculum-links/curriculum-links.scss"],"sourcesContent":["import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { Presentation } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\n\nimport styles from './curriculum-links.scss';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinkItemProps {\n data: Presentation;\n onChangeCurriculum: (id: string) => any;\n selected: boolean;\n}\n\nexport function CurriculumLinkItem(props: CurriculumLinkItemProps): JSX.Element {\n const { data: curriculumTag } = props;\n\n return (\n <DivButton\n key={curriculumTag.id}\n className={`p-1 pe-2 rounded-pill d-inline-flex align-items-center cursor-pointer ${styles.tag} ${props.selected ? styles.selected : ''}`}\n onClick={() => props.onChangeCurriculum(curriculumTag.id.toString())}\n aria-label={`${getPhrase('ariaFilter')} ${curriculumTag.name}`}\n >\n <div className={`bg-white ${styles.cover} rounded-circle border`}>\n <img\n src={ImageHelper.createUrl(curriculumTag.cover.url, { size: ImageSize.Small })}\n alt={curriculumTag.name}\n className='rounded-circle'\n />\n </div>\n <div className='ms-2'>\n {curriculumTag.name}\n </div>\n </DivButton>\n );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EmptyState } from 'libs/shared/components/empty-states/EmptyState';\nimport { Text } from 'libs/shared/components/text/Text';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinksEmptyStateProps {\n emptyStateUrl: string;\n}\n\nexport function CurriculumLinksEmptyState(props: CurriculumLinksEmptyStateProps): JSX.Element {\n return (\n <EmptyState className='pt-3'>\n <EmptyState.Image src={props.emptyStateUrl} altText={getPhrase('emptyInfo')} size='small'/>\n <EmptyState.Heading>\n <Text namespace={namespace} phrase='emptyHeading' />\n </EmptyState.Heading>\n <EmptyState.Info>\n <Text namespace={namespace} phrase='emptyInfo' />\n </EmptyState.Info>\n </EmptyState>\n );\n}","import React from 'react';\n\nimport styles from './partial-curriculum-links.scss';\n\nconst PartialCurriculumLinkSection = () => (\n <>\n <div className={`partial-loading-background rounded-pill py-1 px-2 d-inline-block me-1 mb-2 ${styles.audience}`} />\n <div>\n <div className={`partial-loading-background mb-1 ${styles.area}`} />\n\n <div className='mb-2 d-flex'>\n <div className={`me-1 align-self-start ${styles.code}`}>\n <div className={`partial-loading-background rounded-pill py-1 px-2 d-inline-block w-100 h-100`} />\n </div>\n \n <div className={`partial-loading-background ${styles.description}`} />\n </div>\n </div>\n </>\n);\n\nexport function PartialCurriculumLinks(): JSX.Element {\n return (\n <div>\n <div className='mb-3'>\n <PartialCurriculumLinkSection />\n </div>\n\n <div className='mb-3'>\n <PartialCurriculumLinkSection />\n </div>\n\n <div>\n <PartialCurriculumLinkSection />\n </div>\n </div>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"audience\":\"vDcrq\",\"area\":\"GXhoW\",\"code\":\"goKaS\",\"description\":\"vFew6\"};","// extracted by mini-css-extract-plugin\nexport default {\"curriculumSubject\":\"i4D3h\",\"curriculumSet\":\"WCdf9\",\"areaLeafSet\":\"o8H8s\",\"closeButton\":\"McsPs\",\"leafDescriptionOnly\":\"xmEEo\"};","import React from 'react';\n\nimport { CurriculumLinksEmptyState } from 'libs/shared/components/curriculum-links/CurriculumLinksEmptyState';\nimport { PartialCurriculumLinks } from 'libs/shared/components/curriculum-links/partial-loading/PartialCurriculumLinks';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CurriculumType } from 'libs/shared/enums/CurriculumType';\nimport { Curriculum } from 'libs/shared/interfaces';\n\nimport styles from './curriculum-links.scss';\n\nconst BRACKET_SEGMENT_REGEX = /(.*)\\s\\((.*)?\\)/i;\n\nconst namespace = 'shared.curriculumLinks';\n\nconst BASE_PILL_CLASS = 'text-nowrap font-size-normal rounded-pill py-1 px-2 my-0 d-inline-block fw-semibold';\n\ninterface CurriculumStructure {\n [CurriculumType.Subject]: Curriculum<CurriculumType.Subject>;\n [CurriculumType.Audience]: Curriculum<CurriculumType.Audience>;\n areasAndLeaves: Array<{\n [CurriculumType.Area]: Curriculum<CurriculumType.Area>[];\n [CurriculumType.Leaf]: Curriculum<CurriculumType.Leaf>[];\n }>;\n}\n\ninterface CurriculumLeafProps {\n leaf: Curriculum<CurriculumType.Leaf>;\n codeWidth: number;\n trySetMaxCodeWidth: React.Dispatch<React.SetStateAction<number>>;\n uiContainsCodes: boolean;\n}\n\nfunction CurriculumLeaf(props: CurriculumLeafProps): JSX.Element {\n function getCurriculumCodeClass(): string {\n const baseClass = BASE_PILL_CLASS + ' bg-white border';\n\n // If a leaf has no code but the rest of the UI has leaf nodes w/ codes, we show a special \"No code\" pill\n if (!props.leaf.name && props.uiContainsCodes)\n return baseClass + ' border-secondary text-secondary';\n\n return baseClass + ' border-dark';\n }\n\n const codeRef = React.useRef<HTMLDivElement>();\n\n React.useEffect(() => {\n if (!codeRef.current)\n return;\n\n const { width } = codeRef.current.getBoundingClientRect();\n\n props.trySetMaxCodeWidth(width);\n }, [codeRef.current]);\n\n return (\n <div className='d-flex'>\n {(() => {\n if (!props.leaf.description)\n return <p className='m-0' dangerouslySetInnerHTML={{ __html: props.leaf.name }} />;\n\n /**\n * If a leaf has no code but the rest of the UI has leaf nodes\n * with codes, we show a special \"No code\" pill. Example: https://imgur.com/3L1Ela3\n */\n if (!props.leaf.name && props.uiContainsCodes) {\n return (\n <>\n <div\n className='me-1 align-self-start'\n style={{ minWidth: props.codeWidth ? `${props.codeWidth}px` : 'auto' }}\n >\n <h5 ref={codeRef} className={getCurriculumCodeClass()}>\n <Text namespace={namespace} phrase='noCode' />\n </h5>\n </div>\n <p className='m-0 align-self-center' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />\n </>\n );\n }\n\n /**\n * If a leaf has no code and the rest of the UI leaf nodes have no code, we just\n * display the description with a bullet point. Example: https://imgur.com/jzJvmWs\n */\n if (!props.leaf.name && !props.uiContainsCodes)\n return <p className='m-0' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />;\n\n return (\n <>\n <div\n className='me-1 align-self-start'\n style={{ minWidth: props.codeWidth ? `${props.codeWidth}px` : 'auto' }}\n >\n <h5 ref={codeRef} className={getCurriculumCodeClass()}>{props.leaf.name}</h5>\n </div>\n <p className='m-0 align-self-center' dangerouslySetInnerHTML={{ __html: props.leaf.description }} />\n </>\n );\n })()}\n </div>\n );\n}\n\ninterface CurriculumSubjectProps {\n linkSet: CurriculumStructure;\n codeWidth: number;\n trySetMaxCodeWidth: React.Dispatch<React.SetStateAction<number>>;\n}\n\nfunction CurriculumSubject(props: CurriculumSubjectProps): JSX.Element {\n const areaAndLeafSets: { [areaText: string]: Curriculum<CurriculumType.Leaf>[]; } = {};\n\n let uiContainsCodes = false;\n\n props.linkSet.areasAndLeaves.forEach(areaAndLeafSet => {\n const areaText = areaAndLeafSet[CurriculumType.Area].map(ca => ca.name).join(' - ');\n\n if (areaAndLeafSets[areaText]) {\n areaAndLeafSet[CurriculumType.Leaf].forEach(leaf => {\n if (!areaAndLeafSets[areaText].find(l => l.name === leaf.name)) {\n areaAndLeafSets[areaText].push(leaf);\n\n // We need the info on if _any_ leaf node has a code in it. See why in the comments in `<CurriculumLeaf />`\n if (leaf.name)\n uiContainsCodes = true;\n }\n });\n\n return;\n }\n\n areaAndLeafSets[areaText] = areaAndLeafSet[CurriculumType.Leaf];\n });\n\n function getAudienceText(): string {\n const audienceSegment = props.linkSet[CurriculumType.Audience].name;\n const subjectSegment = props.linkSet[CurriculumType.Subject].name;\n\n /**\n * In some curriculums, such as the UK curriculum, the audience string may contain a year group\n * in brackets. For example, it may be \"Lower Key Stage 2 (Year 4)\".\n * This regex will pull that segment out if it exists.\n */\n const audienceBracketSegments = audienceSegment.match(BRACKET_SEGMENT_REGEX);\n\n if (audienceBracketSegments)\n return `${audienceBracketSegments[1]} • ${audienceBracketSegments[2]} • ${subjectSegment}`;\n\n return `${audienceSegment} • ${subjectSegment}`;\n }\n\n function getLeafStyleClass(leaf: Curriculum<CurriculumType.Leaf>): string {\n const className = 'mb-2';\n\n if (!leaf.name && !uiContainsCodes)\n return className + ' ms-4 ' + styles.leafDescriptionOnly;\n\n return className;\n }\n\n return (\n <>\n <h3 className={`${BASE_PILL_CLASS} text-white bg-dark-blue fw-normal me-1 mb-2`}>\n {getAudienceText()}\n </h3>\n\n <div className={`me-2 ${styles.curriculumSubject}`}>\n {Object.keys(areaAndLeafSets).map((areaText, i) => {\n return (\n <div key={i} className={styles.areaLeafSet} >\n {areaText && <h4 className='mb-1 font-size-normal'>{areaText}</h4>}\n <ul className='list-unstyled'>\n {areaAndLeafSets[areaText].map(leaf => (\n <li key={leaf.id} className={getLeafStyleClass(leaf)}>\n <CurriculumLeaf\n leaf={leaf}\n codeWidth={props.codeWidth}\n trySetMaxCodeWidth={props.trySetMaxCodeWidth}\n uiContainsCodes={uiContainsCodes}\n />\n </li>\n ))}\n </ul>\n </div>\n );\n })}\n </div>\n </>\n );\n}\n\ninterface CurriculumLinksSet {\n [subjectAndAudienceIdKey: string]: CurriculumStructure\n}\n\ninterface CurriculumLinksV2Props {\n curriculumLinks?: Curriculum[][];\n emptyStateUrl: string;\n}\n\nexport function CurriculumLinksV2(props: CurriculumLinksV2Props): JSX.Element {\n const [ codeWidth, setCodeWidth ] = React.useState(0);\n\n function trySetMaxCodeWidth(width: number): void {\n /**\n * The width of the curriculum code column should be identical for each leaf node, meaning\n * the leaf description text will be perfectly vertically aligned all the way down.\n * See here for example: https://imgur.com/MbganZf\n * \n * This is achieved by us setting the state for the maximum code width, and forcing all\n * smaller codes to abide by that max width.\n * \n * This value is used in the `<CurriculumLeaf />` component.\n */\n setCodeWidth(currentVal => {\n if (currentVal >= width)\n return currentVal;\n\n return width;\n });\n }\n\n /**\n * Here, we're taking the structure of links from the backend, and restructuring it in a way\n * that resembles the structure of our UI more closely. The general idea is:\n * \n * CurriculumAudience - CurriculumSubject\n * CurriculumAreas\n * CurriculumLeaves\n */\n const curriculumLinkSets = React.useMemo(() => {\n const newSet: CurriculumLinksSet = {};\n\n props.curriculumLinks.forEach(linkSet => {\n let subject: Curriculum<CurriculumType.Subject> = null;\n let audience: Curriculum<CurriculumType.Audience> = null;\n const areas: Curriculum<CurriculumType.Area>[] = [];\n const leaves: Curriculum<CurriculumType.Leaf>[] = [];\n \n linkSet.forEach(curriculumObj => {\n switch (curriculumObj.type) {\n case CurriculumType.Subject:\n subject = curriculumObj as Curriculum<CurriculumType.Subject>;\n break;\n case CurriculumType.Audience:\n audience = curriculumObj as Curriculum<CurriculumType.Audience>;\n break;\n case CurriculumType.Area:\n areas.push(curriculumObj as Curriculum<CurriculumType.Area>);\n break;\n case CurriculumType.Leaf:\n leaves.push(curriculumObj as Curriculum<CurriculumType.Leaf>);\n break;\n default:\n break;\n }\n });\n \n const key = `${subject.id}:${audience.id}`;\n\n if (newSet[key]) {\n newSet[key].areasAndLeaves.push({\n [CurriculumType.Area]: areas,\n [CurriculumType.Leaf]: leaves\n });\n \n return;\n }\n \n newSet[key] = {\n [CurriculumType.Subject]: subject,\n [CurriculumType.Audience]: audience,\n areasAndLeaves: [{\n [CurriculumType.Area]: areas,\n [CurriculumType.Leaf]: leaves\n }]\n };\n });\n\n return newSet;\n }, [props.curriculumLinks]);\n\n if (!props.curriculumLinks)\n return <PartialCurriculumLinks />;\n\n if (!props.curriculumLinks?.length) {\n return <CurriculumLinksEmptyState emptyStateUrl={props.emptyStateUrl} />;\n }\n\n return (\n <ul className='list-unstyled m-0'>\n {Object.keys(curriculumLinkSets).map((linkSetKey, i) => (\n <li key={`linkset-${i}`} className={styles.curriculumSet}>\n <CurriculumSubject\n linkSet={curriculumLinkSets[linkSetKey]}\n trySetMaxCodeWidth={trySetMaxCodeWidth}\n codeWidth={codeWidth}\n />\n </li>\n ))}\n </ul>\n );\n}","import React from 'react';\n\nimport { CurriculumLinkItem } from 'libs/shared/components/curriculum-links/CurriculumLinkItem';\nimport { PartialTagItem } from 'libs/shared/components/tags/PartialTagItem';\nimport { DynamicWidget } from 'libs/shared/components/widgets/dynamic-widget';\nimport { CurriculumData, Presentation } from 'libs/shared/interfaces';\n\ninterface CurriculumsWidgetProps {\n curriculums: CurriculumData;\n selectedCurriculum: Presentation;\n onChangeCurriculum: (curriculumId: string) => void;\n noNegativePadding?: boolean;\n}\n\nexport function CurriculumsWidget(props: CurriculumsWidgetProps): JSX.Element {\n return (\n <DynamicWidget\n collection={props.selectedCurriculum?.id ? props.curriculums.nonEmptyCurriculums : null}\n childClassName='flex-shrink-0'\n childComponent={_props => {\n return (\n <CurriculumLinkItem\n {..._props}\n selected={props.selectedCurriculum?.id?.toString() === _props.data.id.toString()}\n onChangeCurriculum={props.onChangeCurriculum}\n />\n );\n }}\n partialLoadingComponent={() => <PartialTagItem />}\n widgetDataDeps={[ props.selectedCurriculum?.id?.toString(), props.onChangeCurriculum ]}\n noNegativePadding={props.noNegativePadding}\n />\n );\n}","import React from 'react';\n\nimport styles from './tags.scss';\n\ninterface PartialTagItemProps {\n tagClass?: string;\n}\n\nexport const PartialTagItem = React.memo(function({ tagClass = '' }: PartialTagItemProps): JSX.Element {\n const classNames = `partial-loading-background d-inline-block rounded-pill py-1 px-2 mb-1 me-1 text-nowrap ${tagClass} ${styles.partialTag}`;\n\n return (\n <div className='mt-1'>\n <span className={classNames}> </span>\n </div>\n );\n});","export enum CurriculumType {\n Subject = 'CurriculumSubject',\n Audience = 'CurriculumAudience',\n Area = 'CurriculumArea',\n Leaf = 'CurriculumLeaf'\n}","import React from 'react';\nimport { Scrollbars } from 'react-custom-scrollbars-2';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, PresentationDescriptor, UserAction } from 'libs/analytics/interfaces';\n\nimport { PartialCurriculumLinks } from 'libs/shared/components/curriculum-links/partial-loading/PartialCurriculumLinks';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { CurriculumData, Presentation, Video } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\n\nimport { CurriculumLinksV2 } from './CurriculumLinksV2';\nimport { CurriculumsWidget } from './CurriculumsWidget';\n\nconst namespace = 'shared.curriculumLinks';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface CurriculumLinksWithScrollbarV2Props {\n video: Video;\n curriculums: CurriculumData;\n emptyStateUrl: string;\n height?: number;\n canViewCurriculumLinks: boolean;\n headingRef?: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n}\n\nexport function CurriculumLinksWithScrollbarV2(props: CurriculumLinksWithScrollbarV2Props): JSX.Element {\n const {\n hasLoaded,\n activeCurriculum,\n availableCurriculums,\n curriculumLinks,\n updateCurriculum,\n customerHasCurriculumLinks\n } = props.curriculums;\n\n const [ selectedCurriculum, setSelectedCurriculum ] = React.useState<Presentation>();\n\n const alerts = useAlerts();\n\n React.useEffect(() => {\n if (!hasLoaded)\n return;\n\n if (!selectedCurriculum)\n setSelectedCurriculum(activeCurriculum ?? ArrayHelper.first(availableCurriculums));\n }, [ activeCurriculum?.id, hasLoaded ]);\n\n function onChangeCurriculum(curriculumId: string): void {\n const newCurriculum = availableCurriculums.find(c => c.id.toString() === curriculumId);\n\n if (!newCurriculum?.id)\n return;\n\n if (selectedCurriculum?.id?.toString() === newCurriculum?.id?.toString())\n return;\n\n setSelectedCurriculum(newCurriculum);\n\n const onError = () => {\n // If the request to change curriculum fails, we reset the select state and alert the user\n setSelectedCurriculum(selectedCurriculum);\n alerts.error(getPhrase('updateFailed'));\n };\n\n const onSuccess = () => {\n AnalyticsHelper.logUserAction({\n id: newCurriculum.id,\n name: newCurriculum.id,\n description: newCurriculum.description,\n videoId: props.video.id,\n videoName: props.video.name\n }, {\n entity: EntityType.Presentation,\n actionType: UserAction.Select,\n descriptor: PresentationDescriptor.Curriculum,\n location: LocationContext.PlayPage\n });\n };\n\n updateCurriculum(newCurriculum, onSuccess, onError);\n }\n\n if (!props.canViewCurriculumLinks || !customerHasCurriculumLinks)\n return <></>;\n \n return (\n <section\n id={PlayPageAnchor.CurriculumLinks}\n ref={el => {\n (el && props.headingRef?.current) && props.headingRef.current.set(PlayPageAnchor.CurriculumLinks, el);\n }}\n className='play-page-section'\n >\n <h2 className='h4 me-2 h-100'>\n <Text namespace={namespace} phrase='heading' />\n </h2>\n <div className='mb-2'>\n <CurriculumsWidget\n curriculums={props.curriculums}\n selectedCurriculum={selectedCurriculum}\n onChangeCurriculum={onChangeCurriculum}\n />\n </div>\n\n <div className='rounded border position-relative'>\n <Scrollbars autoHeight autoHeightMax={props.height}>\n <div className='p-3'>\n {!hasLoaded\n ? <PartialCurriculumLinks />\n : (\n <CurriculumLinksV2\n curriculumLinks={curriculumLinks}\n emptyStateUrl={props.emptyStateUrl}\n />\n )}\n </div>\n </Scrollbars>\n </div>\n </section>\n );\n}","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"xSI0l\",\"expandedToc\":\"j5FCv\"};","import React from 'react';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PlayPageClips } from 'libs/shared/components/play-page-v2/clips-widget/PlayPageClips';\nimport { CurriculumLinksWithScrollbarV2 } from 'libs/shared/components/play-page-v2/curriculum-links/CurriculumLinksWithScrollbarV2';\nimport { VideoDetailsWithScrollbarV2 } from 'libs/shared/components/play-page-v2/details/VideoDetailsV2';\nimport { hasGlanceData } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceUtilsV2';\nimport { VideoAtAGlanceV2 } from 'libs/shared/components/play-page-v2/glance/VideoAtAGlanceV2';\nimport { PlayPageInteractives } from 'libs/shared/components/play-page-v2/interactives-widget/PlayPageInteractives';\nimport { PlayPageResources } from 'libs/shared/components/play-page-v2/resources-widget/PlayPageResources';\nimport { LanguageNamespaceContext } from 'libs/shared/components/text/Text';\nimport { MINIMUM_GLANCE_HEIGHT } from 'libs/shared/constants/MinimumGlanceHeight';\nimport { SeoConstants } from 'libs/shared/constants/SeoConstants';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useTableOfContentsActiveHeading } from 'libs/shared/hooks/useTableOfContentsActiveHeading';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, CurriculumData, FavouriteFunc, InteractiveMetadata, PointOfInterest, PresentationAudience, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { TableOfContentsContainer } from 'shared/components/play-page/components/table-of-contents/TableOfContents';\nimport { PlayPageTitleAndActions } from 'shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions';\nimport { getAppLinks } from 'shared/components/play-page/PlayPageUtils';\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { PlayerPlaceholder } from 'shared/components/player-placeholder/PlayerPlaceholder';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\nimport { usePlayPageTableOfContent } from 'shared/views/play/v2/hooks/usePlayPageTableOfContent';\nimport { useSectionHeadings } from 'shared/views/play/v2/hooks/useSectionHeadings';\nimport { PlayPageUtils } from 'shared/views/play/v2/PlayPageUtilV2';\n\nimport styles from './play-page.scss';\n\nconst namespace = 'shared.play';\n\ninterface PlayPageV2Props {\n video: Video;\n clips: Clip[];\n interactives: InteractiveMetadata[];\n yearGroups: YearGroup[];\n imageCdnUrl: string;\n relatedVideos: RelatedVideosHash;\n audiences: PresentationAudience[];\n setFavourite?: FavouriteFunc;\n canFavourite?: CanFavouriteFunc;\n currentUser: CurrentUser;\n pointsOfInterest?: PointOfInterest[];\n playNext: boolean;\n shareId?: string;\n curriculums: CurriculumData;\n featureAccess: VideoFeaturesHash;\n params?: PlayViewQueryParams;\n canManageVideoAccess: boolean;\n tableOfContentsId: string;\n shouldShowSideTableOfContents: boolean;\n isPlugin: boolean;\n breadcrumbs?: Breadcrumb[];\n}\n\nexport function PlayPageV2(props: PlayPageV2Props): JSX.Element {\n const playerContext = usePlayerContext();\n\n const { hasPermissions } = usePermissions();\n const { canConsume } = VideoHelper.getCanBeConsumed(props.video);\n\n const {\n tableOfContentsActiveId,\n setTableOfContentsActiveId,\n controlledId,\n setControlledId,\n tableOfContentsExpanded,\n onToggleTableOfContents\n } = usePlayPageTableOfContent(props.tableOfContentsId);\n\n const hasGlance = hasGlanceData(props.video) && props.featureAccess.canViewGlance;\n\n const { headingRef, headingElements } = useSectionHeadings(hasGlance);\n const items = headingElements.map(ele => {\n return {\n id: ele.id as PlayPageAnchor,\n name: PlayPageUtils.getSectionHeading(\n ele.id as PlayPageAnchor,\n {\n clips: props.clips,\n interactives: props.interactives,\n resources: [ ...(props.video.resources?.data ?? []), ...(props.video.links?.data ?? []) ]\n }\n )\n };\n });\n\n const isArchived = VideoHelper.isVideoTypeArchived(props.video);\n const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n\n useTableOfContentsActiveHeading({\n setActiveId: setTableOfContentsActiveId,\n headingElements,\n controlledId,\n setControlledId\n });\n\n useTableOfContentsScroll(headingElements, controlledId);\n\n /**\n * Need to use a ref because if we use state, onExitImmersiveReader will have a stale\n * reference of the state. This is because the state is changed in onLaunchImmersiveReader\n * which is passed in at the same time as onExitImmersiveReader\n */\n const shouldPlayOnExitImmersiveReader = React.useRef(false);\n\n const appLinkFns = getAppLinks();\n\n function onLaunchImmersiveReader(): void {\n shouldPlayOnExitImmersiveReader.current = !playerContext?.playerRef?.current?.isPaused();\n playerContext?.playerRef?.current?.pause();\n }\n\n function onExitImmersiveReader(): void {\n if (!shouldPlayOnExitImmersiveReader.current)\n return;\n\n playerContext?.playerRef?.current?.play();\n }\n\n function getMainClassName() {\n if (props.shouldShowSideTableOfContents && tableOfContentsExpanded) {\n return `${styles.expandedToc} col-9`;\n }\n if (props.shouldShowSideTableOfContents && !tableOfContentsExpanded)\n return 'pe-4';\n }\n\n const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || props.featureAccess.canViewPublicLayout;\n\n return (\n <LanguageNamespaceContext.Provider value={namespace}>\n <div className={`px-4 play-page-sections-container ${props.shouldShowSideTableOfContents ? 'row g-0' : ''}`}>\n <main className={`${styles.main} ${getMainClassName()}`}>\n {!!props.breadcrumbs?.length &&\n <div className='mb-2'>\n <Breadcrumbs breadcrumbs={props.breadcrumbs} />\n </div>\n }\n\n <RestrictionBanner\n restrictions={props.video._restrictions}\n yearGroups={props.yearGroups}\n objectId={props.video.id}\n objectTypeId={MasterType.Video}\n canManageVideoAccess={props.canManageVideoAccess}\n />\n\n {isArchived && <ArchivedBanner typeId={props.video.typeId} hasStudentExperience={hasStudentExperience} />}\n\n <section\n id={PlayPageAnchor.Video}\n className={`mb-2 ${SeoConstants.GLOBAL_PLAYER_SELECTOR}`}\n ref={el => { (el && headingRef?.current) && headingRef.current.set(PlayPageAnchor.Video, el); }}\n >\n {canConsume && (\n <GlobalPlayerConsumer\n key={props.video.id}\n objectId={props.video.id}\n objectTypeId={props.video.typeId}\n shareId={props.shareId}\n context={props.params?.context}\n contextId={props.params?.contextId}\n playNext={props.params?.playNext}\n moviesAndTv={props.params?.mtv}\n startTime={props.params?.t ?? props.params?.startTime}\n endTime={props.params?.endTime}\n mode='default'\n location='play-page'\n />\n )}\n <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n <PlayerPlaceholder\n video={props.video}\n appLink={{\n application: AppChannels.SIGN_UP,\n action: Actions.SignUp.SIGN_UP\n }}\n type={playerContext.mode === 'picture-in-picture' ? 'pip' : 'public'}\n />\n </div>\n </section>\n\n <PlayPageTitleAndActions\n media={props.video}\n yearGroups={props.yearGroups}\n audiences={props.audiences}\n getSeriesAppLink={series => appLinkFns.getSeriesAppLink(series, props.params.mtv)}\n featureAccess={props.featureAccess}\n shareId={props.shareId}\n />\n {/* if no glance render video details here */}\n {hasGlance ? (\n <VideoAtAGlanceV2\n video={props.video}\n pointsOfInterest={props.pointsOfInterest}\n setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n getTagAppLink={appLinkFns.getTagAppLink}\n suppressInteractivity={props.featureAccess.canViewPublicLayout}\n canViewGlance={hasGlance}\n />\n ) : (\n <VideoDetailsWithScrollbarV2\n video={props.video}\n currentUser={props.currentUser}\n headingRef={headingRef}\n onLaunchImmersiveReader={onLaunchImmersiveReader}\n onExitImmersiveReader={onExitImmersiveReader}\n getTagAppLink={appLinkFns.getTagAppLink}\n suppressInteractivity={props.featureAccess.canViewPublicLayout}\n />\n )}\n\n <CurriculumLinksWithScrollbarV2\n headingRef={headingRef}\n video={props.video}\n height={MINIMUM_GLANCE_HEIGHT}\n curriculums={props.curriculums}\n emptyStateUrl={ImageUrls.EmptyStates.CURRICULUM_LINKS}\n canViewCurriculumLinks={props.featureAccess.canViewCurriculumLinks}\n />\n\n <PlayPageResources\n headingRef={headingRef}\n video={props.video}\n canViewResources={props.featureAccess.canViewResourceItems}\n imageCdnUrl={props.imageCdnUrl}\n getAppLink={\n appLinkFns.getResourceAppLink(props.video.id, props.shareId, props.featureAccess.canViewResourceItems)\n }\n analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n />\n\n <PlayPageInteractives\n headingRef={headingRef}\n video={props.video}\n interactives={props.interactives}\n imageCdnUrl={props.imageCdnUrl}\n analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n canViewInteractives={props.featureAccess.canViewInteractives}\n yearGroups={props.yearGroups}\n setFavourite={props.setFavourite}\n canFavourite={props.canFavourite}\n isPlugin={props.isPlugin}\n />\n\n <PlayPageClips\n video={props.video}\n headingRef={headingRef}\n clips={props.clips}\n canViewClips={props.featureAccess.canViewClips}\n yearGroups={props.yearGroups}\n audiences={props.audiences}\n imageCdnUrl={props.imageCdnUrl}\n setFavourite={props.setFavourite}\n canFavourite={props.canFavourite}\n analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n isPlugin={props.isPlugin}\n />\n\n {/* if has glance, render video details here */}\n {hasGlance && (\n <VideoDetailsWithScrollbarV2\n video={props.video}\n currentUser={props.currentUser}\n headingRef={headingRef}\n onLaunchImmersiveReader={onLaunchImmersiveReader}\n onExitImmersiveReader={onExitImmersiveReader}\n getTagAppLink={appLinkFns.getTagAppLink}\n suppressInteractivity={props.featureAccess.canViewPublicLayout}\n showHeading\n />\n )}\n\n <RelatedVideos\n currentVideo={props.video}\n headingRef={headingRef}\n yearGroups={props.yearGroups}\n relatedVideos={props.relatedVideos}\n currentUser={props.currentUser}\n setFavourite={props.setFavourite}\n canFavourite={props.canFavourite}\n getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n ...opts,\n context: props.params.context,\n contextId: props.params.contextId,\n playNext: props.params.playNext,\n shareId: props.shareId,\n moviesAndTv: props.params.mtv\n })}\n audiences={props.audiences}\n moviesAndTv={props.params.mtv}\n isPlugin={props.isPlugin}\n />\n </main>\n\n <TableOfContentsContainer\n isExpanded={tableOfContentsExpanded}\n setIsExpanded={onToggleTableOfContents}\n items={items}\n activeId={tableOfContentsActiveId}\n setControlledId={setControlledId}\n analyticsData={{ videoId: props.video.id, videoName: props.video.name }}\n showInSide={props.shouldShowSideTableOfContents}\n />\n\n </div>\n </LanguageNamespaceContext.Provider>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"curriculumSubject\":\"GvGYH\",\"curriculumSet\":\"d7RK0\",\"areaLeafSet\":\"XRTAe\",\"closeButton\":\"N3l5Q\",\"heading\":\"hAxR4\",\"leafDescriptionOnly\":\"h66ke\",\"dropdown\":\"CsG6G\",\"tag\":\"rdLqY\",\"cover\":\"etwaD\",\"active\":\"aDLMe\",\"selected\":\"BMrSd\"};"],"names":["getPhrase","CurriculumLinkItem","props","curriculumTag","data","key","id","className","selected","onClick","onChangeCurriculum","toString","name","src","cover","url","size","alt","namespace","CurriculumLinksEmptyState","emptyStateUrl","altText","phrase","PartialCurriculumLinkSection","PartialCurriculumLinks","BRACKET_SEGMENT_REGEX","BASE_PILL_CLASS","CurriculumLeaf","getCurriculumCodeClass","baseClass","leaf","uiContainsCodes","codeRef","current","width","getBoundingClientRect","trySetMaxCodeWidth","description","style","minWidth","codeWidth","ref","Text","dangerouslySetInnerHTML","__html","CurriculumSubject","audienceSegment","subjectSegment","audienceBracketSegments","areaAndLeafSets","getLeafStyleClass","linkSet","areasAndLeaves","forEach","areaAndLeafSet","areaText","CurriculumType","map","ca","join","find","l","push","match","Object","keys","i","CurriculumLinksV2","setCodeWidth","currentVal","curriculumLinkSets","newSet","curriculumLinks","subject","audience","areas","leaves","curriculumObj","type","length","linkSetKey","CurriculumsWidget","collection","selectedCurriculum","curriculums","nonEmptyCurriculums","childClassName","childComponent","_props","partialLoadingComponent","widgetDataDeps","noNegativePadding","PartialTagItem","tagClass","classNames","LanguageService","CurriculumLinksWithScrollbarV2","hasLoaded","activeCurriculum","availableCurriculums","updateCurriculum","customerHasCurriculumLinks","setSelectedCurriculum","alerts","ArrayHelper","canViewCurriculumLinks","PlayPageAnchor","el","headingRef","set","curriculumId","newCurriculum","c","AnalyticsHelper","videoId","video","videoName","entity","actionType","descriptor","location","error","autoHeight","autoHeightMax","height","PlayPageV2","playerContext","hasPermissions","usePermissions","canConsume","VideoHelper","usePlayPageTableOfContent","tableOfContentsId","tableOfContentsActiveId","setTableOfContentsActiveId","controlledId","setControlledId","tableOfContentsExpanded","onToggleTableOfContents","hasGlance","featureAccess","canViewGlance","useSectionHeadings","headingElements","items","ele","clips","interactives","resources","links","isArchived","hasStudentExperience","PermissionName","useTableOfContentsActiveHeading","setActiveId","useTableOfContentsScroll","shouldPlayOnExitImmersiveReader","appLinkFns","onLaunchImmersiveReader","playerRef","isPaused","pause","onExitImmersiveReader","play","showPlayerPlaceholder","mode","canViewPublicLayout","value","shouldShowSideTableOfContents","breadcrumbs","Breadcrumbs","RestrictionBanner","restrictions","_restrictions","yearGroups","objectId","objectTypeId","MasterType","canManageVideoAccess","ArchivedBanner","typeId","SeoConstants","GlobalPlayerConsumer","shareId","context","params","contextId","playNext","moviesAndTv","mtv","startTime","t","endTime","PlayerPlaceholder","appLink","application","action","PlayPageTitleAndActions","media","audiences","getSeriesAppLink","series","VideoAtAGlanceV2","pointsOfInterest","setStartTime","time","currentTime","getTagAppLink","suppressInteractivity","currentUser","ImageUrls","PlayPageResources","canViewResources","canViewResourceItems","imageCdnUrl","getAppLink","getResourceAppLink","analyticsData","resourceThumbnailFallbackUrl","PlayPageInteractives","canViewInteractives","setFavourite","canFavourite","isPlugin","PlayPageClips","canViewClips","showHeading","RelatedVideos","currentVideo","relatedVideos","getVideoAppLink","v","opts","VideoAppLinkHelper","TableOfContents","isExpanded","setIsExpanded","activeId","showInSide"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[2992],{63649:(e,a,t)=>{t.d(a,{X:()=>c});var i=t(32735);const r={video:"ekpg6",notice:"lQs4F",heading:"Gt6uV",interaction:"LEfYX",button:"caHP7",edit:"de4DP",questions:"XelbS"};function c(){return i.createElement("div",{className:"px-3 w-100"},i.createElement("div",{className:"partial-loading-background ".concat(r.notice)}),i.createElement("div",{className:"partial-loading-background mb-3 ".concat(r.video)},i.createElement("div",{className:"partial-loading-background ".concat(r.questions)})),i.createElement("div",{className:"partial-loading-background mb-3 ".concat(r.heading)}),i.createElement("div",null,Array(5).fill(null).map((function(e,a){return i.createElement("div",{key:a,className:"partial-loading-background my-2 ".concat(r.interaction)})}))))}},38280:(e,a,t)=>{t.r(a),t.d(a,{SharedInteractiveView:()=>j});var i=t(32735),r=t(20354),c=t(30439),n=t(4594),d=t(60051),s=t(16714),o=t(39151),l=t(1666),u=t(20768),v=t(47812),m=t(31949),h=t(26304),p=t(91286),b=t(22902),g=t(79612),k=t(76753),y=t(51855),I=t(7179),P=t(36873),f=t(44110),E=t(53073),F=t(97816),C=t(63649),V=t(84062),q=t(25758),w=t(57426),B=t(16857),N={notFound:w.k,forbidden:{privacy:B.m}};function M(e){return(null==e?void 0:e._parentClip)||(null==e?void 0:e._parentVideo)}function j(e){var a,t,w,j=(0,b.T)().hasPermissions,x=r.a.useBasicFetch(o.L.config()),G=r.a.useBasicFetch(m.N.token()),S=(0,y.G)().isPlugin,_=r.a.useBasicFetch(m.N.currentUser()),A=r.a.useBasicFetch(u.b.sharedInteractiveMetadata(e.objectId,e.shareId)),T=r.a.useBasicFetch(c.o.getShareObject(e.shareId)),U=T.data&&(T.data.objectTypeId===n.E.Interactive?v.k.createViewKey(e.shareId,d.f.Share):v.k.createViewKey(e.objectId,d.f.MasterObject,e.shareId)),X=r.a.useBasicFetch(U),K=(0,f.i)(),L=r.a.useBasicFetch((null===(a=_.data)||void 0===a?void 0:a.isAuthenticated)&&l.h.yearGroups(_.data.customerId)),O=(0,E.f)(),D=r.a.useBasicFetch(O&&A.data&&u.b.interactive(A.data.interactiveId)),H=r.a.useBasicFetch(O&&A.data&&u.b.videoInteractives(M(A.data).id)),Q=(0,P.k)({video:A.data,context:e.queryParams.context,contextId:e.queryParams.contextId,moviesAndTv:e.queryParams.mtv,currentUser:_.data}),Y=M(A.data);(0,p.v)(A,N),(0,h.b)(A,{private:B.m}),(0,I.P)({id:e.objectId,app:"interactives",shareId:e.shareId}),(0,F.V)(null!==(t=Q.videos)&&void 0!==t?t:[]),(0,g.M)(k.CG.getInteractiveMetadata({content:A.data}));var z=A.data&&x.hasCompleted&&_.hasCompleted&&(!O||D.hasCompleted)&&T.hasCompleted&&X.hasCompleted&&G.hasCompleted;return O?z?i.createElement(q.x,{sourceVideo:Y,config:x.data,currentUser:_.data,queryParams:e.queryParams,interactive:A.data,interactives:H.data,isPreviewPreventScrubbingEnabled:D.data.preventScrubbing,yearGroups:L.data,audiences:K.data,relatedVideos:Q,canManageVideoAccess:j(s.C.ManageVideoAccess),isPlugin:S}):i.createElement(C.X,null):z?i.createElement(V.M,{interactive:A.data,currentUser:_.data,config:x.data,audiences:K.data,yearGroups:L.data,queryParams:e.queryParams,viewKey:X.data,relatedVideos:Q,shareLink:T.data,startTime:null===(w=e.queryParams)||void 0===w?void 0:w.t,isPlugin:S,token:G.data}):i.createElement(i.Fragment,null)}}}]);
|
|
2
|
+
//# sourceMappingURL=2992-2b265c0b4c-lite.chunk.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scripts/2992-2b265c0b4c-lite.chunk.js","mappings":"mJACA,SAAgB,MAAQ,QAAQ,OAAS,QAAQ,QAAU,QAAQ,YAAc,QAAQ,OAAS,QAAQ,KAAO,QAAQ,UAAY,SCG/H,SAAUA,IACd,OACE,uBAAKC,UAAU,cACb,uBAAKA,UAAS,qCAAgC,YAC9C,uBAAKA,UAAS,0CAAqC,UACjD,uBAAKA,UAAS,qCAAgC,gBAEhD,uBAAKA,UAAS,0CAAqC,aACnD,2BACGC,MAAM,GAAGC,KAAK,MAAMC,KAAI,SAACC,EAAGC,GAAC,OAC5B,uBAAKC,IAAKD,EAAGL,UAAS,0CAAqC,gBAA4B,KAKjG,C,wWCgBMO,EAAc,CAClBC,SAAU,IACVC,UAAW,CACTC,QAAS,MAIb,SAASC,EAAeC,GACtB,OAAOA,aAAW,EAAXA,EAAaC,eAAeD,aAAW,EAAXA,EAAaE,aAClD,CAEM,SAAUC,EAAsBC,G,UAC5BC,GAAmB,SAAnBA,eAEFC,EAAS,kBAA6B,cACtCC,EAAQ,kBAAgC,aAEtCC,GAAa,SAAbA,SAEFC,EAAc,kBAAkC,mBAChDC,EAAsB,kBAC1B,8BAA8CN,EAAMO,SAAUP,EAAMQ,UAGhEC,EAAY,kBAChB,mBAA6BT,EAAMQ,UAO/BE,EAAiBD,EAAUE,OAASF,EAAUE,KAAKC,eAAiB,gBACtE,kBAA6BZ,EAAMQ,QAAS,WAC5C,kBAA6BR,EAAMO,SAAU,iBAA0BP,EAAMQ,UAC3EK,EAAU,kBAAoCH,GAC9CI,GAAY,SACZC,EAAa,mBACD,QAAhB,EAAAV,EAAYM,YAAI,eAAEK,kBAAmB,eAA4BX,EAAYM,KAAKM,aAO9EC,GAA2B,SAC3BtB,EAAc,kBAClBsB,GAA4BZ,EAAoBK,MAChD,gBAAgCL,EAAoBK,KAAKQ,gBAErDC,EAAe,kBACnBF,GAA4BZ,EAAoBK,MAChD,sBAAsChB,EAAeW,EAAoBK,MAAMU,KAG3EC,GAAgB,OAAoB,CACxCC,MAAOjB,EAAoBK,KAC3Ba,QAASxB,EAAMyB,YAAYD,QAC3BE,UAAW1B,EAAMyB,YAAYC,UAC7BC,YAAa3B,EAAMyB,YAAYG,IAC/BvB,YAAaA,EAAYM,OAErBkB,EAAclC,EAAeW,EAAoBK,OAEvD,OAAqBL,EAAqBf,IAC1C,OAAsBe,EAAqB,CAAEwB,QAAS,OACtD,OAAa,CAAET,GAAIrB,EAAMO,SAAUwB,IAAK,eAAgBvB,QAASR,EAAMQ,WACvE,OAAkC,QAApB,EAAAc,EAAcU,cAAM,QAAI,KACtC,OAAmB,4BAA0C,CAAEC,QAAS3B,EAAoBK,QAE5F,IAAMuB,EACJ5B,EAAoBK,MACpBT,EAAOiC,cACP9B,EAAY8B,gBACVjB,GAA4BtB,EAAYuC,eAC1C1B,EAAU0B,cACVtB,EAAQsB,cACRhC,EAAMgC,aAGR,OAAIjB,EAEGgB,EAIH,gBAAC,IAAkB,CACjBL,YAAaA,EACb3B,OAAQA,EAAOS,KACfN,YAAaA,EAAYM,KACzBc,YAAazB,EAAMyB,YACnB7B,YAAaU,EAAoBK,KACjCS,aAAcA,EAAaT,KAC3ByB,iCAAkCxC,EAAYe,KAAK0B,iBACnDtB,WAAYA,EAAWJ,KACvBG,UAAWA,EAAUH,KACrBW,cAAeA,EACfgB,qBAAsBrC,EAAe,uBACrCG,SAAUA,IAfL,gBAAC,IAAyB,MAoBhC8B,EAIH,gBAAC,IAAe,CACdtC,YAAaU,EAAoBK,KACjCN,YAAaA,EAAYM,KACzBT,OAAQA,EAAOS,KACfG,UAAWA,EAAUH,KACrBI,WAAYA,EAAWJ,KACvBc,YAAazB,EAAMyB,YACnBZ,QAASA,EAAQF,KACjBW,cAAeA,EACfb,UAAWA,EAAUE,KACrB4B,UAA4B,QAAjB,EAAAvC,EAAMyB,mBAAW,eAAEe,EAC9BpC,SAAUA,EACVD,MAAOA,EAAMQ,OAfR,gCAkBX,C","sources":["file:///app/packages/projects/lite/src/apps/interactives/components/interactive-partial-loading/interactive-partial-loading.scss","file:///app/packages/projects/lite/src/apps/interactives/components/interactive-partial-loading/InteractivePartialLoading.tsx","file:///app/packages/projects/lite/src/apps/share/views/shared-interactive/SharedInteractiveView.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"video\":\"ekpg6\",\"notice\":\"lQs4F\",\"heading\":\"Gt6uV\",\"interaction\":\"LEfYX\",\"button\":\"caHP7\",\"edit\":\"de4DP\",\"questions\":\"XelbS\"};","import React from 'react';\n\nimport styles from './interactive-partial-loading.scss';\n\nexport function InteractivePartialLoading(): React.ReactElement {\n return (\n <div className='px-3 w-100'>\n <div className={`partial-loading-background ${styles.notice}`} />\n <div className={`partial-loading-background mb-3 ${styles.video}`}>\n <div className={`partial-loading-background ${styles.questions}`}></div>\n </div>\n <div className={`partial-loading-background mb-3 ${styles.heading}`}></div>\n <div>\n {Array(5).fill(null).map((_, i) => (\n <div key={i} className={`partial-loading-background my-2 ${styles.interaction}`}></div>\n ))}\n </div>\n </div>\n );\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ShareRequests } from 'libs/shared/apps/share/flight-requests/ShareRequests';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { MediaIdType } from 'libs/shared/enums/MediaIdType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { PlayerRequests } from 'libs/shared/flight-requests/PlayerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { useHandleObjectError } from 'libs/shared/hooks/UseHandleObjectError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Clip, Config, CurrentUser, Interactive, InteractiveMetadata, PlayerViewKey, UnionShareObject, Video, YearGroup } from 'libs/shared/interfaces';\nimport { AuthToken } from 'libs/shared/interfaces/models/AuthToken';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { usePluginHelper } from 'shared/hooks/use-plugin-helper/usePluginHelper';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useShouldPreviewInteractive } from 'shared/hooks/useShouldPreviewInteractive';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\n\nimport { InteractivePartialLoading } from 'apps/interactives/components/interactive-partial-loading/InteractivePartialLoading';\nimport { PlayInteractive } from 'apps/interactives/components/play-interactive/PlayInteractive';\nimport { PreviewInteractive } from 'apps/interactives/components/preview-interactive/PreviewInteractive';\nimport { ShareLinkNotFoundError } from 'apps/share/errors/share-link-not-found/ShareLinkNotFoundError';\nimport { ShareLinkPrivateError } from 'apps/share/errors/share-link-private/ShareLinkPrivateError';\nimport { ShareLinkViewProps } from 'apps/share/interfaces/ShareLinkViewProps';\n\nconst videoErrors = {\n notFound: ShareLinkNotFoundError,\n forbidden: {\n privacy: ShareLinkPrivateError\n }\n};\n\nfunction getSourceVideo(interactive: InteractiveMetadata): Clip | Video {\n return interactive?._parentClip || interactive?._parentVideo;\n}\n\nexport function SharedInteractiveView(props: ShareLinkViewProps): JSX.Element {\n const { hasPermissions } = usePermissions();\n\n const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n const token = Flight.useBasicFetch<AuthToken>(UserRequests.token());\n\n const { isPlugin } = usePluginHelper();\n\n const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n InteractiveRequests.sharedInteractiveMetadata(props.objectId, props.shareId)\n );\n\n const shareLink = Flight.useBasicFetch<UnionShareObject>(\n ShareRequests.getShareObject(props.shareId)\n );\n\n /**\n * If the shareLink type isn't an interactive, then it's a playlist and needs to be\n * used as context for fetching\n */\n const viewKeyRequest = shareLink.data && (shareLink.data.objectTypeId === MasterType.Interactive\n ? PlayerRequests.createViewKey(props.shareId, MediaIdType.Share)\n : PlayerRequests.createViewKey(props.objectId, MediaIdType.MasterObject, props.shareId));\n const viewKey = Flight.useBasicFetch<PlayerViewKey>(viewKeyRequest);\n const audiences = usePresentationAudiences();\n const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n );\n\n /**\n * Authenticated staff with Lite product access get the interactive \"Preview\" view instead\n * of the usual play view.\n */\n const shouldPreviewInteractive = useShouldPreviewInteractive();\n const interactive = Flight.useBasicFetch<Interactive>(\n shouldPreviewInteractive && interactiveMetadata.data &&\n InteractiveRequests.interactive(interactiveMetadata.data.interactiveId)\n );\n const interactives = Flight.useBasicFetch<InteractiveMetadata[]>(\n shouldPreviewInteractive && interactiveMetadata.data &&\n InteractiveRequests.videoInteractives(getSourceVideo(interactiveMetadata.data).id)\n );\n\n const relatedVideos = useGetRelatedVideos({\n video: interactiveMetadata.data,\n context: props.queryParams.context,\n contextId: props.queryParams.contextId,\n moviesAndTv: props.queryParams.mtv,\n currentUser: currentUser.data\n });\n const sourceVideo = getSourceVideo(interactiveMetadata.data);\n\n useHandleObjectError(interactiveMetadata, videoErrors);\n useCannotConsumeError(interactiveMetadata, { private: ShareLinkPrivateError });\n useDeepLinks({ id: props.objectId, app: 'interactives', shareId: props.shareId });\n useVideoMixin(relatedVideos.videos ?? []);\n useSetPageMetadata(PageMetadataHelper.getInteractiveMetadata({ content: interactiveMetadata.data }));\n\n const hasLoaded = (\n interactiveMetadata.data &&\n config.hasCompleted &&\n currentUser.hasCompleted &&\n (!shouldPreviewInteractive || interactive.hasCompleted) &&\n shareLink.hasCompleted &&\n viewKey.hasCompleted &&\n token.hasCompleted\n );\n\n if (shouldPreviewInteractive) {\n // For staff, the interactive is previewed\n if (!hasLoaded)\n return <InteractivePartialLoading />;\n\n return (\n <PreviewInteractive\n sourceVideo={sourceVideo}\n config={config.data}\n currentUser={currentUser.data}\n queryParams={props.queryParams}\n interactive={interactiveMetadata.data}\n interactives={interactives.data}\n isPreviewPreventScrubbingEnabled={interactive.data.preventScrubbing}\n yearGroups={yearGroups.data}\n audiences={audiences.data}\n relatedVideos={relatedVideos}\n canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n isPlugin={isPlugin}\n />\n );\n }\n\n if (!hasLoaded)\n return <></>;\n\n return (\n <PlayInteractive\n interactive={interactiveMetadata.data}\n currentUser={currentUser.data}\n config={config.data}\n audiences={audiences.data}\n yearGroups={yearGroups.data}\n queryParams={props.queryParams}\n viewKey={viewKey.data}\n relatedVideos={relatedVideos}\n shareLink={shareLink.data}\n startTime={props.queryParams?.t}\n isPlugin={isPlugin}\n token={token.data}\n />\n );\n}"],"names":["InteractivePartialLoading","className","Array","fill","map","_","i","key","videoErrors","notFound","forbidden","privacy","getSourceVideo","interactive","_parentClip","_parentVideo","SharedInteractiveView","props","hasPermissions","config","token","isPlugin","currentUser","interactiveMetadata","objectId","shareId","shareLink","viewKeyRequest","data","objectTypeId","viewKey","audiences","yearGroups","isAuthenticated","customerId","shouldPreviewInteractive","interactiveId","interactives","id","relatedVideos","video","context","queryParams","contextId","moviesAndTv","mtv","sourceVideo","private","app","videos","content","hasLoaded","hasCompleted","isPreviewPreventScrubbingEnabled","preventScrubbing","canManageVideoAccess","startTime","t"],"sourceRoot":""}
|