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

package/dist/scripts/{7715-e5380d1440-lite.chunk.js → 7715-634be84dc5-lite.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7715],{69395:(e,t,n)=>{n.d(t,{e:()=>l});var r=n(32735),a=n(91967);const i={disabled:"pERi4",disabledHighlighted:"AxyWm"};function l(e){var t=e.audience,n=e.highlight,l=e.setAudience,c=e.isDisabled,o=e.extraClasses,s=function(e,t){return e?t?"".concat(i.disabledHighlighted," text-light"):"bg-info text-light":t?"".concat(i.disabled," text-secondary"):"bg-light"}(n,c),u="rounded-pill d-inline-block me-1 user-select-none ".concat(c?"cursor-default":"cursor-pointer"," ").concat(s," ").concat(o);return r.createElement("span",{className:u,onClick:function(){!c&&a.q.isFunction(l)&&l(t,!n)},role:"checkbox","aria-checked":n},t.name.split(" ").map((function(e){return e.charAt(0).toUpperCase()+e.substring(1)})).join(" "))}l.defaultProps={extraClasses:""}},60836:(e,t,n)=>{n.d(t,{j:()=>i});var r=n(32735);function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var i=function(e){var t,n,i=(t=r.useState(1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,c=[],o=!0,s=!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)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}(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.")}()),l=i[0],c=i[1];return r.useEffect((function(){l>0||e()}),[l]),[function(){c((function(e){return e-1}))},c]}},59406:(e,t,n)=>{n.r(t),n.d(t,{AudiencePreferencesView:()=>$});var r=n(32735),a=n(70680),i=n(81886),l=n(20354),c=n(65858),o=n(23481),s=n(75896),u=n(69395);function d(e){var t=e.width,n=void 0===t?90:t,a=e.height,i=void 0===a?35:a,l=e.count,c=void 0===l?5:l,o=e.align,s="center"===(void 0===o?"left":o)?"justify-content-center":"justify-content-start";return r.createElement("ul",{className:"d-flex flex-wrap ps-0 m-0 ".concat(s)},Array(c).fill(null).map((function(e,t){return r.createElement("li",{key:t,className:"partial-loading-background mx-1 mb-1 rounded-pill list-unstyled",style:{height:"".concat(i,"px"),width:"".concat(n,"px")}})})))}var f=n(9826),m=n(49602),p=n(36848),v=n(2102),h=n(83345),g=n(83523),b=n(69883),y=n(60836);const E={audienceList:"gGUpk",imageContainer:"mLKC0"};function k(e){return function(e){if(Array.isArray(e))return A(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||x(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 S(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,c=[],o=!0,s=!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)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(e,t)||x(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,t){if(e){if("string"==typeof e)return A(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?A(e,t):void 0}}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var C="subjects.audiencePreferences";function w(e){var t=S(r.useState([]),2),n=t[0],a=t[1],l=S(r.useState(!1),2),c=l[0],d=l[1],x=S(r.useState(e.bulkPreferencesState),2),A=x[0],w=x[1],P=m.b.hasBulkSelectedLevels(A),I=(0,b.Z)();r.useEffect((function(){var t;if(null===(t=e.preselections)||void 0===t?void 0:t.length){var r=e.preselections.map((function(e){return e.masterId}));a(s.m.uniq([].concat(k(n),k(r))))}else a([])}),[]);var L=S((0,y.j)((function(){d(!1),e.isOnboarding||I.success(o.T.getPhrase(C,"success")),e.nextAppLink&&i.Q.C$.trigger(e.nextAppLink)})),2),N=L[0],j=L[1];function O(t){return!!e.preselections&&e.preselections.map((function(e){return e.masterId})).sort().toString()!==t.sort().toString()}function B(){return e.bulkPreferencesState!==A}function T(){if(!n.length&&!P)return!1;var t=B()||O(n);return!(!e.isOnboarding&&!t)}function U(e){var t=s.m.addOrRemoveImmutable(n,e.masterId);a(t)}function F(){var e=m.b.getNextBulkState(A,"audiences");w(e),m.b.hasBulkSelectedLevels(e)&&a([])}return r.createElement(h.D.Provider,{value:C},r.createElement("form",{className:"p-3"},r.createElement("div",{className:"position-relative"},r.createElement("ul",{className:"d-flex flex-wrap justify-content-center mx-auto mb-0 ps-0 py-3 ".concat(E.audienceList)},e.options.map((function(e){return r.createElement(u.e,{key:e.masterId,audience:e,highlight:n.includes(e.masterId),setAudience:U,extraClasses:"h4 py-1 px-3 mx-1 mb-1",isDisabled:P})})))),r.createElement("div",{className:"mx-auto ".concat(E.imageContainer)},r.createElement("img",{className:"img-fluid",src:e.imageUrl,alt:"",role:"presentation"})),r.createElement(f.e,{justify:e.backButtonAppLink?"between":"end"},r.createElement("div",null,!!e.backButtonAppLink&&r.createElement(p.F,{appLink:e.backButtonAppLink,className:"btn btn-outline-dark"},r.createElement(h.x,{phrase:"back"}))),r.createElement("div",{className:"d-flex align-items-center justify-content-end"},r.createElement("div",{className:"d-flex me-3"},r.createElement("p",{onClick:F,className:"me-2 mb-0 fw-bold"},r.createElement(h.x,{phrase:"allLevels"})),r.createElement(g.Z,{onClick:F,on:P,hideOutline:!0})),r.createElement(v.m,{variant:"dark",disabled:!T(),onClick:function(){var t;if(T())if(O(n)||B()){d(!0);var r=n.filter((function(t){var n;return!(null===(n=e.preselections)||void 0===n?void 0:n.find((function(e){return e.masterId===t})))})).map((function(t){var n;return null===(n=e.options)||void 0===n?void 0:n.find((function(e){return e.masterId===t}))})),a=null===(t=e.preselections)||void 0===t?void 0:t.filter((function(e){return!n.includes(e.masterId)})),l=0;(null==r?void 0:r.length)&&l++,(null==a?void 0:a.length)&&l++,B()&&l++,j(l),e.saveChanges(r,a,A,N,(function(){I.error(o.T.getPhrase(C,"error")),d(!1)}))}else e.nextAppLink&&i.Q.C$.trigger(e.nextAppLink)},showSpinner:c},r.createElement(h.x,{phrase:e.isOnboarding?"next":"save"}))))))}function P(){return r.createElement("div",{className:"p-3"},r.createElement("div",{className:"w-100 mx-auto py-3"},r.createElement(d,{align:"center"})))}var I=n(77963),L=n(65728),N=n(61699),j=n(31949),O=n(37802),B=n(69454),T=n(99742),U=n(14070),F=n(97291),R=n(71164),_="settings.audiencePreferences";function $(){var e,t=l.a.useBasicFetch(j.N.currentUser()),n=l.a.useBasicFetch(N.o.availablePresentations()),o=l.a.useBasicFetch(N.o.allLevelPreferences()),s=l.a.useBasicFetch(N.o.myLevelPreferences()),u=(0,O.r)(c.LZ.PreferencesSettings),d=u.bulkOnboardingPreferencesState,f=u.isLoadingSettings,m=u.updateSetting,p=!!(null===(e=o.data)||void 0===e?void 0:e.length)&&B.T.shouldShowAudiences(o.data);r.useEffect((function(){o.hasCompleted&&(p||i.Q.C$.trigger({application:F.O.SETTINGS,action:U.e.Settings.TOPIC_PREFERENCES},{replace:!0}))}),[o.hasCompleted]);var v=(0,a.I0)(),g=!!o.hasCompleted&&!!s.hasCompleted&&!f;return r.createElement(R.T,{availablePresentations:n.data,audiences:o.data},r.createElement("p",{className:"mt-3"},r.createElement(h.x,{namespace:_,phrase:"info"})),g&&p?r.createElement(w,{options:o.data,preselections:s.data,bulkPreferencesState:d,saveChanges:function(e,n,r,a,i){if(r!==d){var c={name:L.E.BulkOnboardingPreferencesState,value:r,kind:I.g.Permanent};m(t.data.id,c,a,i)}(null==e?void 0:e.length)&&l.a.fetch(v,N.o.followLevels(e,a,i)),(null==n?void 0:n.length)&&l.a.fetch(v,N.o.unfollowLevels(n,a,i))},imageUrl:T.W.Onboarding.YEAR_GROUPS}):r.createElement(P,null))}}}]);
-//# sourceMappingURL=7715-e5380d1440-lite.chunk.js.map
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7715],{69395:(e,t,n)=>{n.d(t,{e:()=>l});var r=n(32735),a=n(91967);const i={disabled:"pERi4",disabledHighlighted:"AxyWm"};function l(e){var t=e.audience,n=e.highlight,l=e.setAudience,c=e.isDisabled,o=e.extraClasses,s=function(e,t){return e?t?"".concat(i.disabledHighlighted," text-light"):"bg-blue text-light":t?"".concat(i.disabled," text-secondary"):"bg-light"}(n,c),u="rounded-pill d-inline-block me-1 user-select-none ".concat(c?"cursor-default":"cursor-pointer"," ").concat(s," ").concat(o);return r.createElement("span",{className:u,onClick:function(){!c&&a.q.isFunction(l)&&l(t,!n)},role:"checkbox","aria-checked":n},t.name.split(" ").map((function(e){return e.charAt(0).toUpperCase()+e.substring(1)})).join(" "))}l.defaultProps={extraClasses:""}},60836:(e,t,n)=>{n.d(t,{j:()=>i});var r=n(32735);function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var i=function(e){var t,n,i=(t=r.useState(1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,c=[],o=!0,s=!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)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(t,n)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}(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.")}()),l=i[0],c=i[1];return r.useEffect((function(){l>0||e()}),[l]),[function(){c((function(e){return e-1}))},c]}},59406:(e,t,n)=>{n.r(t),n.d(t,{AudiencePreferencesView:()=>$});var r=n(32735),a=n(70680),i=n(81886),l=n(20354),c=n(65858),o=n(23481),s=n(75896),u=n(69395);function d(e){var t=e.width,n=void 0===t?90:t,a=e.height,i=void 0===a?35:a,l=e.count,c=void 0===l?5:l,o=e.align,s="center"===(void 0===o?"left":o)?"justify-content-center":"justify-content-start";return r.createElement("ul",{className:"d-flex flex-wrap ps-0 m-0 ".concat(s)},Array(c).fill(null).map((function(e,t){return r.createElement("li",{key:t,className:"partial-loading-background mx-1 mb-1 rounded-pill list-unstyled",style:{height:"".concat(i,"px"),width:"".concat(n,"px")}})})))}var f=n(9826),m=n(49602),p=n(36848),v=n(2102),h=n(83345),g=n(83523),b=n(69883),y=n(60836);const E={audienceList:"gGUpk",imageContainer:"mLKC0"};function k(e){return function(e){if(Array.isArray(e))return A(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||x(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 S(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,c=[],o=!0,s=!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)&&(c.push(r.value),c.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return c}}(e,t)||x(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,t){if(e){if("string"==typeof e)return A(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?A(e,t):void 0}}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var C="subjects.audiencePreferences";function w(e){var t=S(r.useState([]),2),n=t[0],a=t[1],l=S(r.useState(!1),2),c=l[0],d=l[1],x=S(r.useState(e.bulkPreferencesState),2),A=x[0],w=x[1],P=m.b.hasBulkSelectedLevels(A),I=(0,b.Z)();r.useEffect((function(){var t;if(null===(t=e.preselections)||void 0===t?void 0:t.length){var r=e.preselections.map((function(e){return e.masterId}));a(s.m.uniq([].concat(k(n),k(r))))}else a([])}),[]);var L=S((0,y.j)((function(){d(!1),e.isOnboarding||I.success(o.T.getPhrase(C,"success")),e.nextAppLink&&i.Q.C$.trigger(e.nextAppLink)})),2),N=L[0],j=L[1];function O(t){return!!e.preselections&&e.preselections.map((function(e){return e.masterId})).sort().toString()!==t.sort().toString()}function B(){return e.bulkPreferencesState!==A}function T(){if(!n.length&&!P)return!1;var t=B()||O(n);return!(!e.isOnboarding&&!t)}function U(e){var t=s.m.addOrRemoveImmutable(n,e.masterId);a(t)}function F(){var e=m.b.getNextBulkState(A,"audiences");w(e),m.b.hasBulkSelectedLevels(e)&&a([])}return r.createElement(h.D.Provider,{value:C},r.createElement("form",{className:"p-3"},r.createElement("div",{className:"position-relative"},r.createElement("ul",{className:"d-flex flex-wrap justify-content-center mx-auto mb-0 ps-0 py-3 ".concat(E.audienceList)},e.options.map((function(e){return r.createElement(u.e,{key:e.masterId,audience:e,highlight:n.includes(e.masterId),setAudience:U,extraClasses:"h4 py-1 px-3 mx-1 mb-1",isDisabled:P})})))),r.createElement("div",{className:"mx-auto ".concat(E.imageContainer)},r.createElement("img",{className:"img-fluid",src:e.imageUrl,alt:"",role:"presentation"})),r.createElement(f.e,{justify:e.backButtonAppLink?"between":"end"},r.createElement("div",null,!!e.backButtonAppLink&&r.createElement(p.F,{appLink:e.backButtonAppLink,className:"btn btn-outline-dark"},r.createElement(h.x,{phrase:"back"}))),r.createElement("div",{className:"d-flex align-items-center justify-content-end"},r.createElement("div",{className:"d-flex me-3"},r.createElement("p",{onClick:F,className:"me-2 mb-0 fw-bold"},r.createElement(h.x,{phrase:"allLevels"})),r.createElement(g.Z,{onClick:F,on:P,hideOutline:!0})),r.createElement(v.m,{variant:"dark",disabled:!T(),onClick:function(){var t;if(T())if(O(n)||B()){d(!0);var r=n.filter((function(t){var n;return!(null===(n=e.preselections)||void 0===n?void 0:n.find((function(e){return e.masterId===t})))})).map((function(t){var n;return null===(n=e.options)||void 0===n?void 0:n.find((function(e){return e.masterId===t}))})),a=null===(t=e.preselections)||void 0===t?void 0:t.filter((function(e){return!n.includes(e.masterId)})),l=0;(null==r?void 0:r.length)&&l++,(null==a?void 0:a.length)&&l++,B()&&l++,j(l),e.saveChanges(r,a,A,N,(function(){I.error(o.T.getPhrase(C,"error")),d(!1)}))}else e.nextAppLink&&i.Q.C$.trigger(e.nextAppLink)},showSpinner:c},r.createElement(h.x,{phrase:e.isOnboarding?"next":"save"}))))))}function P(){return r.createElement("div",{className:"p-3"},r.createElement("div",{className:"w-100 mx-auto py-3"},r.createElement(d,{align:"center"})))}var I=n(77963),L=n(65728),N=n(61699),j=n(31949),O=n(37802),B=n(69454),T=n(99742),U=n(14070),F=n(97291),R=n(71164),_="settings.audiencePreferences";function $(){var e,t=l.a.useBasicFetch(j.N.currentUser()),n=l.a.useBasicFetch(N.o.availablePresentations()),o=l.a.useBasicFetch(N.o.allLevelPreferences()),s=l.a.useBasicFetch(N.o.myLevelPreferences()),u=(0,O.r)(c.LZ.PreferencesSettings),d=u.bulkOnboardingPreferencesState,f=u.isLoadingSettings,m=u.updateSetting,p=!!(null===(e=o.data)||void 0===e?void 0:e.length)&&B.T.shouldShowAudiences(o.data);r.useEffect((function(){o.hasCompleted&&(p||i.Q.C$.trigger({application:F.O.SETTINGS,action:U.e.Settings.TOPIC_PREFERENCES},{replace:!0}))}),[o.hasCompleted]);var v=(0,a.I0)(),g=!!o.hasCompleted&&!!s.hasCompleted&&!f;return r.createElement(R.T,{availablePresentations:n.data,audiences:o.data},r.createElement("p",{className:"mt-3"},r.createElement(h.x,{namespace:_,phrase:"info"})),g&&p?r.createElement(w,{options:o.data,preselections:s.data,bulkPreferencesState:d,saveChanges:function(e,n,r,a,i){if(r!==d){var c={name:L.E.BulkOnboardingPreferencesState,value:r,kind:I.g.Permanent};m(t.data.id,c,a,i)}(null==e?void 0:e.length)&&l.a.fetch(v,N.o.followLevels(e,a,i)),(null==n?void 0:n.length)&&l.a.fetch(v,N.o.unfollowLevels(n,a,i))},imageUrl:T.W.Onboarding.YEAR_GROUPS}):r.createElement(P,null))}}}]);
+//# sourceMappingURL=7715-634be84dc5-lite.chunk.js.map

package/dist/scripts/{7715-e5380d1440-lite.chunk.js.map → 7715-634be84dc5-lite.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scripts/7715-e5380d1440-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/subjects/components/audience-item/audience-item.scss","file:///app/packages/libs/shared/src/apps/subjects/components/audience-item/AudienceItem.tsx","file:///app/packages/libs/shared/src/hooks/UseOnSaveAll.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/audience-item/partial-loading/PartialAudiences.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/audience-preferences/audience-preferences.scss","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/audience-preferences/AudiencePreferences.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/audience-preferences/partial-loading/PartialAudiencePreferences.tsx","file:///app/packages/projects/lite/src/apps/settings/views/preferences/audiences/AudiencePreferencesView.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"disabled\":\"pERi4\",\"disabledHighlighted\":\"AxyWm\"};","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport styles from './audience-item.scss';\n\nfunction lowerCaseToTitleCase(str: string): string {\n  return str.split(' ').map((s: string) => s.charAt(0).toUpperCase() + s.substring(1)).join(' ');\n}\n\nfunction getColourClass(highlight: boolean, isDisabled: boolean): string {\n  if (highlight) return isDisabled ? `${styles.disabledHighlighted} text-light` : 'bg-info text-light';\n  if (isDisabled) return `${styles.disabled} text-secondary`;\n  return 'bg-light';\n}\n\ninterface AudienceItemProps {\n  audience: PresentationAudience;\n  highlight: boolean;\n  setAudience?: (audience: PresentationAudience, highlight: boolean) => void;\n  isDisabled?: boolean;\n  extraClasses?: string;\n}\n\nAudienceItem.defaultProps = {\n  extraClasses: ''\n};\n\nexport function AudienceItem(props: AudienceItemProps): React.ReactElement {\n  const { audience, highlight, setAudience, isDisabled, extraClasses } = props;\n\n  const colourClass = getColourClass(highlight, isDisabled);\n  const cursorClass = isDisabled ? 'cursor-default' : 'cursor-pointer';\n  const className = `rounded-pill d-inline-block me-1 user-select-none ${cursorClass} ${colourClass} ${extraClasses}`;\n\n  const onClick = () => {\n    if (isDisabled || !FunctionHelper.isFunction(setAudience))\n      return;\n\n    setAudience(audience, !highlight);\n  };\n\n  return (\n    <span\n      className={className}\n      onClick={onClick}\n      role='checkbox'\n      aria-checked={highlight}\n    >\n      {lowerCaseToTitleCase(audience.name)}\n    </span>\n  );\n}","import React from 'react';\n\ntype ReturnValue = [\n  () => void,\n  React.Dispatch<React.SetStateAction<number>>\n];\n\n/**\n * This hook solves a problem where you want to trigger an \"onSuccess\" callback function\n * only after the last of multiple API calls have completed.\n * \n * Example: the user clicks a \"Save\" button, which triggers 2 API calls. You have a callback function\n * that you want to run after both API calls have succeeded. This hook will help you do that of you pass it\n * the callback function and set the counter to 2.\n */\nexport const useOnSaveAll = (onDone: () => void): ReturnValue => {\n  const [ counter, setCounter ] = React.useState(1);\n\n  function onSave(): void {\n    setCounter(val => val - 1);\n  }\n\n  React.useEffect(() => {\n    if (counter > 0)\n      return;\n  \n    onDone();\n  }, [counter]);\n\n  return [ onSave, setCounter ];\n};","import * as React from 'react';\n\ninterface PartialAudiencesProps {\n  count?: number;\n  width?: number;\n  height?: number;\n  align?: 'left' | 'center';\n}\n\nexport function PartialAudiences({ width = 90, height = 35, count = 5, align = 'left' }: PartialAudiencesProps): JSX.Element {\n  const justifyClass = align === 'center' ? 'justify-content-center' : 'justify-content-start';\n\n  return (\n    <ul className={`d-flex flex-wrap ps-0 m-0 ${justifyClass}`}>\n      {Array(count).fill(null).map((item, i) => (\n        <li\n          key={i}\n          className='partial-loading-background mx-1 mb-1 rounded-pill list-unstyled'\n          style={{ height: `${height}px`, width: `${width}px` }}\n        />\n      ))}\n    </ul>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"audienceList\":\"gGUpk\",\"imageContainer\":\"mLKC0\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AudienceItem } from 'libs/shared/apps/subjects/components/audience-item';\nimport { OnboardingFooter } from 'libs/shared/apps/subjects/components/preferences/footer/OnboardingFooter';\nimport { OnboardingHelper } from 'libs/shared/apps/subjects/utils/OnboardingHelper';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\nimport { BulkOnboardingPreferencesState } from 'libs/shared/enums/BulkOnboardingPreferencesState';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useOnSaveAll } from 'libs/shared/hooks/UseOnSaveAll';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport styles from './audience-preferences.scss';\n\nconst namespace = 'subjects.audiencePreferences';\n\ninterface AudiencePreferencesProps {\n  options: PresentationAudience[];\n  preselections: PresentationAudience[];\n  bulkPreferencesState: BulkOnboardingPreferencesState;\n  saveChanges: (\n    newAudiences: PresentationAudience[],\n    oldAudiences: PresentationAudience[],\n    bulkState: BulkOnboardingPreferencesState,\n    onSuccess: () => void,\n    onError: () => void\n  ) => void;\n  \n  imageUrl: string;\n\n  isOnboarding?: boolean;\n  backButtonAppLink?: Core.AppLink;\n  nextAppLink?: Core.AppLink;\n}\n\nexport function AudiencePreferences(props: AudiencePreferencesProps): JSX.Element {\n  const [ selectedAudiences, setSelectedAudiences ] = React.useState<string[]>([]);\n  const [ showSpinner, setShowSpinner ] = React.useState<boolean>(false);\n\n  const [ bulkPreferencesState, setBulkPreferencesState ] = React.useState<BulkOnboardingPreferencesState>(\n    props.bulkPreferencesState\n  );\n\n  const hasBulkSelectedLevels = OnboardingHelper.hasBulkSelectedLevels(bulkPreferencesState);\n\n  const alerts = useAlerts();\n\n  /**\n   * Set initial selections\n   */\n  React.useEffect(() => {\n    if (!props.preselections?.length) {\n      setSelectedAudiences([]);\n      return;\n    }\n\n    const preselectedIds = props.preselections.map(audience => audience.masterId);\n    setSelectedAudiences(ArrayHelper.uniq([ ...selectedAudiences, ...preselectedIds ]));\n  }, []);\n\n  const [ onSuccess, setCounter ] = useOnSaveAll(() => {\n    setShowSpinner(false);\n\n    if (!props.isOnboarding)\n      alerts.success(LanguageService.getPhrase(namespace, 'success'));\n\n    if (props.nextAppLink)\n      Core.AppLinkHelper.trigger(props.nextAppLink);\n  });\n\n  function hasChangedAudiences(selectedAudiences: string[]): boolean {\n    if (!props.preselections)\n      return false;\n\n    const preselectedIds = props.preselections.map(p => p.masterId);\n    return preselectedIds.sort().toString() !== selectedAudiences.sort().toString();\n  }\n\n  function hasChangedBulkState(): boolean {\n    return props.bulkPreferencesState !== bulkPreferencesState;\n  }\n\n  function isValid(): boolean {\n    if (!selectedAudiences.length && !hasBulkSelectedLevels)\n      return false;\n\n    const hasChanged = hasChangedBulkState() || hasChangedAudiences(selectedAudiences);\n\n    if (!props.isOnboarding && !hasChanged)\n      return false;\n\n    return true;\n  }\n\n  function onSave(): void {\n    if (!isValid())\n      return;\n\n    // If they have selected the bulk option, we do not want to clear their preferences or save any changes.\n    if (!hasChangedAudiences(selectedAudiences) && !hasChangedBulkState()) {\n      if (props.nextAppLink) {\n        Core.AppLinkHelper.trigger(props.nextAppLink);\n      }\n\n      return;\n    }\n\n    setShowSpinner(true);\n\n    const newAudiences = selectedAudiences\n      .filter(id => !props.preselections?.find(level => level.masterId === id))\n      .map(id => props.options?.find(level => level.masterId === id));\n\n    const oldAudiences = props.preselections?.filter(level => !selectedAudiences.includes(level.masterId));\n\n    let onSaveCounter = 0;\n\n    if (newAudiences?.length)\n      onSaveCounter++;\n\n    if (oldAudiences?.length)\n      onSaveCounter++;\n\n    if (hasChangedBulkState())\n      onSaveCounter++;\n\n    setCounter(onSaveCounter);\n\n    props.saveChanges(\n      newAudiences,\n      oldAudiences,\n      bulkPreferencesState,\n      onSuccess,\n      () => {\n        alerts.error(LanguageService.getPhrase(namespace, 'error'));\n        setShowSpinner(false);\n      }\n    );\n  }\n\n  function onSelectLevel(audience: PresentationAudience): void {\n    const newSelections = ArrayHelper.addOrRemoveImmutable(selectedAudiences, audience.masterId);\n    setSelectedAudiences(newSelections);\n  }\n\n  function onToggleSelectAll(): void {\n    const newBulkState = OnboardingHelper.getNextBulkState(bulkPreferencesState, 'audiences');\n\n    setBulkPreferencesState(newBulkState);\n\n    const hasBulkSelectedLevels = OnboardingHelper.hasBulkSelectedLevels(newBulkState);\n\n    if (hasBulkSelectedLevels)\n      setSelectedAudiences([]);\n  }\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <form className='p-3'>\n        <div className='position-relative'>\n          <ul className={`d-flex flex-wrap justify-content-center mx-auto mb-0 ps-0 py-3 ${styles.audienceList}`}>\n            {props.options.map(option => (\n              <AudienceItem\n                key={option.masterId}\n                audience={option}\n                highlight={selectedAudiences.includes(option.masterId)}\n                setAudience={onSelectLevel}\n                extraClasses='h4 py-1 px-3 mx-1 mb-1'\n                isDisabled={hasBulkSelectedLevels}\n              />\n            ))}\n          </ul>\n        </div>\n\n        <div className={`mx-auto ${styles.imageContainer}`}>\n          <img\n            className='img-fluid'\n            src={props.imageUrl}\n            alt=''\n            role='presentation'\n          />\n        </div>\n\n        <OnboardingFooter justify={props.backButtonAppLink ? 'between' : 'end'}>\n          <div>\n            {!!props.backButtonAppLink && (\n              <AppLink appLink={props.backButtonAppLink} className='btn btn-outline-dark'>\n                <Text phrase='back' />\n              </AppLink>\n            )}\n          </div>\n\n          <div className='d-flex align-items-center justify-content-end'>\n            <div className='d-flex me-3'>\n              <p onClick={onToggleSelectAll} className='me-2 mb-0 fw-bold'>\n                <Text phrase='allLevels' />\n              </p>\n              <ToggleSwitch\n                onClick={onToggleSelectAll}\n                on={hasBulkSelectedLevels}\n                hideOutline\n              />\n            </div>\n\n            <SpinnerButton\n              variant='dark'\n              disabled={!isValid()}\n              onClick={onSave}\n              showSpinner={showSpinner}\n            >\n              <Text phrase={props.isOnboarding ? 'next' : 'save'} />\n            </SpinnerButton>\n          </div>\n        </OnboardingFooter>\n      </form>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import React from 'react';\n\nimport { PartialAudiences } from 'libs/shared/apps/subjects/components/audience-item';\n\nexport function PartialAudiencePreferences(): JSX.Element {\n  return (\n    <div className='p-3'>\n      <div className='w-100 mx-auto py-3'>\n        <PartialAudiences align='center' />\n      </div>\n    </div>\n  );\n}","import React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { AudiencePreferences } from 'libs/shared/apps/subjects/components/preferences/audience-preferences/AudiencePreferences';\nimport { PartialAudiencePreferences } from 'libs/shared/apps/subjects/components/preferences/audience-preferences/partial-loading/PartialAudiencePreferences';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { BulkOnboardingPreferencesState } from 'libs/shared/enums/BulkOnboardingPreferencesState';\nimport { SettingKind } from 'libs/shared/enums/SettingKind';\nimport { SettingName } from 'libs/shared/enums/SettingName';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { CurrentUser, Presentation, PresentationAudience } from 'libs/shared/interfaces';\nimport { AudienceHelper } from 'libs/shared/utils/audience-helper/AudienceHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { PreferencesLayout } from 'apps/settings/components/preferences/PreferencesLayout';\n\nconst namespace = 'settings.audiencePreferences';\n\nexport function AudiencePreferencesView(): JSX.Element {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const availablePresentations = Flight.useBasicFetch<Presentation[]>(PreferenceRequests.availablePresentations());\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(PreferenceRequests.allLevelPreferences());\n  const preselections = Flight.useBasicFetch<PresentationAudience[]>(\n    PreferenceRequests.myLevelPreferences()\n  );\n\n  const {\n    bulkOnboardingPreferencesState, isLoadingSettings, updateSetting\n  } = useSettings(LocationContext.PreferencesSettings);\n\n  const canAccess = !!audiences.data?.length && AudienceHelper.shouldShowAudiences(audiences.data);\n\n  // Redirect away if the user's presentation does not have more than 1 audience\n  React.useEffect(() => {\n    if (!audiences.hasCompleted)\n      return;\n\n    if (!canAccess) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.TOPIC_PREFERENCES\n      }, { replace: true });\n    }\n  }, [audiences.hasCompleted]);\n\n  const dispatch = useDispatch();\n\n  function onSave(\n    newAudiences: PresentationAudience[],\n    oldAudiences: PresentationAudience[],\n    bulkState: BulkOnboardingPreferencesState,\n    onSuccess: () => void,\n    onError: () => void\n  ): void {\n    if (bulkState !== bulkOnboardingPreferencesState) {\n      const newSetting = {\n        name: SettingName.BulkOnboardingPreferencesState,\n        value: bulkState,\n        kind: SettingKind.Permanent\n      };\n\n      updateSetting(\n        currentUser.data.id,\n        newSetting,\n        onSuccess,\n        onError\n      );\n    }\n\n    if (newAudiences?.length)\n      Flight.fetch(dispatch, PreferenceRequests.followLevels(newAudiences, onSuccess, onError));\n\n    if (oldAudiences?.length)\n      Flight.fetch(dispatch, PreferenceRequests.unfollowLevels(oldAudiences, onSuccess, onError));\n  }\n\n  const dataLoaded = (\n    !!audiences.hasCompleted &&\n    !!preselections.hasCompleted &&\n    !isLoadingSettings\n  );\n\n  return (\n    <PreferencesLayout\n      availablePresentations={availablePresentations.data}\n      audiences={audiences.data}\n    >\n      <p className='mt-3'><Text namespace={namespace} phrase='info' /></p>\n\n      {(dataLoaded && canAccess) ? (\n        <AudiencePreferences\n          options={audiences.data}\n          preselections={preselections.data}\n          bulkPreferencesState={bulkOnboardingPreferencesState}\n          saveChanges={onSave}\n          imageUrl={ImageUrls.Onboarding.YEAR_GROUPS}\n        />\n      ) : <PartialAudiencePreferences />}\n    </PreferencesLayout>\n  );\n}"],"names":["AudienceItem","props","audience","highlight","setAudience","isDisabled","extraClasses","colourClass","getColourClass","className","onClick","FunctionHelper","role","name","split","map","s","charAt","toUpperCase","substring","join","defaultProps","useOnSaveAll","onDone","counter","setCounter","val","PartialAudiences","width","height","count","align","justifyClass","Array","fill","item","i","key","style","namespace","AudiencePreferences","selectedAudiences","setSelectedAudiences","showSpinner","setShowSpinner","bulkPreferencesState","setBulkPreferencesState","hasBulkSelectedLevels","OnboardingHelper","alerts","preselections","length","preselectedIds","masterId","ArrayHelper","isOnboarding","success","LanguageService","nextAppLink","onSuccess","hasChangedAudiences","p","sort","toString","hasChangedBulkState","isValid","hasChanged","onSelectLevel","newSelections","onToggleSelectAll","newBulkState","value","options","option","includes","src","imageUrl","alt","OnboardingFooter","justify","backButtonAppLink","AppLink","appLink","Text","phrase","ToggleSwitch","on","hideOutline","SpinnerButton","variant","disabled","newAudiences","filter","id","find","level","oldAudiences","onSaveCounter","saveChanges","error","PartialAudiencePreferences","AudiencePreferencesView","currentUser","UserRequests","availablePresentations","PreferenceRequests","audiences","useSettings","bulkOnboardingPreferencesState","isLoadingSettings","updateSetting","canAccess","data","AudienceHelper","hasCompleted","application","action","replace","dispatch","dataLoaded","PreferencesLayout","bulkState","onError","newSetting","SettingName","kind","SettingKind","ImageUrls"],"sourceRoot":""}
+{"version":3,"file":"scripts/7715-634be84dc5-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/subjects/components/audience-item/audience-item.scss","file:///app/packages/libs/shared/src/apps/subjects/components/audience-item/AudienceItem.tsx","file:///app/packages/libs/shared/src/hooks/UseOnSaveAll.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/audience-item/partial-loading/PartialAudiences.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/audience-preferences/audience-preferences.scss","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/audience-preferences/AudiencePreferences.tsx","file:///app/packages/libs/shared/src/apps/subjects/components/preferences/audience-preferences/partial-loading/PartialAudiencePreferences.tsx","file:///app/packages/projects/lite/src/apps/settings/views/preferences/audiences/AudiencePreferencesView.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"disabled\":\"pERi4\",\"disabledHighlighted\":\"AxyWm\"};","import * as React from 'react';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport styles from './audience-item.scss';\n\nfunction lowerCaseToTitleCase(str: string): string {\n  return str.split(' ').map((s: string) => s.charAt(0).toUpperCase() + s.substring(1)).join(' ');\n}\n\nfunction getColourClass(highlight: boolean, isDisabled: boolean): string {\n  if (highlight) return isDisabled ? `${styles.disabledHighlighted} text-light` : 'bg-blue text-light';\n  if (isDisabled) return `${styles.disabled} text-secondary`;\n  return 'bg-light';\n}\n\ninterface AudienceItemProps {\n  audience: PresentationAudience;\n  highlight: boolean;\n  setAudience?: (audience: PresentationAudience, highlight: boolean) => void;\n  isDisabled?: boolean;\n  extraClasses?: string;\n}\n\nAudienceItem.defaultProps = {\n  extraClasses: ''\n};\n\nexport function AudienceItem(props: AudienceItemProps): React.ReactElement {\n  const { audience, highlight, setAudience, isDisabled, extraClasses } = props;\n\n  const colourClass = getColourClass(highlight, isDisabled);\n  const cursorClass = isDisabled ? 'cursor-default' : 'cursor-pointer';\n  const className = `rounded-pill d-inline-block me-1 user-select-none ${cursorClass} ${colourClass} ${extraClasses}`;\n\n  const onClick = () => {\n    if (isDisabled || !FunctionHelper.isFunction(setAudience))\n      return;\n\n    setAudience(audience, !highlight);\n  };\n\n  return (\n    <span\n      className={className}\n      onClick={onClick}\n      role='checkbox'\n      aria-checked={highlight}\n    >\n      {lowerCaseToTitleCase(audience.name)}\n    </span>\n  );\n}","import React from 'react';\n\ntype ReturnValue = [\n  () => void,\n  React.Dispatch<React.SetStateAction<number>>\n];\n\n/**\n * This hook solves a problem where you want to trigger an \"onSuccess\" callback function\n * only after the last of multiple API calls have completed.\n * \n * Example: the user clicks a \"Save\" button, which triggers 2 API calls. You have a callback function\n * that you want to run after both API calls have succeeded. This hook will help you do that of you pass it\n * the callback function and set the counter to 2.\n */\nexport const useOnSaveAll = (onDone: () => void): ReturnValue => {\n  const [ counter, setCounter ] = React.useState(1);\n\n  function onSave(): void {\n    setCounter(val => val - 1);\n  }\n\n  React.useEffect(() => {\n    if (counter > 0)\n      return;\n  \n    onDone();\n  }, [counter]);\n\n  return [ onSave, setCounter ];\n};","import * as React from 'react';\n\ninterface PartialAudiencesProps {\n  count?: number;\n  width?: number;\n  height?: number;\n  align?: 'left' | 'center';\n}\n\nexport function PartialAudiences({ width = 90, height = 35, count = 5, align = 'left' }: PartialAudiencesProps): JSX.Element {\n  const justifyClass = align === 'center' ? 'justify-content-center' : 'justify-content-start';\n\n  return (\n    <ul className={`d-flex flex-wrap ps-0 m-0 ${justifyClass}`}>\n      {Array(count).fill(null).map((item, i) => (\n        <li\n          key={i}\n          className='partial-loading-background mx-1 mb-1 rounded-pill list-unstyled'\n          style={{ height: `${height}px`, width: `${width}px` }}\n        />\n      ))}\n    </ul>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"audienceList\":\"gGUpk\",\"imageContainer\":\"mLKC0\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { AudienceItem } from 'libs/shared/apps/subjects/components/audience-item';\nimport { OnboardingFooter } from 'libs/shared/apps/subjects/components/preferences/footer/OnboardingFooter';\nimport { OnboardingHelper } from 'libs/shared/apps/subjects/utils/OnboardingHelper';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\nimport { BulkOnboardingPreferencesState } from 'libs/shared/enums/BulkOnboardingPreferencesState';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useOnSaveAll } from 'libs/shared/hooks/UseOnSaveAll';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport styles from './audience-preferences.scss';\n\nconst namespace = 'subjects.audiencePreferences';\n\ninterface AudiencePreferencesProps {\n  options: PresentationAudience[];\n  preselections: PresentationAudience[];\n  bulkPreferencesState: BulkOnboardingPreferencesState;\n  saveChanges: (\n    newAudiences: PresentationAudience[],\n    oldAudiences: PresentationAudience[],\n    bulkState: BulkOnboardingPreferencesState,\n    onSuccess: () => void,\n    onError: () => void\n  ) => void;\n  \n  imageUrl: string;\n\n  isOnboarding?: boolean;\n  backButtonAppLink?: Core.AppLink;\n  nextAppLink?: Core.AppLink;\n}\n\nexport function AudiencePreferences(props: AudiencePreferencesProps): JSX.Element {\n  const [ selectedAudiences, setSelectedAudiences ] = React.useState<string[]>([]);\n  const [ showSpinner, setShowSpinner ] = React.useState<boolean>(false);\n\n  const [ bulkPreferencesState, setBulkPreferencesState ] = React.useState<BulkOnboardingPreferencesState>(\n    props.bulkPreferencesState\n  );\n\n  const hasBulkSelectedLevels = OnboardingHelper.hasBulkSelectedLevels(bulkPreferencesState);\n\n  const alerts = useAlerts();\n\n  /**\n   * Set initial selections\n   */\n  React.useEffect(() => {\n    if (!props.preselections?.length) {\n      setSelectedAudiences([]);\n      return;\n    }\n\n    const preselectedIds = props.preselections.map(audience => audience.masterId);\n    setSelectedAudiences(ArrayHelper.uniq([ ...selectedAudiences, ...preselectedIds ]));\n  }, []);\n\n  const [ onSuccess, setCounter ] = useOnSaveAll(() => {\n    setShowSpinner(false);\n\n    if (!props.isOnboarding)\n      alerts.success(LanguageService.getPhrase(namespace, 'success'));\n\n    if (props.nextAppLink)\n      Core.AppLinkHelper.trigger(props.nextAppLink);\n  });\n\n  function hasChangedAudiences(selectedAudiences: string[]): boolean {\n    if (!props.preselections)\n      return false;\n\n    const preselectedIds = props.preselections.map(p => p.masterId);\n    return preselectedIds.sort().toString() !== selectedAudiences.sort().toString();\n  }\n\n  function hasChangedBulkState(): boolean {\n    return props.bulkPreferencesState !== bulkPreferencesState;\n  }\n\n  function isValid(): boolean {\n    if (!selectedAudiences.length && !hasBulkSelectedLevels)\n      return false;\n\n    const hasChanged = hasChangedBulkState() || hasChangedAudiences(selectedAudiences);\n\n    if (!props.isOnboarding && !hasChanged)\n      return false;\n\n    return true;\n  }\n\n  function onSave(): void {\n    if (!isValid())\n      return;\n\n    // If they have selected the bulk option, we do not want to clear their preferences or save any changes.\n    if (!hasChangedAudiences(selectedAudiences) && !hasChangedBulkState()) {\n      if (props.nextAppLink) {\n        Core.AppLinkHelper.trigger(props.nextAppLink);\n      }\n\n      return;\n    }\n\n    setShowSpinner(true);\n\n    const newAudiences = selectedAudiences\n      .filter(id => !props.preselections?.find(level => level.masterId === id))\n      .map(id => props.options?.find(level => level.masterId === id));\n\n    const oldAudiences = props.preselections?.filter(level => !selectedAudiences.includes(level.masterId));\n\n    let onSaveCounter = 0;\n\n    if (newAudiences?.length)\n      onSaveCounter++;\n\n    if (oldAudiences?.length)\n      onSaveCounter++;\n\n    if (hasChangedBulkState())\n      onSaveCounter++;\n\n    setCounter(onSaveCounter);\n\n    props.saveChanges(\n      newAudiences,\n      oldAudiences,\n      bulkPreferencesState,\n      onSuccess,\n      () => {\n        alerts.error(LanguageService.getPhrase(namespace, 'error'));\n        setShowSpinner(false);\n      }\n    );\n  }\n\n  function onSelectLevel(audience: PresentationAudience): void {\n    const newSelections = ArrayHelper.addOrRemoveImmutable(selectedAudiences, audience.masterId);\n    setSelectedAudiences(newSelections);\n  }\n\n  function onToggleSelectAll(): void {\n    const newBulkState = OnboardingHelper.getNextBulkState(bulkPreferencesState, 'audiences');\n\n    setBulkPreferencesState(newBulkState);\n\n    const hasBulkSelectedLevels = OnboardingHelper.hasBulkSelectedLevels(newBulkState);\n\n    if (hasBulkSelectedLevels)\n      setSelectedAudiences([]);\n  }\n\n  return (\n    <LanguageNamespaceContext.Provider value={namespace}>\n      <form className='p-3'>\n        <div className='position-relative'>\n          <ul className={`d-flex flex-wrap justify-content-center mx-auto mb-0 ps-0 py-3 ${styles.audienceList}`}>\n            {props.options.map(option => (\n              <AudienceItem\n                key={option.masterId}\n                audience={option}\n                highlight={selectedAudiences.includes(option.masterId)}\n                setAudience={onSelectLevel}\n                extraClasses='h4 py-1 px-3 mx-1 mb-1'\n                isDisabled={hasBulkSelectedLevels}\n              />\n            ))}\n          </ul>\n        </div>\n\n        <div className={`mx-auto ${styles.imageContainer}`}>\n          <img\n            className='img-fluid'\n            src={props.imageUrl}\n            alt=''\n            role='presentation'\n          />\n        </div>\n\n        <OnboardingFooter justify={props.backButtonAppLink ? 'between' : 'end'}>\n          <div>\n            {!!props.backButtonAppLink && (\n              <AppLink appLink={props.backButtonAppLink} className='btn btn-outline-dark'>\n                <Text phrase='back' />\n              </AppLink>\n            )}\n          </div>\n\n          <div className='d-flex align-items-center justify-content-end'>\n            <div className='d-flex me-3'>\n              <p onClick={onToggleSelectAll} className='me-2 mb-0 fw-bold'>\n                <Text phrase='allLevels' />\n              </p>\n              <ToggleSwitch\n                onClick={onToggleSelectAll}\n                on={hasBulkSelectedLevels}\n                hideOutline\n              />\n            </div>\n\n            <SpinnerButton\n              variant='dark'\n              disabled={!isValid()}\n              onClick={onSave}\n              showSpinner={showSpinner}\n            >\n              <Text phrase={props.isOnboarding ? 'next' : 'save'} />\n            </SpinnerButton>\n          </div>\n        </OnboardingFooter>\n      </form>\n    </LanguageNamespaceContext.Provider>\n  );\n}","import React from 'react';\n\nimport { PartialAudiences } from 'libs/shared/apps/subjects/components/audience-item';\n\nexport function PartialAudiencePreferences(): JSX.Element {\n  return (\n    <div className='p-3'>\n      <div className='w-100 mx-auto py-3'>\n        <PartialAudiences align='center' />\n      </div>\n    </div>\n  );\n}","import React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { AudiencePreferences } from 'libs/shared/apps/subjects/components/preferences/audience-preferences/AudiencePreferences';\nimport { PartialAudiencePreferences } from 'libs/shared/apps/subjects/components/preferences/audience-preferences/partial-loading/PartialAudiencePreferences';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { BulkOnboardingPreferencesState } from 'libs/shared/enums/BulkOnboardingPreferencesState';\nimport { SettingKind } from 'libs/shared/enums/SettingKind';\nimport { SettingName } from 'libs/shared/enums/SettingName';\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useSettings } from 'libs/shared/hooks/useSettings';\nimport { CurrentUser, Presentation, PresentationAudience } from 'libs/shared/interfaces';\nimport { AudienceHelper } from 'libs/shared/utils/audience-helper/AudienceHelper';\n\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { PreferencesLayout } from 'apps/settings/components/preferences/PreferencesLayout';\n\nconst namespace = 'settings.audiencePreferences';\n\nexport function AudiencePreferencesView(): JSX.Element {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const availablePresentations = Flight.useBasicFetch<Presentation[]>(PreferenceRequests.availablePresentations());\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(PreferenceRequests.allLevelPreferences());\n  const preselections = Flight.useBasicFetch<PresentationAudience[]>(\n    PreferenceRequests.myLevelPreferences()\n  );\n\n  const {\n    bulkOnboardingPreferencesState, isLoadingSettings, updateSetting\n  } = useSettings(LocationContext.PreferencesSettings);\n\n  const canAccess = !!audiences.data?.length && AudienceHelper.shouldShowAudiences(audiences.data);\n\n  // Redirect away if the user's presentation does not have more than 1 audience\n  React.useEffect(() => {\n    if (!audiences.hasCompleted)\n      return;\n\n    if (!canAccess) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.SETTINGS,\n        action: Actions.Settings.TOPIC_PREFERENCES\n      }, { replace: true });\n    }\n  }, [audiences.hasCompleted]);\n\n  const dispatch = useDispatch();\n\n  function onSave(\n    newAudiences: PresentationAudience[],\n    oldAudiences: PresentationAudience[],\n    bulkState: BulkOnboardingPreferencesState,\n    onSuccess: () => void,\n    onError: () => void\n  ): void {\n    if (bulkState !== bulkOnboardingPreferencesState) {\n      const newSetting = {\n        name: SettingName.BulkOnboardingPreferencesState,\n        value: bulkState,\n        kind: SettingKind.Permanent\n      };\n\n      updateSetting(\n        currentUser.data.id,\n        newSetting,\n        onSuccess,\n        onError\n      );\n    }\n\n    if (newAudiences?.length)\n      Flight.fetch(dispatch, PreferenceRequests.followLevels(newAudiences, onSuccess, onError));\n\n    if (oldAudiences?.length)\n      Flight.fetch(dispatch, PreferenceRequests.unfollowLevels(oldAudiences, onSuccess, onError));\n  }\n\n  const dataLoaded = (\n    !!audiences.hasCompleted &&\n    !!preselections.hasCompleted &&\n    !isLoadingSettings\n  );\n\n  return (\n    <PreferencesLayout\n      availablePresentations={availablePresentations.data}\n      audiences={audiences.data}\n    >\n      <p className='mt-3'><Text namespace={namespace} phrase='info' /></p>\n\n      {(dataLoaded && canAccess) ? (\n        <AudiencePreferences\n          options={audiences.data}\n          preselections={preselections.data}\n          bulkPreferencesState={bulkOnboardingPreferencesState}\n          saveChanges={onSave}\n          imageUrl={ImageUrls.Onboarding.YEAR_GROUPS}\n        />\n      ) : <PartialAudiencePreferences />}\n    </PreferencesLayout>\n  );\n}"],"names":["AudienceItem","props","audience","highlight","setAudience","isDisabled","extraClasses","colourClass","getColourClass","className","onClick","FunctionHelper","role","name","split","map","s","charAt","toUpperCase","substring","join","defaultProps","useOnSaveAll","onDone","counter","setCounter","val","PartialAudiences","width","height","count","align","justifyClass","Array","fill","item","i","key","style","namespace","AudiencePreferences","selectedAudiences","setSelectedAudiences","showSpinner","setShowSpinner","bulkPreferencesState","setBulkPreferencesState","hasBulkSelectedLevels","OnboardingHelper","alerts","preselections","length","preselectedIds","masterId","ArrayHelper","isOnboarding","success","LanguageService","nextAppLink","onSuccess","hasChangedAudiences","p","sort","toString","hasChangedBulkState","isValid","hasChanged","onSelectLevel","newSelections","onToggleSelectAll","newBulkState","value","options","option","includes","src","imageUrl","alt","OnboardingFooter","justify","backButtonAppLink","AppLink","appLink","Text","phrase","ToggleSwitch","on","hideOutline","SpinnerButton","variant","disabled","newAudiences","filter","id","find","level","oldAudiences","onSaveCounter","saveChanges","error","PartialAudiencePreferences","AudiencePreferencesView","currentUser","UserRequests","availablePresentations","PreferenceRequests","audiences","useSettings","bulkOnboardingPreferencesState","isLoadingSettings","updateSetting","canAccess","data","AudienceHelper","hasCompleted","application","action","replace","dispatch","dataLoaded","PreferencesLayout","bulkState","onError","newSetting","SettingName","kind","SettingKind","ImageUrls"],"sourceRoot":""}

package/dist/scripts/{8055-f4de552821-lite.chunk.js → 8055-a6d102b953-lite.chunk.js}

@@ -1,3 +1,3 @@
-/*! For license information please see 8055-f4de552821-lite.chunk.js.LICENSE.txt */
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8055],{28046:(e,t,r)=>{r.d(t,{l:()=>p,v:()=>f});var n=r(39479),a=["pdf"],o=["doc","docx","dotx","dot","rtf","docm","odt"],i=["csv","txt"],l=["xls","xlt","xlsx"],c=["jpg","tif","png","bmp","gif","jpeg"],s="video/*",u=["zip","rar"],m=["ppt","pot","pps","pptx"],d=["srt"],p={IMAGES:".".concat(c.join(",.")),VIDEO:s,MIXED_MEDIA:".".concat(c.join(",."),",").concat(s),RESOURCES:".".concat([].concat(o,l,m,a,i,c,u).join(",.")),SUBTITLES:".".concat(d.join(",."))},f={getResourceType:function(e){var t=e.toLowerCase();return n.contains(o,t)?"document":n.contains(l,t)?"excel":n.contains(m,t)?"powerpoint":n.contains(a,t)?"pdf":n.contains(i,t)?"text":n.contains(c,t)?"image":n.contains(u,t)?"archive":n.contains(d,t)?"subtitle":""}}},38365:(e,t,r)=>{r.d(t,{n:()=>S,W:()=>O});var n=r(32735),a=r(80247),o=r(80130),i=r(92802),l=r(91967),c=r(1048),s=r(36848),u=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r};function m(e){var t=e.label,r=e.checkboxLabelClassName,a=e.checkboxLabelFontWeight,i=e.className,l=u(e,["label","checkboxLabelClassName","checkboxLabelFontWeight","className"]);return n.createElement(o.Z.Group,{className:"form-group"},n.createElement("div",{className:"form-check ".concat(i||"")},n.createElement(S,Object.assign({className:"form-check-input"},l)),n.createElement(o.Z.Label,{className:"form-check-label cursor-pointer ".concat("normal"===a?"fw-normal":""," \n          ").concat(r),htmlFor:l.id},t),e.checkboxAppLink&&e.checkboxAppLinkText&&n.createElement(n.Fragment,null,n.createElement("span",null," "),n.createElement(s.F,{appLink:e.checkboxAppLink,className:"info-link"},e.checkboxAppLinkText))))}var d=r(83914),p=r(83345),f=r(73814),v=r(35223);function h(e){var t=(0,i.u6)().values[e.fieldName];return"string"!=typeof t?n.createElement(n.Fragment,null):n.createElement("div",{className:"float-end text-secondary fw-normal"},t.length,"/",e.limit," characters")}const g={revealPassword:"jCfI0",passwordInput:"RBJnf",passwordContainer:"d78lK",passwordContainerDisabled:"asbVo",infoTooltip:"wzyOG",spinner:"CycFx"};function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var y=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r},E="shared.formField";function S(e){var t,r,o=e.children,s=e.showLoadingSpinner,u=y(e,["children","showLoadingSpinner"]),m=(t=n.useState(e.type),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?b(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=m[0],f=m[1],h=l.q.isFunction(o)?function(e){return o(e)}:n.Children.count(o)?o:null;if("password"!==u.type)return s?n.createElement("div",{className:"position-relative"},n.createElement(i.gN,Object.assign({},c.t.omit(u,["formSize"])),h),n.createElement("div",{className:g.spinner},n.createElement(a.Z,{animation:"border",size:"sm"}))):n.createElement(i.gN,Object.assign({},c.t.omit(u,["formSize"])),h);var E="position-relative ".concat(g.passwordContainer);return u.className&&(E+=" ".concat(u.className)),u.disabled&&(E+=" ".concat(g.passwordContainerDisabled)),n.createElement("div",{className:E},n.createElement(i.gN,Object.assign({},c.t.omit(u,["formSize","type","className"]),{type:p,className:"".concat(g.passwordInput," border-0 w-100 h-100 outline-none rounded")}),h),"password"===u.type&&n.createElement(d.x,{svgName:"password"===p?v.vn.VisibleOn:v.vn.VisibleOff,className:"svg-container cursor-pointer ".concat(g.revealPassword),onClick:function(){f("password"===p?"text":"password")}}))}function O(e){var t=e.label,r=e.className,a=e.showCharacterCounter,l=e.showRequiredStar,s=e.infoTooltip,u=e.infoTooltipPlacement,b=e.infoText,O=e.formSize,w=e.showOptionalLabel,I=y(e,["label","className","showCharacterCounter","showRequiredStar","infoTooltip","infoTooltipPlacement","infoText","formSize","showOptionalLabel"]),x=(0,i.u6)(),T=x.errors,R=x.touched,N=function(){};if("checkbox"===I.type){var k=c.t.omit(e,["formSize","infoTooltipPlacement"]);return e.disabled&&(k.onChange=N),n.createElement(m,Object.assign({},k))}var j=Object.assign(Object.assign({},I),{className:f.w.getCustomFormControlClassName(T,R,I.name,O,r,"string"==typeof e.as?e.as:null)});return e.disabled&&(j.onChange=N),n.createElement(o.Z.Group,{className:"form-group"},!!t&&n.createElement(o.Z.Label,{htmlFor:I.id,className:"d-flex align-items-center"},t,l&&n.createElement("span",{className:"text-danger"},"*"),s&&n.createElement(d.x,{className:"svg-container text-secondary ".concat(g.infoTooltip),svgName:v.vn.Info,title:s,tooltipPlacement:u,tooltipSpanHack:!0}),w&&n.createElement("span",{className:"text-secondary"}," ",n.createElement(p.x,{namespace:E,phrase:"optional"})),!!a&&!!I.maxLength&&n.createElement("div",{className:"ms-auto"},n.createElement(h,{fieldName:I.name,limit:I.maxLength}))),n.createElement(S,Object.assign({},j)),!!b&&n.createElement(o.Z.Text,{className:"text-secondary"},b),n.createElement(i.Bc,{name:I.name},(function(e){return n.createElement(o.Z.Control.Feedback,{type:"invalid"},e)})))}S.defaultProps={autoComplete:"off"},O.defaultProps={autoComplete:"off",infoTooltipPlacement:"top"}},82644:(e,t,r)=>{r.d(t,{b:()=>u,n:()=>s});var n=r(32735),a=r(92802),o=r(91967),i=r(1048);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var c=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r};function s(e){var t=e.castInitialValues,r=e.castValuesOnSubmit,s=e.initialValues,u=e.onSubmit,m=c(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function(e){if(!e)return{};var t=i.t.deepClone(e);return function e(r){Object.keys(t).forEach((function(n){t.hasOwnProperty(n)&&(i.t.isObject(r[n])?e(r[n]):null===t[n]&&delete t[n])}))}(t),t}(s)):s,p={allowInitialSubmit:e.allowInitialSubmit};return n.createElement(a.J9,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:function(t,n){var a=n.setSubmitting,o=n.resetForm,i=n.setFieldError,c=r&&e.validationSchema?e.validationSchema.cast(t):t;u(c,(function(){var e,t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(r.reset&&o(),r.errors)for(var n=0,c=Object.entries(r.errors);n<c.length;n++){var s=(e=c[n],t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=s[0],m=s[1];i(u,m)}a(!1)}))},initialStatus:p}),o.q.isFunction(e.children)?function(t){return e.children(t)}:n.Children.count(e.children)?e.children:null)}function u(){return(0,a.u6)()}s.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},17101:(e,t,r)=>{var n;r.d(t,{n:()=>n}),function(e){e[e.Other=0]="Other",e[e.SuggestImprovement=1]="SuggestImprovement",e[e.ReportBug=2]="ReportBug",e[e.RequestVideo=3]="RequestVideo",e[e.RaiseIssue=4]="RaiseIssue",e[e.GivePraise=5]="GivePraise",e[e.Footer=6]="Footer"}(n||(n={}))},23357:(e,t,r)=>{var n;r.d(t,{s:()=>n}),function(e){e.FileSelect="file-select",e.DragDrop="drag-drop"}(n||(n={}))},7198:(e,t,r)=>{r.d(t,{f:()=>a});var n=r(99940),a={submitFeedback:function(e,t){return{url:"{gateway}/v1/feedback",key:"submit:feedback",type:n.k.POST,data:Object.assign(Object.assign({},e),t)}}}},81409:(e,t,r)=>{r.d(t,{o:()=>o});var n=r(32735);function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function o(e,t){var r,o,i,l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],c=(o=n.useState(!1),i=2,function(e){if(Array.isArray(e))return e}(o)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(o,i)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}(o,i)||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.")}())[1];return n.useEffect((function(){var r=e();if(r)return r.off("add remove change"),r.on("add remove change",(function(){c((function(e){return!e}))})),t&&r.on("remove",t),function(){r.off("add remove change")}}),l),null===(r=e())||void 0===r?void 0:r.toJSON()}},52167:(e,t,r)=>{r.d(t,{m:()=>s});var n=r(53301),a=r.n(n),o=r(28046),i=r(19808),l=r(86613);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var s={getUserInfo:function(e,t){return{id:e.id,username:e.username,email:e.email,userType:e.role===l.i.Admin?"Admin":"Staff",customerId:e.customerId,cvcId:t.crmId,customerName:t.name,instanceRegion:e.instanceRegion,contentRegion:e.contentRegion}},mapInstanceRegionToTag:function(e){switch(e){case i.b.AU:return"au";case i.b.NZ:return"nz";case i.b.UK:return"uk";case i.b.US:return"us"}},getTags:function(e,t,r,n){var a,o=[t].concat(function(e){if(Array.isArray(e))return c(e)}(a=n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(a)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}(a)||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.")}());o.push(r?"student":"staff"),e.role===l.i.Admin&&o.push("administrator");var i=s.mapInstanceRegionToTag(e.instanceRegion);return i&&o.push(i),o},categorizeFiles:function(e){return e.reduce((function(e,t){var r=t.get("fileInfo");return a().isValidFile(t.get("file"),o.l.VIDEO)?e.videoUrls.push(null==r?void 0:r.url):e.imageUrls.push(null==r?void 0:r.url),e}),{imageUrls:[],videoUrls:[]})}}},73814:(e,t,r)=>{r.d(t,{w:()=>a});var n=r(92802),a={getCustomFormControlClassName:function(e,t,r,a,o,i){var l="";return l=function(e,t){var r="";return r="select"===e?"form-select":"form-control","sm"===t&&(r+=" ".concat(r,"-sm")),"lg"===t&&(r+=" ".concat(r,"-lg")),r}(i,a),(0,n.u9)(t,r)&&(0,n.u9)(e,r)&&(l+=" is-invalid"),o&&(l+=" ".concat(o)),l}}},89858:(e,t,r)=>{r.r(t),r.d(t,{GiveFeedbackView:()=>Ft});var n,a=r(32735),o=r(48088),i=r(53301),l=r.n(i),c=r(23481),s=r(44704),u=r(21820),m=r(20354),d=r(49985),p=r(65858),f=r(29555),v=r(28046),h=r(9111),g=r(83345),b=r(52003),y=r(60735),E=r(17101),S=r(12754),O=r(89454),w=r(1666),I=r(7198),x=r(70145),T=r(31949),R=r(69883),N=r(81409),k=r(35286),j=r(52167),L=r(11607),F=r(49439);!function(e){e.SUGGEST_IMPROVEMENT="suggestImprovement",e.REPORT_BUG="reportBug",e.REQUEST_VIDEO="requestVideo",e.REQUEST_LIVESTREAM="requestLivestream",e.GIVE_PRAISE="givePraise",e.RAISE_ISSUE="raiseIssue",e.OTHER="other"}(n||(n={}));var A=c.T.encloseNamespace("shared.feedbackFormTitles"),P=function(e){switch(e){case n.SUGGEST_IMPROVEMENT:case n.REPORT_BUG:case n.REQUEST_VIDEO:case n.REQUEST_LIVESTREAM:case n.GIVE_PRAISE:case n.RAISE_ISSUE:case n.OTHER:return A(e)}};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 C(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=U(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=U(n))return n;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:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var V=C(C(C(C(C(C(C({mailSent:"https://image.api.prd.cvnet.io/v2/images/2mZ7L9",mediaPreview:"https://image.api.prd.cvnet.io/v2/images/ageRM0",lightBulb:"https://image.api.prd.cvnet.io/v2/images/Oqg3JN",heartHands:"https://image.api.prd.cvnet.io/v2/images/1ML8Oj",videoAlert:"https://image.api.prd.cvnet.io/v2/images/dq2oMq"},n.REQUEST_VIDEO,{default:"https://image.api.prd.cvnet.io/v2/images/G1YGdn",hover:"https://image.api.prd.cvnet.io/v2/images/K6yPxz"}),n.REQUEST_LIVESTREAM,{default:"https://image.api.prd.cvnet.io/v2/images/G1YGdn",hover:"https://image.api.prd.cvnet.io/v2/images/K6yPxz"}),n.SUGGEST_IMPROVEMENT,{default:"https://image.api.prd.cvnet.io/v2/images/g7aR1l",hover:"https://image.api.prd.cvnet.io/v2/images/zMR0Dk"}),n.RAISE_ISSUE,{default:"https://image.api.prd.cvnet.io/v2/images/5boW78",hover:"https://image.api.prd.cvnet.io/v2/images/m6yRKr"}),n.GIVE_PRAISE,{default:"https://image.api.prd.cvnet.io/v2/images/nE1mdz",hover:"https://image.api.prd.cvnet.io/v2/images/JjEnmR"}),n.REPORT_BUG,{default:"https://image.api.prd.cvnet.io/v2/images/AOdYpo",hover:"https://image.api.prd.cvnet.io/v2/images/yro9NM"}),n.OTHER,{default:"https://image.api.prd.cvnet.io/v2/images/Eoaykj",hover:"https://image.api.prd.cvnet.io/v2/images/wN59Zg"});const _={image:"_2jo0"};function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function G(e){var t,r,n=(t=(0,F.X)(),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return q(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?q(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=n[0],i=n[1],l=V[e.option];return a.createElement(L.L,{ref:o,className:"col-lg-4 col-sm-6 col-12",onClick:function(){return e.onSelectOption(e.option)}},a.createElement("div",{className:"d-flex flex-column align-items-center h-100 rounded border py-3 gap-2"},a.createElement("img",{className:_.image,src:i?l.hover:l.default,alt:P(e.option)}),a.createElement("p",{className:"fw-semibold text-center mb-0"},P(e.option))))}function M(e){return a.createElement("div",{className:"row g-2"},e.options.map((function(t){return a.createElement(G,{key:t,option:t,onSelectOption:e.onSelectOption})})))}var D=r(92802),B=r(82644),Z=r(13876),z=c.T.encloseNamespace("shared.feedbackButtons");function W(e){var t=(0,B.b)();return a.createElement(Z.u,null,"form"===e.formStage&&a.createElement(a.Fragment,null,a.createElement(Z.u.Cancel,{onClick:function(){return e.setSelectedOption(null)},text:z("cancel")}),a.createElement(Z.u.Submit,{variant:"dark",text:e.submitText||z("submit"),disabled:!t.isValid})),"success"===e.formStage&&a.createElement(Z.u.Cancel,{variant:"dark",text:z("close"),onClick:e.closePopup}))}const H={successImage:"yp7vQ"};var Q=c.T.encloseNamespace("shared.feedbackFormState");function K(e){return"form"===e.formStage||"error"===e.formStage?a.createElement(a.Fragment,null):a.createElement("div",{className:"text-center"},a.createElement("div",{className:"mb-3"},a.createElement("img",{className:H.successImage,src:e.successImageUrl||V.mailSent})),a.createElement("h4",{className:"mb-3"},e.successHeading||Q("successHeading")),a.createElement("p",{className:"mb-3"},e.successDescription||Q("successDescription")))}var $=r(5173),X=r(38365),J=c.T.encloseNamespace("shared.feedbackForm"),Y=5e3,ee=function(e){switch(e){case"requiredError":return J(e);case"minCharactersError":return J(e,{limit:20});case"maxCharactersError":return J("maxCharactersError",{limit:Y})}},te=function(){return $.Z_().min(20,ee("minCharactersError")).max(Y,ee("maxCharactersError"))},re=c.T.encloseNamespace("shared.feedbackGivePraise"),ne={praise:""},ae=$.Ry().shape({praise:te().required(ee("requiredError"))}).noUnknown();function oe(){var e=(0,B.b)();return a.createElement(a.Fragment,null,a.createElement(X.W,{as:"textarea",placeholder:re("givePraisePlaceholder"),label:re("givePraiseLabel"),name:"praise",rows:5,value:e.values.praise,showRequiredStar:!0}))}function ie(e){return a.createElement(bt,Object.assign({},e,{initialValues:Object.assign(Object.assign({},ne),e.initialValues),validationSchema:ae,successImageUrl:V.heartHands,successHeading:re("successHeading"),successDescription:re("successDescription")}),a.createElement(oe,null))}var le=c.T.encloseNamespace("shared.feedbackOther"),ce={feedback:""},se=$.Ry().shape({feedback:te().required(ee("requiredError"))}).noUnknown();function ue(){var e=(0,B.b)();return a.createElement(a.Fragment,null,a.createElement(X.W,{as:"textarea",placeholder:le("otherPlaceholder"),label:le("otherLabel"),name:"feedback",rows:5,value:e.values.feedback,showRequiredStar:!0}))}function me(e){return a.createElement(bt,Object.assign({},e,{initialValues:Object.assign(Object.assign({},ce),e.initialValues),validationSchema:se}),a.createElement(ue,null))}var de=c.T.encloseNamespace("shared.feedbackRaiseIssue"),pe={issue:""},fe=$.Ry().shape({issue:te().required(ee("requiredError"))}).noUnknown();function ve(){var e=(0,B.b)();return a.createElement(a.Fragment,null,a.createElement(X.W,{as:"textarea",placeholder:de("raiseIssuePlaceholder"),label:de("raiseIssueLabel"),name:"issue",rows:5,value:e.values.issue,showRequiredStar:!0}))}function he(e){return a.createElement(bt,Object.assign({},e,{initialValues:Object.assign(Object.assign({},pe),e.initialValues),validationSchema:fe}),a.createElement(ve,null))}var ge=r(83914),be=r(19808);function ye(e){return ye="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},ye(e)}function Ee(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=ye(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=ye(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==ye(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var Se=Ee(Ee(Ee(Ee({},be.b.AU,{phone:"02 9509 2600",email:"support@clickview.com.au",website:"https://www.clickviewsupport.com/hc"}),be.b.UK,{phone:"+44 (0)333 207 6595",email:"info@clickview.co.uk",website:"https://www.clickviewsupport.com/hc"}),be.b.NZ,{phone:"09 916 1156",email:"support@clickview.co.nz",website:"https://www.clickviewsupport.com/hc"}),be.b.US,{phone:"+1 312-292-9322",email:"info@clickvieweducation.com",website:"https://www.clickviewsupport.com/hc"}),Oe=r(35223),we=r(24064),Ie=r(23357);const xe={fileDrop:"vdCUc",resourcePreview:"tZQbH"};function Te(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var Re="shared.feedbackFileUpload";function Ne(e){var t=(0,we.uI)({onDrop:function(t){return e.onFilesAdded(t,Ie.s.DragDrop)},noClick:!0,noKeyboard:!0,multiple:!!e.acceptMultiple,noDragEventsBubbling:!0}),r=t.getRootProps,n=t.getInputProps,o=t.isDragActive,i=a.useRef(null),l=a.useCallback((function(e){e&&(i.current=e)}),[]),c="".concat(xe.fileDrop," text-center p-2 rounded-1");return e.uploadError&&(c+=" border-red"),o&&(c+=" border-blue bg-light-blue"),a.createElement(a.Fragment,null,a.createElement("div",Object.assign({},r({className:c})),a.createElement("img",{className:xe.resourcePreview,src:e.imageUrl,draggable:!1}),a.createElement("div",{className:"position-relative"},o&&a.createElement("p",{className:"position-absolute font-size-md translate-middle top-50 start-50 mb-0"},a.createElement(g.x,{namespace:Re,phrase:"dropUpload"})),a.createElement("div",{className:o?"opacity-0":""},a.createElement("p",{className:"mb-0"},a.createElement(g.x,{namespace:Re,phrase:"dragDrop"})),a.createElement("button",{type:"button",className:"btn btn-link text-underline p-0",onClick:function(){i.current.value=null,i.current.click()}},a.createElement(g.x,{namespace:Re,phrase:"upload"})))),a.createElement("input",{type:"file",className:"file-select d-none",multiple:!!e.acceptMultiple,accept:e.mimeType,ref:l,onChange:function(t){return e.onFilesAdded(function(e){if(Array.isArray(e))return Te(e)}(r=t.target.files)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||function(e,t){if(e){if("string"==typeof e)return Te(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Te(e,t):void 0}}(r)||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.")}(),Ie.s.FileSelect);var r}}),a.createElement("input",Object.assign({},n()))),e.uploadError&&a.createElement("span",{className:"mt-1 d-block invalid-feedback"},e.uploadError))}const ke={progress:"PeDF6"};function je(e){var t=100===e.upload.progress;return a.createElement(a.Fragment,null,a.createElement("div",null,a.createElement(ge.x,{svgName:Oe.vn.Folder,className:"svg-container me-2"}),a.createElement("span",{className:"align-middle"},e.upload.name),t&&a.createElement(ge.x,{svgName:Oe.vn.Check,className:"svg-container float-end text-success"}),!t&&a.createElement("div",{role:"button","aria-label":"close",onClick:function(){return e.cancelUpload(e.upload.id)},className:"float-end description"},a.createElement(ge.x,{svgName:Oe.vn.Close}))),a.createElement("div",{className:"".concat(ke.progress," progress my-2")},a.createElement("div",{className:"progress-bar bg-info",role:"progressbar",style:{width:"".concat(e.upload.progress,"%")},"aria-valuenow":e.upload.progress,"aria-valuemin":0,"aria-valuemax":100})))}function Le(e){var t;return(null===(t=e.uploads)||void 0===t?void 0:t.length)?a.createElement(a.Fragment,null,e.uploads.map((function(t,r){return a.createElement(je,{key:r,upload:t,cancelUpload:e.cancelUpload})}))):a.createElement(a.Fragment,null)}function Fe(e){return a.createElement("div",{className:"bg-gray-100 rounded p-2"},a.createElement(ge.x,{className:"d-inline-block align-middle svg-container icon-purple me-2",svgName:Oe.vn.FileImg}),a.createElement("span",{className:"align-middle"},e.file.get("name")),a.createElement("button",{className:"btn p-0 border-0 float-end",onClick:function(){return e.deleteFile(e.file.get("id"))}},a.createElement(ge.x,{svgName:Oe.vn.Delete})))}function Ae(e){return a.createElement("div",{className:"d-flex flex-column gap-2"},e.uploadedFiles.map((function(t){return a.createElement(Fe,{key:t.id,file:t,deleteFile:e.deleteFile})})))}var Pe=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r},Ue="shared.feedbackReportBug",Ce=c.T.encloseNamespace(Ue),Ve={issue:"",stepsToReproduce:""},_e=$.Ry().shape({issue:te().required(ee("requiredError")),stepsToReproduce:te()}).noUnknown();function qe(e){var t=(0,B.b)();return a.createElement(a.Fragment,null,a.createElement("div",{className:"form-group"},a.createElement("label",{className:"form-label mb-1"},a.createElement(g.x,{namespace:Ue,phrase:"mixedMediaLabel"})),a.createElement("p",{className:"text-secondary font-size-sm"},a.createElement(g.x,{namespace:Ue,phrase:"mixedMediaDescription"})),a.createElement("div",{className:"mb-3"},a.createElement(Ne,{mimeType:v.l.MIXED_MEDIA,onFilesAdded:e.onFilesAdded,imageUrl:e.previewImageUrl,uploadError:e.uploadError,acceptMultiple:!0})),a.createElement(Le,{uploads:e.uploadingFiles,cancelUpload:e.cancelUpload}),a.createElement(Ae,{uploadedFiles:e.uploadedFiles,deleteFile:e.deleteFile})),a.createElement(X.W,{as:"textarea",placeholder:Ce("issuePlaceholder"),label:Ce("issueLabel"),name:"issue",value:t.values.issue,showRequiredStar:!0}),a.createElement(X.W,{as:"textarea",placeholder:Ce("stepsPlaceholder"),label:Ce("stepsLabel"),name:"stepsToReproduce",value:t.values.stepsToReproduce}),a.createElement("div",{className:"rounded bg-light-yellow p-2 mb-3"},a.createElement("p",{className:"fw-semibold mb-2"},a.createElement(g.x,{namespace:Ue,phrase:"help"})),a.createElement("div",{className:"d-flex gap-1 mb-2"},a.createElement(ge.x,{svgName:Oe.vn.Link}),a.createElement("a",{href:Se[e.instanceRegion].website,target:"_blank",className:"text-underline"},a.createElement(g.x,{namespace:Ue,phrase:"visitHelpCentre"}))),a.createElement("p",{className:"mb-2"},a.createElement(g.x,{namespace:Ue,phrase:"supportTeam"})),a.createElement("div",{className:"d-flex gap-1 mb-2"},a.createElement(ge.x,{svgName:Oe.vn.Phone}),a.createElement("span",null,Se[e.instanceRegion].phone)),a.createElement("div",{className:"d-flex gap-1 mb-2"},a.createElement(ge.x,{svgName:Oe.vn.Email}),a.createElement("span",null,Se[e.instanceRegion].email))))}function Ge(e){var t=e.onFilesAdded,r=e.cancelUpload,n=e.uploadingFiles,o=e.uploadedFiles,i=e.deleteFile,l=Pe(e,["onFilesAdded","cancelUpload","uploadingFiles","uploadedFiles","deleteFile"]);return a.createElement(bt,Object.assign({},l,{initialValues:Object.assign(Object.assign({},Ve),e.initialValues),validationSchema:_e,submitText:Ce("submit")}),a.createElement(qe,{onFilesAdded:t,previewImageUrl:V.mediaPreview,cancelUpload:r,uploadingFiles:n,uploadedFiles:o,deleteFile:i,uploadError:e.uploadError,instanceRegion:e.instanceRegion}))}var Me=r(75896),De=r(82872),Be=r(7855),Ze=r(4201),ze="shared.feedbackRequestLivestream",We=c.T.encloseNamespace(ze),He={topic:"",studentLevel:[],producerCompany:"",additionalInfo:""},Qe=$.Z_().max(Y,ee("maxCharactersError")),Ke=$.Ry().shape({producerCompany:Qe.required((function(){return We("companyError")})),topic:Qe,studentLevel:$.IX($.Z_()),additionalInfo:te()}).noUnknown();function $e(e){var t=(0,B.b)(),r=t.values.studentLevel.map((function(t){return e.audiences.find((function(e){return e.masterId.toString()===t.toString()}))}))||[];function n(e){t.setFieldValue("studentLevel",Me.m.addOrRemoveImmutable(t.values.studentLevel,e.masterId.toString())),requestAnimationFrame((function(){return t.setFieldTouched("studentLevel")}))}return a.createElement(a.Fragment,null,a.createElement(X.W,{placeholder:We("companyPlaceholder"),label:We("companyLabel"),name:"producerCompany",value:t.values.producerCompany,showRequiredStar:!0}),a.createElement(X.W,{placeholder:We("topicPlaceholder"),label:We("topicLabel"),name:"topic",value:t.values.topic}),a.createElement("div",{className:"form-group"},a.createElement("label",{className:"form-label"},a.createElement(g.x,{namespace:ze,phrase:"audiencesLabel"})),a.createElement(Be.R,{placeholder:We("audiencesPlaceholder"),local:e.audiences,valueKey:"masterId",selections:r,onSuggestionSelected:n,removeSelection:function(e){return n(e)},errorStateImageUrl:null,emptyStateImageUrl:null,activationLength:0,suggestionLimit:!1,getInputTokenComponent:function(e){return a.createElement(De.D,{key:e.masterId,selection:{name:e.name,masterId:e.masterId},colourVariant:"teal",onClickRemove:function(e){return n(e)},hideExpander:!0})},getSuggestionComponent:function(e){return(0,Ze.Go)("name",e)},onSuggestionDependencies:[e.audiences,t.values.studentLevel,r],getLocalSuggestions:function(e,t){var n=t.find((function(t){return t.name===e}));return(0,Ze.Zo)(n?"":e,t,"name",0).filter((function(e){return!r.find((function(t){return t.masterId===e.masterId}))&&e.masterId!==(null==n?void 0:n.masterId)}))},focusInputOnSuggestionClick:!1,renderAsForm:!1,hideIcon:!0,onBlur:function(){return t.setFieldTouched("studentLevel")},className:"p-2 ".concat(t.touched.studentLevel&&t.errors.studentLevel?"is-invalid":"")}),t.touched.studentLevel&&t.errors.studentLevel&&a.createElement("span",{className:"invalid-feedback"},t.errors.studentLevel)),a.createElement(X.W,{as:"textarea",placeholder:We("otherPlaceholder"),label:We("otherLabel"),name:"additionalInfo",value:t.values.additionalInfo}))}function Xe(e){return a.createElement(bt,Object.assign({},e,{initialValues:Object.assign(Object.assign({},He),e.initialValues),validationSchema:Ke}),a.createElement($e,{audiences:e.audiences}))}const Je={image:"SdHLR"};function Ye(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var et="shared.feedbackBeforeRequesting",tt=c.T.encloseNamespace(et);function rt(e){var t,r,n=(t=a.useState(!1),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return Ye(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ye(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=n[0],i=n[1];return a.createElement(a.Fragment,null,a.createElement("div",{className:"d-flex flex-column align-items-center my-4"},a.createElement("img",{className:"".concat(Je.image," mb-3"),src:V.videoAlert}),a.createElement("h4",{className:"mb-3"},a.createElement(g.x,{namespace:et,phrase:"beforeRequesting"})),a.createElement("p",null,a.createElement(g.x,{namespace:et,phrase:"haveYouSearched"}))),a.createElement(Z.u,null,a.createElement(Z.u.Checkbox,{id:"confirmExchange",checked:o,onToggle:function(){return i(!o)},label:tt("exchangeCheck")}),a.createElement(Z.u.Cancel,{onClick:function(){return e.setSelectedOption(null)},text:tt("back")}),a.createElement(Z.u.Submit,{variant:"dark",text:tt("continue"),disabled:!o,onClick:function(){return e.setConfirmed(!0)}})))}function nt(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var at,ot="shared.feedbackRequestVideo",it=c.T.encloseNamespace(ot);!function(e){e.VideosTopic="videosTopic",e.VideoOrSeries="videoOrSeries"}(at||(at={}));var lt={videoRequestType:"",topic:"",studentLevel:[],videoTitle:"",seriesName:"",producerCompany:"",websiteOrTrailer:"",additionalInfo:""},ct=function(){return $.Z_().max(Y,ee("maxCharactersError"))},st=$.Ry().shape({videoRequestType:$.Z_().required(),topic:ct().when("videoRequestType",{is:function(e){return e===at.VideosTopic},then:ct().required(it("topicRequiredError")),otherwise:ct().notRequired()}),studentLevel:$.IX($.Z_()),videoTitle:ct().when(["videoRequestType","seriesName"],{is:function(e,t){return e===at.VideoOrSeries&&!t},then:ct().required(it("videoRequiredError")),otherwise:ct().notRequired()}),seriesName:ct(),producerCompany:ct(),websiteOrTrailer:ct(),additionalInfo:te()}).noUnknown();function ut(e){var t=(0,B.b)(),r=t.values.studentLevel.map((function(t){var r;return null===(r=e.audiences)||void 0===r?void 0:r.find((function(e){return+e.masterId==+t}))}))||[];function n(e){t.setFieldValue("studentLevel",Me.m.addOrRemoveImmutable(t.values.studentLevel,e.masterId.toString())),requestAnimationFrame((function(){return t.setFieldTouched("studentLevel")}))}return a.createElement(a.Fragment,null,a.createElement(X.W,{as:"select",label:it("videoRequestTypeLabel"),name:"videoRequestType",value:t.values.videoRequestType},a.createElement("option",{value:""},it("videoRequestTypePlaceholder")),a.createElement("option",{value:at.VideosTopic},it("videosTopicType")),a.createElement("option",{value:at.VideoOrSeries},it("videoOrSeriesType"))),t.values.videoRequestType===at.VideosTopic&&a.createElement(a.Fragment,null,a.createElement(X.W,{placeholder:it("videoTopicPlaceholder"),label:it("videoTopicLabel"),name:"topic",value:t.values.topic,showRequiredStar:!0}),a.createElement("div",{className:"form-group"},a.createElement("label",{className:"form-label"},a.createElement(g.x,{namespace:ot,phrase:"audiencesLabel"})),a.createElement(Be.R,{placeholder:it("audiencesPlaceholder"),local:e.audiences,valueKey:"masterId",selections:r,onSuggestionSelected:n,removeSelection:function(e){return n(e)},errorStateImageUrl:null,emptyStateImageUrl:null,activationLength:0,suggestionLimit:!1,getInputTokenComponent:function(e){return a.createElement(De.D,{key:e.masterId,selection:{name:e.name,masterId:e.masterId},colourVariant:"teal",onClickRemove:function(e){return n(e)},hideExpander:!0})},getSuggestionComponent:function(e){return(0,Ze.Go)("name",e)},onSuggestionDependencies:[e.audiences,t.values.studentLevel,r],getLocalSuggestions:function(e,t){var n=t.find((function(t){return t.name===e}));return(0,Ze.Zo)(n?"":e,t,"name",0).filter((function(e){return!r.find((function(t){return t.masterId===e.masterId}))&&e.masterId!==(null==n?void 0:n.masterId)}))},focusInputOnSuggestionClick:!1,renderAsForm:!1,hideIcon:!0,onBlur:function(){return t.setFieldTouched("studentLevel")},className:"p-2 ".concat(t.touched.studentLevel&&t.errors.studentLevel?"is-invalid":"")}),t.touched.studentLevel&&t.errors.studentLevel&&a.createElement("span",{className:"invalid-feedback"},t.errors.studentLevel)),a.createElement(X.W,{as:"textarea",placeholder:it("otherPlaceholder"),label:it("otherLabel"),name:"additionalInfo",value:t.values.additionalInfo})),t.values.videoRequestType===at.VideoOrSeries&&a.createElement(a.Fragment,null,a.createElement(X.W,{placeholder:it("videoTitlePlaceholder"),label:it("videoTitleLabel"),name:"videoTitle",value:t.values.videoTitle}),a.createElement(X.W,{placeholder:it("seriesPlaceholder"),label:it("seriesLabel"),name:"seriesName",value:t.values.seriesName}),a.createElement(X.W,{placeholder:it("companyPlaceholder"),label:it("companyLabel"),name:"producerCompany",value:t.values.producerCompany}),a.createElement(X.W,{placeholder:it("videoTopicPlaceholder"),label:it("topicLabel"),name:"topic",value:t.values.topic}),a.createElement(X.W,{placeholder:it("websiteOrTrailerPlaceholder"),label:it("websiteOrTrailerLabel"),name:"websiteOrTrailer",value:t.values.websiteOrTrailer}),a.createElement(X.W,{as:"textarea",placeholder:it("otherPlaceholder"),label:it("otherLabel"),name:"additionalInfo",value:t.values.additionalInfo})))}function mt(e){var t,r,n=(t=a.useState(!1),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return nt(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?nt(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=n[0],i=n[1],l=e.hasExchangeTvProduct&&!o;return a.createElement(bt,Object.assign({},e,{initialValues:Object.assign(Object.assign({},lt),e.initialValues),validationSchema:st,hideButtons:e.hasExchangeTvProduct&&!o}),l&&a.createElement(rt,{setConfirmed:i,setSelectedOption:e.setSelectedOption}),!l&&a.createElement(ut,{audiences:e.audiences}))}var dt="shared.feedbackSuggestImprovement",pt=c.T.encloseNamespace(dt),ft={suggestion:"",importance:""},vt=$.Ry().shape({suggestion:te().required(ee("requiredError")),importance:te()}).noUnknown();function ht(e){var t=(0,B.b)();return a.createElement(a.Fragment,null,a.createElement(X.W,{as:"textarea",placeholder:pt("suggestionPlaceholder"),label:pt("suggestionLabel"),name:"suggestion",value:t.values.suggestion,showRequiredStar:!0}),a.createElement(X.W,{as:"textarea",placeholder:pt("whySuggestionPlaceholder"),label:pt("whySuggestionLabel"),name:"importance",rows:5,value:t.values.importance}),a.createElement("p",null,a.createElement(g.x,{namespace:dt,phrase:"contactSupport"})," ",a.createElement("button",{className:"btn btn-link text-underline p-0",onClick:function(){return e.setSelectedOption(n.RAISE_ISSUE)}},a.createElement(g.x,{namespace:dt,phrase:"raiseIssue"}))))}function gt(e){return a.createElement(bt,Object.assign({},e,{initialValues:Object.assign(Object.assign({},ft),e.initialValues),validationSchema:vt,successImageUrl:V.lightBulb,successHeading:pt("successHeading"),successDescription:pt("successDescription")}),a.createElement(ht,{setSelectedOption:e.setSelectedOption}))}function bt(e){var t=a.useRef(null);return a.createElement(B.n,{onSubmit:e.onSubmit,initialValues:e.initialValues,validationSchema:e.validationSchema,validateOnMount:!0,innerRef:t},a.createElement(D.l0,null,"form"===e.formStage&&e.children,a.createElement(K,{formStage:e.formStage,successImageUrl:e.successImageUrl,successHeading:e.successHeading,successDescription:e.successDescription}),!e.hideButtons&&a.createElement(W,{setSelectedOption:function(r){e.setFormState((function(e){var r;return Object.assign(Object.assign({},e),null===(r=t.current)||void 0===r?void 0:r.values)})),e.setSelectedOption(r)},submitText:e.submitText,formStage:e.formStage,closePopup:e.closePopup})))}function yt(e){var t={formStage:e.formStage,initialValues:e.initialValues,setFormState:e.setFormState,onSubmit:e.onSubmit,setSelectedOption:e.setSelectedOption,closePopup:e.closePopup};switch(e.selectedOption){case n.SUGGEST_IMPROVEMENT:return a.createElement(gt,Object.assign({},t));case n.REPORT_BUG:return a.createElement(Ge,Object.assign({},t,{onFilesAdded:e.onFilesAdded,cancelUpload:e.cancelUpload,uploadingFiles:e.uploadingFiles,uploadedFiles:e.uploadedFiles,deleteFile:e.deleteFile,uploadError:e.uploadError,instanceRegion:e.instanceRegion}));case n.REQUEST_VIDEO:return a.createElement(mt,Object.assign({},t,{audiences:e.audiences,hasExchangeTvProduct:e.hasExchangeTvProduct}));case n.REQUEST_LIVESTREAM:return a.createElement(Xe,Object.assign({},t,{audiences:e.audiences}));case n.RAISE_ISSUE:return a.createElement(he,Object.assign({},t));case n.GIVE_PRAISE:return a.createElement(ie,Object.assign({},t));case n.OTHER:return a.createElement(me,Object.assign({},t))}}function Et(e){return Et="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},Et(e)}function St(){St=function(){return t};var e,t={},r=Object.prototype,n=r.hasOwnProperty,a=Object.defineProperty||function(e,t,r){e[t]=r.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",l=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function s(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,r){return e[t]=r}}function u(e,t,r,n){var o=t&&t.prototype instanceof g?t:g,i=Object.create(o.prototype),l=new j(n||[]);return a(i,"_invoke",{value:T(e,r,l)}),i}function m(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var d="suspendedStart",p="suspendedYield",f="executing",v="completed",h={};function g(){}function b(){}function y(){}var E={};s(E,i,(function(){return this}));var S=Object.getPrototypeOf,O=S&&S(S(L([])));O&&O!==r&&n.call(O,i)&&(E=O);var w=y.prototype=g.prototype=Object.create(E);function I(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function x(e,t){function r(a,o,i,l){var c=m(e[a],e,o);if("throw"!==c.type){var s=c.arg,u=s.value;return u&&"object"==Et(u)&&n.call(u,"__await")?t.resolve(u.__await).then((function(e){r("next",e,i,l)}),(function(e){r("throw",e,i,l)})):t.resolve(u).then((function(e){s.value=e,i(s)}),(function(e){return r("throw",e,i,l)}))}l(c.arg)}var o;a(this,"_invoke",{value:function(e,n){function a(){return new t((function(t,a){r(e,n,t,a)}))}return o=o?o.then(a,a):a()}})}function T(t,r,n){var a=d;return function(o,i){if(a===f)throw Error("Generator is already running");if(a===v){if("throw"===o)throw i;return{value:e,done:!0}}for(n.method=o,n.arg=i;;){var l=n.delegate;if(l){var c=R(l,n);if(c){if(c===h)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(a===d)throw a=v,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);a=f;var s=m(t,r,n);if("normal"===s.type){if(a=n.done?v:p,s.arg===h)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(a=v,n.method="throw",n.arg=s.arg)}}}function R(t,r){var n=r.method,a=t.iterator[n];if(a===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,R(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),h;var o=m(a,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,h;var i=o.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,h):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,h)}function N(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function k(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(N,this),this.reset(!0)}function L(t){if(t||""===t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,o=function r(){for(;++a<t.length;)if(n.call(t,a))return r.value=t[a],r.done=!1,r;return r.value=e,r.done=!0,r};return o.next=o}}throw new TypeError(Et(t)+" is not iterable")}return b.prototype=y,a(w,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:b,configurable:!0}),b.displayName=s(y,c,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===b||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,s(e,c,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},I(x.prototype),s(x.prototype,l,(function(){return this})),t.AsyncIterator=x,t.async=function(e,r,n,a,o){void 0===o&&(o=Promise);var i=new x(u(e,r,n,a),o);return t.isGeneratorFunction(r)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},I(w),s(w,c,"Generator"),s(w,i,(function(){return this})),s(w,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),r=[];for(var n in t)r.push(n);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=L,j.prototype={constructor:j,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(k),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function a(n,a){return l.type="throw",l.arg=t,r.next=n,a&&(r.method="next",r.arg=e),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],l=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),s=n.call(i,"finallyLoc");if(c&&s){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var a=this.tryEntries[r];if(a.tryLoc<=this.prev&&n.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,h):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),h},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),k(r),h}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var a=n.arg;k(r)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:L(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),h}},t}function Ot(e){return function(e){if(Array.isArray(e))return xt(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||It(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 wt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(e,t)||It(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function It(e,t){if(e){if("string"==typeof e)return xt(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?xt(e,t):void 0}}function xt(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var Tt=function(e,t,r,n){return new(r||(r=Promise))((function(a,o){function i(e){try{c(n.next(e))}catch(e){o(e)}}function l(e){try{c(n.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}c((n=n.apply(e,t||[])).next())}))},Rt="shared.giveFeedback",Nt=c.T.encloseNamespace(Rt),kt=5,jt=60,Lt=1e6;function Ft(e){var t,r,i=(0,R.Z)(),c=(0,s.useGetFetchAsync)(),L=m.a.useBasicFetch(T.N.currentUser()),F=m.a.useBasicFetch(L.data&&w.h.customer(L.data.customerId)),A=wt(a.useState(null),2),U=A[0],C=A[1],V=wt(a.useState("form"),2),_=V[0],q=V[1],G=wt(a.useState(null),2),D=G[0],B=G[1],Z=(0,u.G)(y.D.MixedMediaUpload),z=(0,N.o)((function(){return Z.getCollection()}),null),W=a.useRef(),H=a.useRef(0),Q=a.useRef([]),K=wt(a.useState([]),2),$=K[0],X=K[1],J=wt(a.useState(""),2),Y=J[0],ee=J[1],te=m.a.useBasicFetch(O.O.presentationAudiences()),re=null===(t=m.a.useBasicFetch(x.h.userProducts()).data)||void 0===t?void 0:t.find((function(e){return e.id===S.x.Exchange}));function ne(e){C(e),e&&d.k.logUserAction({type:e},{actionType:p.Vw.Click,entity:p.py.Feedback,location:p.LZ.GiveFeedbackPopup,workflowPhase:p.eu.Start})}function ae(e){switch(e){case n.SUGGEST_IMPROVEMENT:return E.n.SuggestImprovement;case n.REPORT_BUG:return E.n.ReportBug;case n.REQUEST_VIDEO:case n.REQUEST_LIVESTREAM:return E.n.RequestVideo;case n.GIVE_PRAISE:return E.n.GivePraise;case n.RAISE_ISSUE:return E.n.RaiseIssue;case n.OTHER:return E.n.Other}}return(0,k.L)(o.Radio.channel(b.Q4.MIXED_MEDIA_UPLOAD),f.S.UPLOAD_COMPLETE,(function(e){var t=e.toJSON();if(Q.current.push(t),H.current--,!(H.current>0)){var r=Q.current.length;Q.current.forEach((function(e){setTimeout((function(){r--;var t=Z.getCollection().filter((function(t){var r;return(null===(r=t.get("fileInfo"))||void 0===r?void 0:r.id)===e.fileInfo.id}));Z.getCollection().remove(t),X((function(e){return[].concat(Ot(e),Ot(t))})),r>0||(d.k.logUserAction({fileInfo:e.fileInfo},{location:p.LZ.GiveFeedbackPopup,actionType:p.Vw.Upload,entity:p.py.MixedMedia,descriptor:d.k.mapInteractionType(W.current)}),i.success(Nt("mixedMediaUploadSuccess")))}))})),Q.current=[]}})),a.createElement(h.G,{size:"lg",title:U?P(U):Nt("title"),closePopup:e.closePopup,backdrop:"static"},!U&&a.createElement("p",null,a.createElement(g.x,{namespace:Rt,phrase:"description"})),!U&&a.createElement(M,{onSelectOption:ne,options:[n.SUGGEST_IMPROVEMENT,n.REPORT_BUG,e.product===S.x.StreamableLearning?n.REQUEST_LIVESTREAM:n.REQUEST_VIDEO,n.GIVE_PRAISE,n.RAISE_ISSUE,n.OTHER]}),U&&a.createElement(yt,{selectedOption:U,formStage:_,onSubmit:function(t,r){return Tt(this,void 0,void 0,St().mark((function a(){var o,l;return St().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return o={type:ae(U),user:j.m.getUserInfo(L.data,F.data),tags:j.m.getTags(L.data,e.product,!1,["give feedback",P(U).toLowerCase()])},l=Object.assign({},t),U===n.REPORT_BUG&&$.length&&(l=Object.assign(Object.assign({},l),j.m.categorizeFiles($))),a.prev=3,a.next=6,c(I.f.submitFeedback(o,l));case 6:d.k.logUserAction(Object.assign(Object.assign({},o),l),{actionType:p.Vw.Submit,entity:p.py.Feedback,location:p.LZ.GiveFeedbackPopup,workflowPhase:p.eu.Complete}),q("success"),a.next=13;break;case 10:a.prev=10,a.t0=a.catch(3),i.error(Nt("error"));case 13:return a.prev=13,r(),a.finish(13);case 16:case"end":return a.stop()}}),a,null,[[3,10,13,16]])})))},setSelectedOption:ne,closePopup:e.closePopup,onFilesAdded:function(e,t){e.some((function(e){return e.size>jt*Lt}))?ee(Nt("maxFileSizeUploadError",{limit:jt})):e.length>kt-z.length?ee(Nt("maxFilesUploadError",{limit:kt})):e.some((function(e){return!l().isValidFile(e,v.l.MIXED_MEDIA)}))?ee(Nt("invalidTypeUploadError")):(ee(""),H.current+=e.length,t&&(W.current=t),Z.addFiles(e))},uploadingFiles:z,uploadedFiles:$,deleteFile:function(e){X((function(t){return t.filter((function(t){return t.id!==e}))}))},cancelUpload:function(e){return Z.cancelUpload(e)},audiences:te.data,uploadError:Y,initialValues:D,setFormState:B,instanceRegion:null===(r=L.data)||void 0===r?void 0:r.instanceRegion,hasExchangeTvProduct:!!re}))}}}]);
-//# sourceMappingURL=8055-f4de552821-lite.chunk.js.map
+/*! For license information please see 8055-a6d102b953-lite.chunk.js.LICENSE.txt */
+"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[8055],{28046:(e,t,r)=>{r.d(t,{l:()=>p,v:()=>f});var n=r(39479),a=["pdf"],o=["doc","docx","dotx","dot","rtf","docm","odt"],i=["csv","txt"],l=["xls","xlt","xlsx"],c=["jpg","tif","png","bmp","gif","jpeg"],s="video/*",u=["zip","rar"],m=["ppt","pot","pps","pptx"],d=["srt"],p={IMAGES:".".concat(c.join(",.")),VIDEO:s,MIXED_MEDIA:".".concat(c.join(",."),",").concat(s),RESOURCES:".".concat([].concat(o,l,m,a,i,c,u).join(",.")),SUBTITLES:".".concat(d.join(",."))},f={getResourceType:function(e){var t=e.toLowerCase();return n.contains(o,t)?"document":n.contains(l,t)?"excel":n.contains(m,t)?"powerpoint":n.contains(a,t)?"pdf":n.contains(i,t)?"text":n.contains(c,t)?"image":n.contains(u,t)?"archive":n.contains(d,t)?"subtitle":""}}},38365:(e,t,r)=>{r.d(t,{n:()=>S,W:()=>O});var n=r(32735),a=r(80247),o=r(80130),i=r(92802),l=r(91967),c=r(1048),s=r(36848),u=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r};function m(e){var t=e.label,r=e.checkboxLabelClassName,a=e.checkboxLabelFontWeight,i=e.className,l=u(e,["label","checkboxLabelClassName","checkboxLabelFontWeight","className"]);return n.createElement(o.Z.Group,{className:"form-group"},n.createElement("div",{className:"form-check ".concat(i||"")},n.createElement(S,Object.assign({className:"form-check-input"},l)),n.createElement(o.Z.Label,{className:"form-check-label cursor-pointer ".concat("normal"===a?"fw-normal":""," \n          ").concat(r),htmlFor:l.id},t),e.checkboxAppLink&&e.checkboxAppLinkText&&n.createElement(n.Fragment,null,n.createElement("span",null," "),n.createElement(s.F,{appLink:e.checkboxAppLink,className:"info-link"},e.checkboxAppLinkText))))}var d=r(83914),p=r(83345),f=r(73814),v=r(35223);function h(e){var t=(0,i.u6)().values[e.fieldName];return"string"!=typeof t?n.createElement(n.Fragment,null):n.createElement("div",{className:"float-end text-secondary fw-normal"},t.length,"/",e.limit," characters")}const g={revealPassword:"jCfI0",passwordInput:"RBJnf",passwordContainer:"d78lK",passwordContainerDisabled:"asbVo",infoTooltip:"wzyOG",spinner:"CycFx"};function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var y=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r},E="shared.formField";function S(e){var t,r,o=e.children,s=e.showLoadingSpinner,u=y(e,["children","showLoadingSpinner"]),m=(t=n.useState(e.type),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return b(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?b(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=m[0],f=m[1],h=l.q.isFunction(o)?function(e){return o(e)}:n.Children.count(o)?o:null;if("password"!==u.type)return s?n.createElement("div",{className:"position-relative"},n.createElement(i.gN,Object.assign({},c.t.omit(u,["formSize"])),h),n.createElement("div",{className:g.spinner},n.createElement(a.Z,{animation:"border",size:"sm"}))):n.createElement(i.gN,Object.assign({},c.t.omit(u,["formSize"])),h);var E="position-relative ".concat(g.passwordContainer);return u.className&&(E+=" ".concat(u.className)),u.disabled&&(E+=" ".concat(g.passwordContainerDisabled)),n.createElement("div",{className:E},n.createElement(i.gN,Object.assign({},c.t.omit(u,["formSize","type","className"]),{type:p,className:"".concat(g.passwordInput," border-0 w-100 h-100 outline-none rounded")}),h),"password"===u.type&&n.createElement(d.x,{svgName:"password"===p?v.vn.VisibleOn:v.vn.VisibleOff,className:"svg-container cursor-pointer ".concat(g.revealPassword),onClick:function(){f("password"===p?"text":"password")}}))}function O(e){var t=e.label,r=e.className,a=e.showCharacterCounter,l=e.showRequiredStar,s=e.infoTooltip,u=e.infoTooltipPlacement,b=e.infoText,O=e.formSize,w=e.showOptionalLabel,I=y(e,["label","className","showCharacterCounter","showRequiredStar","infoTooltip","infoTooltipPlacement","infoText","formSize","showOptionalLabel"]),x=(0,i.u6)(),T=x.errors,R=x.touched,N=function(){};if("checkbox"===I.type){var k=c.t.omit(e,["formSize","infoTooltipPlacement"]);return e.disabled&&(k.onChange=N),n.createElement(m,Object.assign({},k))}var j=Object.assign(Object.assign({},I),{className:f.w.getCustomFormControlClassName(T,R,I.name,O,r,"string"==typeof e.as?e.as:null)});return e.disabled&&(j.onChange=N),n.createElement(o.Z.Group,{className:"form-group"},!!t&&n.createElement(o.Z.Label,{htmlFor:I.id,className:"d-flex align-items-center"},t,l&&n.createElement("span",{className:"text-danger"},"*"),s&&n.createElement(d.x,{className:"svg-container text-secondary ".concat(g.infoTooltip),svgName:v.vn.Info,title:s,tooltipPlacement:u,tooltipSpanHack:!0}),w&&n.createElement("span",{className:"text-secondary"}," ",n.createElement(p.x,{namespace:E,phrase:"optional"})),!!a&&!!I.maxLength&&n.createElement("div",{className:"ms-auto"},n.createElement(h,{fieldName:I.name,limit:I.maxLength}))),n.createElement(S,Object.assign({},j)),!!b&&n.createElement(o.Z.Text,{className:"text-secondary"},b),n.createElement(i.Bc,{name:I.name},(function(e){return n.createElement(o.Z.Control.Feedback,{type:"invalid"},e)})))}S.defaultProps={autoComplete:"off"},O.defaultProps={autoComplete:"off",infoTooltipPlacement:"top"}},82644:(e,t,r)=>{r.d(t,{b:()=>u,n:()=>s});var n=r(32735),a=r(92802),o=r(91967),i=r(1048);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var c=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r};function s(e){var t=e.castInitialValues,r=e.castValuesOnSubmit,s=e.initialValues,u=e.onSubmit,m=c(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function(e){if(!e)return{};var t=i.t.deepClone(e);return function e(r){Object.keys(t).forEach((function(n){t.hasOwnProperty(n)&&(i.t.isObject(r[n])?e(r[n]):null===t[n]&&delete t[n])}))}(t),t}(s)):s,p={allowInitialSubmit:e.allowInitialSubmit};return n.createElement(a.J9,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:function(t,n){var a=n.setSubmitting,o=n.resetForm,i=n.setFieldError,c=r&&e.validationSchema?e.validationSchema.cast(t):t;u(c,(function(){var e,t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(r.reset&&o(),r.errors)for(var n=0,c=Object.entries(r.errors);n<c.length;n++){var s=(e=c[n],t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return l(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=s[0],m=s[1];i(u,m)}a(!1)}))},initialStatus:p}),o.q.isFunction(e.children)?function(t){return e.children(t)}:n.Children.count(e.children)?e.children:null)}function u(){return(0,a.u6)()}s.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},17101:(e,t,r)=>{var n;r.d(t,{n:()=>n}),function(e){e[e.Other=0]="Other",e[e.SuggestImprovement=1]="SuggestImprovement",e[e.ReportBug=2]="ReportBug",e[e.RequestVideo=3]="RequestVideo",e[e.RaiseIssue=4]="RaiseIssue",e[e.GivePraise=5]="GivePraise",e[e.Footer=6]="Footer"}(n||(n={}))},23357:(e,t,r)=>{var n;r.d(t,{s:()=>n}),function(e){e.FileSelect="file-select",e.DragDrop="drag-drop"}(n||(n={}))},7198:(e,t,r)=>{r.d(t,{f:()=>a});var n=r(99940),a={submitFeedback:function(e,t){return{url:"{gateway}/v1/feedback",key:"submit:feedback",type:n.k.POST,data:Object.assign(Object.assign({},e),t)}}}},81409:(e,t,r)=>{r.d(t,{o:()=>o});var n=r(32735);function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function o(e,t){var r,o,i,l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],c=(o=n.useState(!1),i=2,function(e){if(Array.isArray(e))return e}(o)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(o,i)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}(o,i)||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.")}())[1];return n.useEffect((function(){var r=e();if(r)return r.off("add remove change"),r.on("add remove change",(function(){c((function(e){return!e}))})),t&&r.on("remove",t),function(){r.off("add remove change")}}),l),null===(r=e())||void 0===r?void 0:r.toJSON()}},52167:(e,t,r)=>{r.d(t,{m:()=>s});var n=r(53301),a=r.n(n),o=r(28046),i=r(19808),l=r(86613);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var s={getUserInfo:function(e,t){return{id:e.id,username:e.username,email:e.email,userType:e.role===l.i.Admin?"Admin":"Staff",customerId:e.customerId,cvcId:t.crmId,customerName:t.name,instanceRegion:e.instanceRegion,contentRegion:e.contentRegion}},mapInstanceRegionToTag:function(e){switch(e){case i.b.AU:return"au";case i.b.NZ:return"nz";case i.b.UK:return"uk";case i.b.US:return"us"}},getTags:function(e,t,r,n){var a,o=[t].concat(function(e){if(Array.isArray(e))return c(e)}(a=n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(a)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}(a)||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.")}());o.push(r?"student":"staff"),e.role===l.i.Admin&&o.push("administrator");var i=s.mapInstanceRegionToTag(e.instanceRegion);return i&&o.push(i),o},categorizeFiles:function(e){return e.reduce((function(e,t){var r=t.get("fileInfo");return a().isValidFile(t.get("file"),o.l.VIDEO)?e.videoUrls.push(null==r?void 0:r.url):e.imageUrls.push(null==r?void 0:r.url),e}),{imageUrls:[],videoUrls:[]})}}},73814:(e,t,r)=>{r.d(t,{w:()=>a});var n=r(92802),a={getCustomFormControlClassName:function(e,t,r,a,o,i){var l="";return l=function(e,t){var r="";return r="select"===e?"form-select":"form-control","sm"===t&&(r+=" ".concat(r,"-sm")),"lg"===t&&(r+=" ".concat(r,"-lg")),r}(i,a),(0,n.u9)(t,r)&&(0,n.u9)(e,r)&&(l+=" is-invalid"),o&&(l+=" ".concat(o)),l}}},89858:(e,t,r)=>{r.r(t),r.d(t,{GiveFeedbackView:()=>Ft});var n,a=r(32735),o=r(48088),i=r(53301),l=r.n(i),c=r(23481),s=r(44704),u=r(21820),m=r(20354),d=r(49985),p=r(65858),f=r(29555),v=r(28046),h=r(9111),g=r(83345),b=r(52003),y=r(60735),E=r(17101),S=r(12754),O=r(89454),w=r(1666),I=r(7198),x=r(70145),T=r(31949),R=r(69883),N=r(81409),k=r(35286),j=r(52167),L=r(11607),F=r(49439);!function(e){e.SUGGEST_IMPROVEMENT="suggestImprovement",e.REPORT_BUG="reportBug",e.REQUEST_VIDEO="requestVideo",e.REQUEST_LIVESTREAM="requestLivestream",e.GIVE_PRAISE="givePraise",e.RAISE_ISSUE="raiseIssue",e.OTHER="other"}(n||(n={}));var A=c.T.encloseNamespace("shared.feedbackFormTitles"),P=function(e){switch(e){case n.SUGGEST_IMPROVEMENT:case n.REPORT_BUG:case n.REQUEST_VIDEO:case n.REQUEST_LIVESTREAM:case n.GIVE_PRAISE:case n.RAISE_ISSUE:case n.OTHER:return A(e)}};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 C(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=U(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=U(n))return n;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:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var V=C(C(C(C(C(C(C({mailSent:"https://image.api.prd.cvnet.io/v2/images/2mZ7L9",mediaPreview:"https://image.api.prd.cvnet.io/v2/images/ageRM0",lightBulb:"https://image.api.prd.cvnet.io/v2/images/Oqg3JN",heartHands:"https://image.api.prd.cvnet.io/v2/images/1ML8Oj",videoAlert:"https://image.api.prd.cvnet.io/v2/images/dq2oMq"},n.REQUEST_VIDEO,{default:"https://image.api.prd.cvnet.io/v2/images/G1YGdn",hover:"https://image.api.prd.cvnet.io/v2/images/K6yPxz"}),n.REQUEST_LIVESTREAM,{default:"https://image.api.prd.cvnet.io/v2/images/G1YGdn",hover:"https://image.api.prd.cvnet.io/v2/images/K6yPxz"}),n.SUGGEST_IMPROVEMENT,{default:"https://image.api.prd.cvnet.io/v2/images/g7aR1l",hover:"https://image.api.prd.cvnet.io/v2/images/zMR0Dk"}),n.RAISE_ISSUE,{default:"https://image.api.prd.cvnet.io/v2/images/5boW78",hover:"https://image.api.prd.cvnet.io/v2/images/m6yRKr"}),n.GIVE_PRAISE,{default:"https://image.api.prd.cvnet.io/v2/images/nE1mdz",hover:"https://image.api.prd.cvnet.io/v2/images/JjEnmR"}),n.REPORT_BUG,{default:"https://image.api.prd.cvnet.io/v2/images/AOdYpo",hover:"https://image.api.prd.cvnet.io/v2/images/yro9NM"}),n.OTHER,{default:"https://image.api.prd.cvnet.io/v2/images/Eoaykj",hover:"https://image.api.prd.cvnet.io/v2/images/wN59Zg"});const _={image:"_2jo0"};function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function G(e){var t,r,n=(t=(0,F.X)(),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return q(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?q(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=n[0],i=n[1],l=V[e.option];return a.createElement(L.L,{ref:o,className:"col-lg-4 col-sm-6 col-12",onClick:function(){return e.onSelectOption(e.option)}},a.createElement("div",{className:"d-flex flex-column align-items-center h-100 rounded border py-3 gap-2"},a.createElement("img",{className:_.image,src:i?l.hover:l.default,alt:P(e.option)}),a.createElement("p",{className:"fw-semibold text-center mb-0"},P(e.option))))}function M(e){return a.createElement("div",{className:"row g-2"},e.options.map((function(t){return a.createElement(G,{key:t,option:t,onSelectOption:e.onSelectOption})})))}var D=r(92802),B=r(82644),Z=r(13876),z=c.T.encloseNamespace("shared.feedbackButtons");function W(e){var t=(0,B.b)();return a.createElement(Z.u,null,"form"===e.formStage&&a.createElement(a.Fragment,null,a.createElement(Z.u.Cancel,{onClick:function(){return e.setSelectedOption(null)},text:z("cancel")}),a.createElement(Z.u.Submit,{variant:"dark",text:e.submitText||z("submit"),disabled:!t.isValid})),"success"===e.formStage&&a.createElement(Z.u.Cancel,{variant:"dark",text:z("close"),onClick:e.closePopup}))}const H={successImage:"yp7vQ"};var Q=c.T.encloseNamespace("shared.feedbackFormState");function K(e){return"form"===e.formStage||"error"===e.formStage?a.createElement(a.Fragment,null):a.createElement("div",{className:"text-center"},a.createElement("div",{className:"mb-3"},a.createElement("img",{className:H.successImage,src:e.successImageUrl||V.mailSent})),a.createElement("h4",{className:"mb-3"},e.successHeading||Q("successHeading")),a.createElement("p",{className:"mb-3"},e.successDescription||Q("successDescription")))}var $=r(5173),X=r(38365),J=c.T.encloseNamespace("shared.feedbackForm"),Y=5e3,ee=function(e){switch(e){case"requiredError":return J(e);case"minCharactersError":return J(e,{limit:20});case"maxCharactersError":return J("maxCharactersError",{limit:Y})}},te=function(){return $.Z_().min(20,ee("minCharactersError")).max(Y,ee("maxCharactersError"))},re=c.T.encloseNamespace("shared.feedbackGivePraise"),ne={praise:""},ae=$.Ry().shape({praise:te().required(ee("requiredError"))}).noUnknown();function oe(){var e=(0,B.b)();return a.createElement(a.Fragment,null,a.createElement(X.W,{as:"textarea",placeholder:re("givePraisePlaceholder"),label:re("givePraiseLabel"),name:"praise",rows:5,value:e.values.praise,showRequiredStar:!0}))}function ie(e){return a.createElement(bt,Object.assign({},e,{initialValues:Object.assign(Object.assign({},ne),e.initialValues),validationSchema:ae,successImageUrl:V.heartHands,successHeading:re("successHeading"),successDescription:re("successDescription")}),a.createElement(oe,null))}var le=c.T.encloseNamespace("shared.feedbackOther"),ce={feedback:""},se=$.Ry().shape({feedback:te().required(ee("requiredError"))}).noUnknown();function ue(){var e=(0,B.b)();return a.createElement(a.Fragment,null,a.createElement(X.W,{as:"textarea",placeholder:le("otherPlaceholder"),label:le("otherLabel"),name:"feedback",rows:5,value:e.values.feedback,showRequiredStar:!0}))}function me(e){return a.createElement(bt,Object.assign({},e,{initialValues:Object.assign(Object.assign({},ce),e.initialValues),validationSchema:se}),a.createElement(ue,null))}var de=c.T.encloseNamespace("shared.feedbackRaiseIssue"),pe={issue:""},fe=$.Ry().shape({issue:te().required(ee("requiredError"))}).noUnknown();function ve(){var e=(0,B.b)();return a.createElement(a.Fragment,null,a.createElement(X.W,{as:"textarea",placeholder:de("raiseIssuePlaceholder"),label:de("raiseIssueLabel"),name:"issue",rows:5,value:e.values.issue,showRequiredStar:!0}))}function he(e){return a.createElement(bt,Object.assign({},e,{initialValues:Object.assign(Object.assign({},pe),e.initialValues),validationSchema:fe}),a.createElement(ve,null))}var ge=r(83914),be=r(19808);function ye(e){return ye="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},ye(e)}function Ee(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=ye(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=ye(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==ye(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var Se=Ee(Ee(Ee(Ee({},be.b.AU,{phone:"02 9509 2600",email:"support@clickview.com.au",website:"https://www.clickviewsupport.com/hc"}),be.b.UK,{phone:"+44 (0)333 207 6595",email:"info@clickview.co.uk",website:"https://www.clickviewsupport.com/hc"}),be.b.NZ,{phone:"09 916 1156",email:"support@clickview.co.nz",website:"https://www.clickviewsupport.com/hc"}),be.b.US,{phone:"+1 312-292-9322",email:"info@clickvieweducation.com",website:"https://www.clickviewsupport.com/hc"}),Oe=r(35223),we=r(24064),Ie=r(23357);const xe={fileDrop:"vdCUc",resourcePreview:"tZQbH"};function Te(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var Re="shared.feedbackFileUpload";function Ne(e){var t=(0,we.uI)({onDrop:function(t){return e.onFilesAdded(t,Ie.s.DragDrop)},noClick:!0,noKeyboard:!0,multiple:!!e.acceptMultiple,noDragEventsBubbling:!0}),r=t.getRootProps,n=t.getInputProps,o=t.isDragActive,i=a.useRef(null),l=a.useCallback((function(e){e&&(i.current=e)}),[]),c="".concat(xe.fileDrop," text-center p-2 rounded-1");return e.uploadError&&(c+=" border-red"),o&&(c+=" border-blue bg-light-blue"),a.createElement(a.Fragment,null,a.createElement("div",Object.assign({},r({className:c})),a.createElement("img",{className:xe.resourcePreview,src:e.imageUrl,draggable:!1}),a.createElement("div",{className:"position-relative"},o&&a.createElement("p",{className:"position-absolute font-size-md translate-middle top-50 start-50 mb-0"},a.createElement(g.x,{namespace:Re,phrase:"dropUpload"})),a.createElement("div",{className:o?"opacity-0":""},a.createElement("p",{className:"mb-0"},a.createElement(g.x,{namespace:Re,phrase:"dragDrop"})),a.createElement("button",{type:"button",className:"btn btn-link text-underline p-0",onClick:function(){i.current.value=null,i.current.click()}},a.createElement(g.x,{namespace:Re,phrase:"upload"})))),a.createElement("input",{type:"file",className:"file-select d-none",multiple:!!e.acceptMultiple,accept:e.mimeType,ref:l,onChange:function(t){return e.onFilesAdded(function(e){if(Array.isArray(e))return Te(e)}(r=t.target.files)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||function(e,t){if(e){if("string"==typeof e)return Te(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Te(e,t):void 0}}(r)||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.")}(),Ie.s.FileSelect);var r}}),a.createElement("input",Object.assign({},n()))),e.uploadError&&a.createElement("span",{className:"mt-1 d-block invalid-feedback"},e.uploadError))}const ke={progress:"PeDF6"};function je(e){var t=100===e.upload.progress;return a.createElement(a.Fragment,null,a.createElement("div",null,a.createElement(ge.x,{svgName:Oe.vn.Folder,className:"svg-container me-2"}),a.createElement("span",{className:"align-middle"},e.upload.name),t&&a.createElement(ge.x,{svgName:Oe.vn.Check,className:"svg-container float-end text-success"}),!t&&a.createElement("div",{role:"button","aria-label":"close",onClick:function(){return e.cancelUpload(e.upload.id)},className:"float-end description"},a.createElement(ge.x,{svgName:Oe.vn.Close}))),a.createElement("div",{className:"".concat(ke.progress," progress my-2")},a.createElement("div",{className:"progress-bar bg-blue",role:"progressbar",style:{width:"".concat(e.upload.progress,"%")},"aria-valuenow":e.upload.progress,"aria-valuemin":0,"aria-valuemax":100})))}function Le(e){var t;return(null===(t=e.uploads)||void 0===t?void 0:t.length)?a.createElement(a.Fragment,null,e.uploads.map((function(t,r){return a.createElement(je,{key:r,upload:t,cancelUpload:e.cancelUpload})}))):a.createElement(a.Fragment,null)}function Fe(e){return a.createElement("div",{className:"bg-gray-100 rounded p-2"},a.createElement(ge.x,{className:"d-inline-block align-middle svg-container icon-purple me-2",svgName:Oe.vn.FileImg}),a.createElement("span",{className:"align-middle"},e.file.get("name")),a.createElement("button",{className:"btn p-0 border-0 float-end",onClick:function(){return e.deleteFile(e.file.get("id"))}},a.createElement(ge.x,{svgName:Oe.vn.Delete})))}function Ae(e){return a.createElement("div",{className:"d-flex flex-column gap-2"},e.uploadedFiles.map((function(t){return a.createElement(Fe,{key:t.id,file:t,deleteFile:e.deleteFile})})))}var Pe=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r},Ue="shared.feedbackReportBug",Ce=c.T.encloseNamespace(Ue),Ve={issue:"",stepsToReproduce:""},_e=$.Ry().shape({issue:te().required(ee("requiredError")),stepsToReproduce:te()}).noUnknown();function qe(e){var t=(0,B.b)();return a.createElement(a.Fragment,null,a.createElement("div",{className:"form-group"},a.createElement("label",{className:"form-label mb-1"},a.createElement(g.x,{namespace:Ue,phrase:"mixedMediaLabel"})),a.createElement("p",{className:"text-secondary font-size-sm"},a.createElement(g.x,{namespace:Ue,phrase:"mixedMediaDescription"})),a.createElement("div",{className:"mb-3"},a.createElement(Ne,{mimeType:v.l.MIXED_MEDIA,onFilesAdded:e.onFilesAdded,imageUrl:e.previewImageUrl,uploadError:e.uploadError,acceptMultiple:!0})),a.createElement(Le,{uploads:e.uploadingFiles,cancelUpload:e.cancelUpload}),a.createElement(Ae,{uploadedFiles:e.uploadedFiles,deleteFile:e.deleteFile})),a.createElement(X.W,{as:"textarea",placeholder:Ce("issuePlaceholder"),label:Ce("issueLabel"),name:"issue",value:t.values.issue,showRequiredStar:!0}),a.createElement(X.W,{as:"textarea",placeholder:Ce("stepsPlaceholder"),label:Ce("stepsLabel"),name:"stepsToReproduce",value:t.values.stepsToReproduce}),a.createElement("div",{className:"rounded bg-light-yellow p-2 mb-3"},a.createElement("p",{className:"fw-semibold mb-2"},a.createElement(g.x,{namespace:Ue,phrase:"help"})),a.createElement("div",{className:"d-flex gap-1 mb-2"},a.createElement(ge.x,{svgName:Oe.vn.Link}),a.createElement("a",{href:Se[e.instanceRegion].website,target:"_blank",className:"text-underline"},a.createElement(g.x,{namespace:Ue,phrase:"visitHelpCentre"}))),a.createElement("p",{className:"mb-2"},a.createElement(g.x,{namespace:Ue,phrase:"supportTeam"})),a.createElement("div",{className:"d-flex gap-1 mb-2"},a.createElement(ge.x,{svgName:Oe.vn.Phone}),a.createElement("span",null,Se[e.instanceRegion].phone)),a.createElement("div",{className:"d-flex gap-1 mb-2"},a.createElement(ge.x,{svgName:Oe.vn.Email}),a.createElement("span",null,Se[e.instanceRegion].email))))}function Ge(e){var t=e.onFilesAdded,r=e.cancelUpload,n=e.uploadingFiles,o=e.uploadedFiles,i=e.deleteFile,l=Pe(e,["onFilesAdded","cancelUpload","uploadingFiles","uploadedFiles","deleteFile"]);return a.createElement(bt,Object.assign({},l,{initialValues:Object.assign(Object.assign({},Ve),e.initialValues),validationSchema:_e,submitText:Ce("submit")}),a.createElement(qe,{onFilesAdded:t,previewImageUrl:V.mediaPreview,cancelUpload:r,uploadingFiles:n,uploadedFiles:o,deleteFile:i,uploadError:e.uploadError,instanceRegion:e.instanceRegion}))}var Me=r(75896),De=r(82872),Be=r(7855),Ze=r(4201),ze="shared.feedbackRequestLivestream",We=c.T.encloseNamespace(ze),He={topic:"",studentLevel:[],producerCompany:"",additionalInfo:""},Qe=$.Z_().max(Y,ee("maxCharactersError")),Ke=$.Ry().shape({producerCompany:Qe.required((function(){return We("companyError")})),topic:Qe,studentLevel:$.IX($.Z_()),additionalInfo:te()}).noUnknown();function $e(e){var t=(0,B.b)(),r=t.values.studentLevel.map((function(t){return e.audiences.find((function(e){return e.masterId.toString()===t.toString()}))}))||[];function n(e){t.setFieldValue("studentLevel",Me.m.addOrRemoveImmutable(t.values.studentLevel,e.masterId.toString())),requestAnimationFrame((function(){return t.setFieldTouched("studentLevel")}))}return a.createElement(a.Fragment,null,a.createElement(X.W,{placeholder:We("companyPlaceholder"),label:We("companyLabel"),name:"producerCompany",value:t.values.producerCompany,showRequiredStar:!0}),a.createElement(X.W,{placeholder:We("topicPlaceholder"),label:We("topicLabel"),name:"topic",value:t.values.topic}),a.createElement("div",{className:"form-group"},a.createElement("label",{className:"form-label"},a.createElement(g.x,{namespace:ze,phrase:"audiencesLabel"})),a.createElement(Be.R,{placeholder:We("audiencesPlaceholder"),local:e.audiences,valueKey:"masterId",selections:r,onSuggestionSelected:n,removeSelection:function(e){return n(e)},errorStateImageUrl:null,emptyStateImageUrl:null,activationLength:0,suggestionLimit:!1,getInputTokenComponent:function(e){return a.createElement(De.D,{key:e.masterId,selection:{name:e.name,masterId:e.masterId},colourVariant:"teal",onClickRemove:function(e){return n(e)},hideExpander:!0})},getSuggestionComponent:function(e){return(0,Ze.Go)("name",e)},onSuggestionDependencies:[e.audiences,t.values.studentLevel,r],getLocalSuggestions:function(e,t){var n=t.find((function(t){return t.name===e}));return(0,Ze.Zo)(n?"":e,t,"name",0).filter((function(e){return!r.find((function(t){return t.masterId===e.masterId}))&&e.masterId!==(null==n?void 0:n.masterId)}))},focusInputOnSuggestionClick:!1,renderAsForm:!1,hideIcon:!0,onBlur:function(){return t.setFieldTouched("studentLevel")},className:"p-2 ".concat(t.touched.studentLevel&&t.errors.studentLevel?"is-invalid":"")}),t.touched.studentLevel&&t.errors.studentLevel&&a.createElement("span",{className:"invalid-feedback"},t.errors.studentLevel)),a.createElement(X.W,{as:"textarea",placeholder:We("otherPlaceholder"),label:We("otherLabel"),name:"additionalInfo",value:t.values.additionalInfo}))}function Xe(e){return a.createElement(bt,Object.assign({},e,{initialValues:Object.assign(Object.assign({},He),e.initialValues),validationSchema:Ke}),a.createElement($e,{audiences:e.audiences}))}const Je={image:"SdHLR"};function Ye(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var et="shared.feedbackBeforeRequesting",tt=c.T.encloseNamespace(et);function rt(e){var t,r,n=(t=a.useState(!1),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return Ye(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ye(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=n[0],i=n[1];return a.createElement(a.Fragment,null,a.createElement("div",{className:"d-flex flex-column align-items-center my-4"},a.createElement("img",{className:"".concat(Je.image," mb-3"),src:V.videoAlert}),a.createElement("h4",{className:"mb-3"},a.createElement(g.x,{namespace:et,phrase:"beforeRequesting"})),a.createElement("p",null,a.createElement(g.x,{namespace:et,phrase:"haveYouSearched"}))),a.createElement(Z.u,null,a.createElement(Z.u.Checkbox,{id:"confirmExchange",checked:o,onToggle:function(){return i(!o)},label:tt("exchangeCheck")}),a.createElement(Z.u.Cancel,{onClick:function(){return e.setSelectedOption(null)},text:tt("back")}),a.createElement(Z.u.Submit,{variant:"dark",text:tt("continue"),disabled:!o,onClick:function(){return e.setConfirmed(!0)}})))}function nt(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var at,ot="shared.feedbackRequestVideo",it=c.T.encloseNamespace(ot);!function(e){e.VideosTopic="videosTopic",e.VideoOrSeries="videoOrSeries"}(at||(at={}));var lt={videoRequestType:"",topic:"",studentLevel:[],videoTitle:"",seriesName:"",producerCompany:"",websiteOrTrailer:"",additionalInfo:""},ct=function(){return $.Z_().max(Y,ee("maxCharactersError"))},st=$.Ry().shape({videoRequestType:$.Z_().required(),topic:ct().when("videoRequestType",{is:function(e){return e===at.VideosTopic},then:ct().required(it("topicRequiredError")),otherwise:ct().notRequired()}),studentLevel:$.IX($.Z_()),videoTitle:ct().when(["videoRequestType","seriesName"],{is:function(e,t){return e===at.VideoOrSeries&&!t},then:ct().required(it("videoRequiredError")),otherwise:ct().notRequired()}),seriesName:ct(),producerCompany:ct(),websiteOrTrailer:ct(),additionalInfo:te()}).noUnknown();function ut(e){var t=(0,B.b)(),r=t.values.studentLevel.map((function(t){var r;return null===(r=e.audiences)||void 0===r?void 0:r.find((function(e){return+e.masterId==+t}))}))||[];function n(e){t.setFieldValue("studentLevel",Me.m.addOrRemoveImmutable(t.values.studentLevel,e.masterId.toString())),requestAnimationFrame((function(){return t.setFieldTouched("studentLevel")}))}return a.createElement(a.Fragment,null,a.createElement(X.W,{as:"select",label:it("videoRequestTypeLabel"),name:"videoRequestType",value:t.values.videoRequestType},a.createElement("option",{value:""},it("videoRequestTypePlaceholder")),a.createElement("option",{value:at.VideosTopic},it("videosTopicType")),a.createElement("option",{value:at.VideoOrSeries},it("videoOrSeriesType"))),t.values.videoRequestType===at.VideosTopic&&a.createElement(a.Fragment,null,a.createElement(X.W,{placeholder:it("videoTopicPlaceholder"),label:it("videoTopicLabel"),name:"topic",value:t.values.topic,showRequiredStar:!0}),a.createElement("div",{className:"form-group"},a.createElement("label",{className:"form-label"},a.createElement(g.x,{namespace:ot,phrase:"audiencesLabel"})),a.createElement(Be.R,{placeholder:it("audiencesPlaceholder"),local:e.audiences,valueKey:"masterId",selections:r,onSuggestionSelected:n,removeSelection:function(e){return n(e)},errorStateImageUrl:null,emptyStateImageUrl:null,activationLength:0,suggestionLimit:!1,getInputTokenComponent:function(e){return a.createElement(De.D,{key:e.masterId,selection:{name:e.name,masterId:e.masterId},colourVariant:"teal",onClickRemove:function(e){return n(e)},hideExpander:!0})},getSuggestionComponent:function(e){return(0,Ze.Go)("name",e)},onSuggestionDependencies:[e.audiences,t.values.studentLevel,r],getLocalSuggestions:function(e,t){var n=t.find((function(t){return t.name===e}));return(0,Ze.Zo)(n?"":e,t,"name",0).filter((function(e){return!r.find((function(t){return t.masterId===e.masterId}))&&e.masterId!==(null==n?void 0:n.masterId)}))},focusInputOnSuggestionClick:!1,renderAsForm:!1,hideIcon:!0,onBlur:function(){return t.setFieldTouched("studentLevel")},className:"p-2 ".concat(t.touched.studentLevel&&t.errors.studentLevel?"is-invalid":"")}),t.touched.studentLevel&&t.errors.studentLevel&&a.createElement("span",{className:"invalid-feedback"},t.errors.studentLevel)),a.createElement(X.W,{as:"textarea",placeholder:it("otherPlaceholder"),label:it("otherLabel"),name:"additionalInfo",value:t.values.additionalInfo})),t.values.videoRequestType===at.VideoOrSeries&&a.createElement(a.Fragment,null,a.createElement(X.W,{placeholder:it("videoTitlePlaceholder"),label:it("videoTitleLabel"),name:"videoTitle",value:t.values.videoTitle}),a.createElement(X.W,{placeholder:it("seriesPlaceholder"),label:it("seriesLabel"),name:"seriesName",value:t.values.seriesName}),a.createElement(X.W,{placeholder:it("companyPlaceholder"),label:it("companyLabel"),name:"producerCompany",value:t.values.producerCompany}),a.createElement(X.W,{placeholder:it("videoTopicPlaceholder"),label:it("topicLabel"),name:"topic",value:t.values.topic}),a.createElement(X.W,{placeholder:it("websiteOrTrailerPlaceholder"),label:it("websiteOrTrailerLabel"),name:"websiteOrTrailer",value:t.values.websiteOrTrailer}),a.createElement(X.W,{as:"textarea",placeholder:it("otherPlaceholder"),label:it("otherLabel"),name:"additionalInfo",value:t.values.additionalInfo})))}function mt(e){var t,r,n=(t=a.useState(!1),r=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(t,r)||function(e,t){if(e){if("string"==typeof e)return nt(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?nt(e,t):void 0}}(t,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),o=n[0],i=n[1],l=e.hasExchangeTvProduct&&!o;return a.createElement(bt,Object.assign({},e,{initialValues:Object.assign(Object.assign({},lt),e.initialValues),validationSchema:st,hideButtons:e.hasExchangeTvProduct&&!o}),l&&a.createElement(rt,{setConfirmed:i,setSelectedOption:e.setSelectedOption}),!l&&a.createElement(ut,{audiences:e.audiences}))}var dt="shared.feedbackSuggestImprovement",pt=c.T.encloseNamespace(dt),ft={suggestion:"",importance:""},vt=$.Ry().shape({suggestion:te().required(ee("requiredError")),importance:te()}).noUnknown();function ht(e){var t=(0,B.b)();return a.createElement(a.Fragment,null,a.createElement(X.W,{as:"textarea",placeholder:pt("suggestionPlaceholder"),label:pt("suggestionLabel"),name:"suggestion",value:t.values.suggestion,showRequiredStar:!0}),a.createElement(X.W,{as:"textarea",placeholder:pt("whySuggestionPlaceholder"),label:pt("whySuggestionLabel"),name:"importance",rows:5,value:t.values.importance}),a.createElement("p",null,a.createElement(g.x,{namespace:dt,phrase:"contactSupport"})," ",a.createElement("button",{className:"btn btn-link text-underline p-0",onClick:function(){return e.setSelectedOption(n.RAISE_ISSUE)}},a.createElement(g.x,{namespace:dt,phrase:"raiseIssue"}))))}function gt(e){return a.createElement(bt,Object.assign({},e,{initialValues:Object.assign(Object.assign({},ft),e.initialValues),validationSchema:vt,successImageUrl:V.lightBulb,successHeading:pt("successHeading"),successDescription:pt("successDescription")}),a.createElement(ht,{setSelectedOption:e.setSelectedOption}))}function bt(e){var t=a.useRef(null);return a.createElement(B.n,{onSubmit:e.onSubmit,initialValues:e.initialValues,validationSchema:e.validationSchema,validateOnMount:!0,innerRef:t},a.createElement(D.l0,null,"form"===e.formStage&&e.children,a.createElement(K,{formStage:e.formStage,successImageUrl:e.successImageUrl,successHeading:e.successHeading,successDescription:e.successDescription}),!e.hideButtons&&a.createElement(W,{setSelectedOption:function(r){e.setFormState((function(e){var r;return Object.assign(Object.assign({},e),null===(r=t.current)||void 0===r?void 0:r.values)})),e.setSelectedOption(r)},submitText:e.submitText,formStage:e.formStage,closePopup:e.closePopup})))}function yt(e){var t={formStage:e.formStage,initialValues:e.initialValues,setFormState:e.setFormState,onSubmit:e.onSubmit,setSelectedOption:e.setSelectedOption,closePopup:e.closePopup};switch(e.selectedOption){case n.SUGGEST_IMPROVEMENT:return a.createElement(gt,Object.assign({},t));case n.REPORT_BUG:return a.createElement(Ge,Object.assign({},t,{onFilesAdded:e.onFilesAdded,cancelUpload:e.cancelUpload,uploadingFiles:e.uploadingFiles,uploadedFiles:e.uploadedFiles,deleteFile:e.deleteFile,uploadError:e.uploadError,instanceRegion:e.instanceRegion}));case n.REQUEST_VIDEO:return a.createElement(mt,Object.assign({},t,{audiences:e.audiences,hasExchangeTvProduct:e.hasExchangeTvProduct}));case n.REQUEST_LIVESTREAM:return a.createElement(Xe,Object.assign({},t,{audiences:e.audiences}));case n.RAISE_ISSUE:return a.createElement(he,Object.assign({},t));case n.GIVE_PRAISE:return a.createElement(ie,Object.assign({},t));case n.OTHER:return a.createElement(me,Object.assign({},t))}}function Et(e){return Et="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},Et(e)}function St(){St=function(){return t};var e,t={},r=Object.prototype,n=r.hasOwnProperty,a=Object.defineProperty||function(e,t,r){e[t]=r.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",l=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function s(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,r){return e[t]=r}}function u(e,t,r,n){var o=t&&t.prototype instanceof g?t:g,i=Object.create(o.prototype),l=new j(n||[]);return a(i,"_invoke",{value:T(e,r,l)}),i}function m(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=u;var d="suspendedStart",p="suspendedYield",f="executing",v="completed",h={};function g(){}function b(){}function y(){}var E={};s(E,i,(function(){return this}));var S=Object.getPrototypeOf,O=S&&S(S(L([])));O&&O!==r&&n.call(O,i)&&(E=O);var w=y.prototype=g.prototype=Object.create(E);function I(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function x(e,t){function r(a,o,i,l){var c=m(e[a],e,o);if("throw"!==c.type){var s=c.arg,u=s.value;return u&&"object"==Et(u)&&n.call(u,"__await")?t.resolve(u.__await).then((function(e){r("next",e,i,l)}),(function(e){r("throw",e,i,l)})):t.resolve(u).then((function(e){s.value=e,i(s)}),(function(e){return r("throw",e,i,l)}))}l(c.arg)}var o;a(this,"_invoke",{value:function(e,n){function a(){return new t((function(t,a){r(e,n,t,a)}))}return o=o?o.then(a,a):a()}})}function T(t,r,n){var a=d;return function(o,i){if(a===f)throw Error("Generator is already running");if(a===v){if("throw"===o)throw i;return{value:e,done:!0}}for(n.method=o,n.arg=i;;){var l=n.delegate;if(l){var c=R(l,n);if(c){if(c===h)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(a===d)throw a=v,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);a=f;var s=m(t,r,n);if("normal"===s.type){if(a=n.done?v:p,s.arg===h)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(a=v,n.method="throw",n.arg=s.arg)}}}function R(t,r){var n=r.method,a=t.iterator[n];if(a===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,R(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),h;var o=m(a,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,h;var i=o.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,h):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,h)}function N(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function k(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(N,this),this.reset(!0)}function L(t){if(t||""===t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var a=-1,o=function r(){for(;++a<t.length;)if(n.call(t,a))return r.value=t[a],r.done=!1,r;return r.value=e,r.done=!0,r};return o.next=o}}throw new TypeError(Et(t)+" is not iterable")}return b.prototype=y,a(w,"constructor",{value:y,configurable:!0}),a(y,"constructor",{value:b,configurable:!0}),b.displayName=s(y,c,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===b||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,s(e,c,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},I(x.prototype),s(x.prototype,l,(function(){return this})),t.AsyncIterator=x,t.async=function(e,r,n,a,o){void 0===o&&(o=Promise);var i=new x(u(e,r,n,a),o);return t.isGeneratorFunction(r)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},I(w),s(w,c,"Generator"),s(w,i,(function(){return this})),s(w,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),r=[];for(var n in t)r.push(n);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=L,j.prototype={constructor:j,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(k),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function a(n,a){return l.type="throw",l.arg=t,r.next=n,a&&(r.method="next",r.arg=e),!!a}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],l=i.completion;if("root"===i.tryLoc)return a("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),s=n.call(i,"finallyLoc");if(c&&s){if(this.prev<i.catchLoc)return a(i.catchLoc,!0);if(this.prev<i.finallyLoc)return a(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return a(i.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return a(i.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var a=this.tryEntries[r];if(a.tryLoc<=this.prev&&n.call(a,"finallyLoc")&&this.prev<a.finallyLoc){var o=a;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,h):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),h},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),k(r),h}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var a=n.arg;k(r)}return a}}throw Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:L(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),h}},t}function Ot(e){return function(e){if(Array.isArray(e))return xt(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||It(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 wt(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}(e,t)||It(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function It(e,t){if(e){if("string"==typeof e)return xt(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?xt(e,t):void 0}}function xt(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var Tt=function(e,t,r,n){return new(r||(r=Promise))((function(a,o){function i(e){try{c(n.next(e))}catch(e){o(e)}}function l(e){try{c(n.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}c((n=n.apply(e,t||[])).next())}))},Rt="shared.giveFeedback",Nt=c.T.encloseNamespace(Rt),kt=5,jt=60,Lt=1e6;function Ft(e){var t,r,i=(0,R.Z)(),c=(0,s.useGetFetchAsync)(),L=m.a.useBasicFetch(T.N.currentUser()),F=m.a.useBasicFetch(L.data&&w.h.customer(L.data.customerId)),A=wt(a.useState(null),2),U=A[0],C=A[1],V=wt(a.useState("form"),2),_=V[0],q=V[1],G=wt(a.useState(null),2),D=G[0],B=G[1],Z=(0,u.G)(y.D.MixedMediaUpload),z=(0,N.o)((function(){return Z.getCollection()}),null),W=a.useRef(),H=a.useRef(0),Q=a.useRef([]),K=wt(a.useState([]),2),$=K[0],X=K[1],J=wt(a.useState(""),2),Y=J[0],ee=J[1],te=m.a.useBasicFetch(O.O.presentationAudiences()),re=null===(t=m.a.useBasicFetch(x.h.userProducts()).data)||void 0===t?void 0:t.find((function(e){return e.id===S.x.Exchange}));function ne(e){C(e),e&&d.k.logUserAction({type:e},{actionType:p.Vw.Click,entity:p.py.Feedback,location:p.LZ.GiveFeedbackPopup,workflowPhase:p.eu.Start})}function ae(e){switch(e){case n.SUGGEST_IMPROVEMENT:return E.n.SuggestImprovement;case n.REPORT_BUG:return E.n.ReportBug;case n.REQUEST_VIDEO:case n.REQUEST_LIVESTREAM:return E.n.RequestVideo;case n.GIVE_PRAISE:return E.n.GivePraise;case n.RAISE_ISSUE:return E.n.RaiseIssue;case n.OTHER:return E.n.Other}}return(0,k.L)(o.Radio.channel(b.Q4.MIXED_MEDIA_UPLOAD),f.S.UPLOAD_COMPLETE,(function(e){var t=e.toJSON();if(Q.current.push(t),H.current--,!(H.current>0)){var r=Q.current.length;Q.current.forEach((function(e){setTimeout((function(){r--;var t=Z.getCollection().filter((function(t){var r;return(null===(r=t.get("fileInfo"))||void 0===r?void 0:r.id)===e.fileInfo.id}));Z.getCollection().remove(t),X((function(e){return[].concat(Ot(e),Ot(t))})),r>0||(d.k.logUserAction({fileInfo:e.fileInfo},{location:p.LZ.GiveFeedbackPopup,actionType:p.Vw.Upload,entity:p.py.MixedMedia,descriptor:d.k.mapInteractionType(W.current)}),i.success(Nt("mixedMediaUploadSuccess")))}))})),Q.current=[]}})),a.createElement(h.G,{size:"lg",title:U?P(U):Nt("title"),closePopup:e.closePopup,backdrop:"static"},!U&&a.createElement("p",null,a.createElement(g.x,{namespace:Rt,phrase:"description"})),!U&&a.createElement(M,{onSelectOption:ne,options:[n.SUGGEST_IMPROVEMENT,n.REPORT_BUG,e.product===S.x.StreamableLearning?n.REQUEST_LIVESTREAM:n.REQUEST_VIDEO,n.GIVE_PRAISE,n.RAISE_ISSUE,n.OTHER]}),U&&a.createElement(yt,{selectedOption:U,formStage:_,onSubmit:function(t,r){return Tt(this,void 0,void 0,St().mark((function a(){var o,l;return St().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return o={type:ae(U),user:j.m.getUserInfo(L.data,F.data),tags:j.m.getTags(L.data,e.product,!1,["give feedback",P(U).toLowerCase()])},l=Object.assign({},t),U===n.REPORT_BUG&&$.length&&(l=Object.assign(Object.assign({},l),j.m.categorizeFiles($))),a.prev=3,a.next=6,c(I.f.submitFeedback(o,l));case 6:d.k.logUserAction(Object.assign(Object.assign({},o),l),{actionType:p.Vw.Submit,entity:p.py.Feedback,location:p.LZ.GiveFeedbackPopup,workflowPhase:p.eu.Complete}),q("success"),a.next=13;break;case 10:a.prev=10,a.t0=a.catch(3),i.error(Nt("error"));case 13:return a.prev=13,r(),a.finish(13);case 16:case"end":return a.stop()}}),a,null,[[3,10,13,16]])})))},setSelectedOption:ne,closePopup:e.closePopup,onFilesAdded:function(e,t){e.some((function(e){return e.size>jt*Lt}))?ee(Nt("maxFileSizeUploadError",{limit:jt})):e.length>kt-z.length?ee(Nt("maxFilesUploadError",{limit:kt})):e.some((function(e){return!l().isValidFile(e,v.l.MIXED_MEDIA)}))?ee(Nt("invalidTypeUploadError")):(ee(""),H.current+=e.length,t&&(W.current=t),Z.addFiles(e))},uploadingFiles:z,uploadedFiles:$,deleteFile:function(e){X((function(t){return t.filter((function(t){return t.id!==e}))}))},cancelUpload:function(e){return Z.cancelUpload(e)},audiences:te.data,uploadError:Y,initialValues:D,setFormState:B,instanceRegion:null===(r=L.data)||void 0===r?void 0:r.instanceRegion,hasExchangeTvProduct:!!re}))}}}]);
+//# sourceMappingURL=8055-a6d102b953-lite.chunk.js.map